@augmentd-labs/canvas-web 2.26.11 → 2.26.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{EditorOverlay-DqlaCJe7.js → EditorOverlay-B384ALjA.js} +1 -1
- package/dist/assets/{MarkdownEditor-By8nDUtG.js → MarkdownEditor-CkobBLtI.js} +2 -2
- package/dist/assets/{NextShell-DNv3mVFo.js → NextShell-Drz0VGmN.js} +1 -1
- package/dist/assets/{SketchEditor-CRJF-Jp4.js → SketchEditor-CgDMnJn9.js} +5 -5
- package/dist/assets/{TextDocumentEditor-BKueFXia.js → TextDocumentEditor-DAJ_ANTc.js} +1 -1
- package/dist/assets/{alert-dialog-CDKOX-MP.js → alert-dialog-BC58hyW-.js} +1 -1
- package/dist/assets/{blobs-B3DY8Rsp.js → blobs-CtDkR2hC.js} +1 -1
- package/dist/assets/document-list-Br0CEe4u.js +19 -0
- package/dist/assets/index-Bh668hiK.js +59 -0
- package/dist/assets/{index-VRpQX_cE.css → index-DVTruzIS.css} +1 -1
- package/dist/assets/{subtree-transfer-dialog-CSjPDp4d.js → subtree-transfer-dialog-DRz8kLqY.js} +1 -1
- package/dist/assets/{text-documents-D4tmVh-7.js → text-documents-CjartKef.js} +2 -2
- package/dist/assets/ui-BqHBdBU4.js +41 -0
- package/dist/assets/{useAddTarget-Bprwjjdn.js → useAddTarget-DeOqqfx3.js} +1 -1
- package/dist/assets/{workspace-BYMC2sfI.js → workspace-BIeytoq7.js} +1 -1
- package/dist/index.html +9 -9
- package/dist/sw.js +1 -1
- package/package.json +2 -2
- package/dist/assets/document-list-C3BYe-Bx.js +0 -19
- package/dist/assets/index-C3CrR-Lb.js +0 -40
- package/dist/assets/ui-NWo4bzrd.js +0 -41
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NextShell-DNv3mVFo.js","assets/rolldown-runtime-C0FnF6B9.js","assets/code-editor-BQnKd3jw.js","assets/workspace-BYMC2sfI.js","assets/react-BzqgEMSQ.js","assets/alert-dialog-CDKOX-MP.js","assets/ui-NWo4bzrd.js","assets/utils-BxVxyehK.js","assets/utils-2pl1SbIp.js","assets/NextShell-BT6-_CFY.css"])))=>i.map(i=>d[i]);
|
|
2
|
-
import{a as e,n as t,o as n,r,t as i}from"./rolldown-runtime-C0FnF6B9.js";import{a,i as o,l as s,n as c,r as l,t as u,u as d}from"./code-editor-BQnKd3jw.js";import{_t as f,gt as p,vt as m,yt as h}from"./react-BzqgEMSQ.js";import{t as g}from"./preload-helper-Czpn1I53.js";import{$ as _,$n as v,$t as y,A as b,An as x,At as S,B as C,Bn as w,Bt as T,C as E,Cn as D,Ct as O,D as k,Dn as A,Dt as j,E as M,En as N,Et as P,F as ee,Fn as F,Ft as I,G as te,Gn as L,Gt as R,H as ne,Hn as z,Ht as re,I as ie,In as ae,It as oe,Jn as se,Jt as B,K as V,Kn as H,Kt as U,L as ce,Ln as le,Lt as ue,M as de,Mn as fe,Mt as pe,N as me,Nn as he,Nt as ge,O as _e,On as ve,Ot as ye,P as W,Pn as G,Pt as be,Q as K,Qn as q,Qt as xe,R as Se,Rn as Ce,Rt as we,S as Te,Sn as Ee,St as De,T as Oe,Tn as ke,Tt as Ae,U as je,Un as Me,Ut as Ne,V as Pe,Vn as Fe,Vt as Ie,W as Le,Wn as Re,Wt as ze,X as Be,Xn as Ve,Xt as He,Y as Ue,Yn as We,Yt as Ge,Z as Ke,Zn as qe,Zt as Je,_ as Ye,_n as Xe,_t as Ze,a as Qe,ar as $e,at as et,b as tt,bn as nt,bt as rt,c as it,cn as at,cr as ot,ct as st,d as ct,dn as lt,dt as ut,en as dt,er as ft,et as pt,f as mt,fn as ht,ft as gt,g as _t,gn as vt,gt as yt,h as bt,hn as xt,ht as St,i as Ct,in as wt,ir as Tt,it as Et,j as Dt,jn as Ot,jt as kt,k as At,kn as jt,kt as Mt,l as Nt,ln as Pt,lr as Ft,lt as It,m as Lt,mn as Rt,mt as zt,n as Bt,nn as Vt,nr as Ht,nt as Ut,o as Wt,or as Gt,ot as Kt,p as qt,pn as Jt,pt as Yt,q as Xt,qn as Zt,qt as Qt,r as $t,rn as en,rr as tn,rt as nn,s as rn,sr as an,st as on,t as sn,tn as cn,tr as ln,tt as un,u as dn,un as fn,ur as pn,ut as mn,v as hn,vn as gn,vt as _n,w as vn,wn as yn,wt as bn,x as xn,xn as Sn,xt as Cn,y as wn,yn as Tn,yt as En,z as Dn,zn as On,zt as kn}from"./document-list-C3BYe-Bx.js";import{$ as An,$n as jn,$r as Mn,$t as Nn,An as Pn,Ar as Fn,At as In,B as Ln,Bn as Rn,Br as zn,Bt as Bn,C as Vn,Cn as Hn,Cr as Un,Ct as Wn,Dn as Gn,Dr as Kn,Dt as qn,En as Jn,F as Yn,Fr as Xn,Ft as Zn,G as Qn,Gn as $n,Gr as er,H as tr,Hn as nr,Hr as rr,Ht as ir,I as ar,J as or,Jn as sr,Jr as cr,Jt as lr,K as ur,Kn as dr,Kr as fr,Kt as pr,L as mr,Lr as hr,Lt as gr,Mn as _r,Mt as vr,Nn as yr,Nr as br,Nt as xr,On as Sr,Or as Cr,Ot as wr,P as Tr,Pn as Er,Pr as Dr,Pt as Or,Q as kr,Qn as Ar,Qr as jr,Qt as Mr,R as Nr,Rn as Pr,Rr as Fr,Rt as Ir,S as Lr,Sn as Rr,St as zr,Tn as Br,U as Vr,Ur as Hr,Ut as Ur,V as Wr,Vn as Gr,Vr as Kr,Vt as qr,W as Jr,Wn as Yr,X as Xr,Xn as Zr,Xt as Qr,Y as $r,Yn as ei,Yr as ti,Yt as ni,Z as ri,Zn as ii,Zr as ai,_ as oi,_n as si,_r as ci,_t as li,an as ui,ar as di,b as fi,bn as pi,br as mi,bt as hi,ci as gi,cn as _i,ct as vi,d as yi,dr as bi,dt as xi,ei as Si,en as Ci,er as wi,et as Ti,f as Ei,fi as Di,fn as Oi,fr as ki,ft as Ai,g as ji,gi as Mi,gn as Ni,gr as Pi,gt as Fi,h as Ii,hi as Li,hn as Ri,ht as zi,in as Bi,ir as Vi,it as Hi,jr as Ui,jt as Wi,kn as Gi,kr as Ki,kt as qi,ln as Ji,lt as Yi,m as Xi,mi as Zi,mn as Qi,mr as $i,mt as ea,ni as ta,nn as na,oi as ra,on as ia,or as aa,ot as oa,p as sa,pi as ca,pr as la,pt as ua,q as da,qn as fa,qt as pa,ri as ma,rn as ha,rr as ga,rt as _a,si as va,sn as ya,st as ba,tn as xa,tt as Sa,u as Ca,ui as wa,un as Ta,ur as Ea,ut as Da,v as Oa,vn as ka,vr as Aa,vt as ja,w as Ma,wr as Na,wt as Pa,x as Fa,xn as Ia,xt as La,y as Ra,yn as za,yr as Ba,yt as Va,z as Ha,zn as Ua,zr as Wa,zt as Ga}from"./ui-NWo4bzrd.js";import{i as Ka,n as qa,r as Ja}from"./utils-BxVxyehK.js";import{n as Ya,t as J}from"./utils-2pl1SbIp.js";import{_ as Xa,a as Za,b as Y,c as Qa,d as $a,f as eo,g as to,h as no,i as ro,l as io,m as ao,n as oo,o as so,p as co,r as lo,s as uo,t as fo,u as X,v as po,x as Z,y as mo}from"./alert-dialog-CDKOX-MP.js";import{t as ho}from"./socket-hM4c-ZSl.js";import{a as go,c as _o,l as vo,n as yo,o as bo,r as xo,s as So}from"./blobs-B3DY8Rsp.js";import{$ as Co,$t as wo,A as To,At as Eo,B as Do,Bt as Oo,C as ko,Cn as Ao,Ct as jo,D as Mo,Dn as No,Dt as Po,E as Fo,En as Io,Et as Lo,F as Ro,Ft as zo,G as Bo,Gn as Vo,Gt as Ho,H as Uo,Ht as Wo,I as Go,In as Ko,Jt as qo,K as Jo,Kt as Yo,L as Xo,Ln as Zo,M as Qo,Mn as $o,Mt as es,Nn as ts,Nt as ns,O as rs,On as is,Ot as as,Pn as os,Pt as ss,Q as cs,Qt as ls,R as us,Rn as ds,Rt as fs,S as ps,Sn as ms,St as hs,T as gs,Tn as _s,U as vs,Un as ys,Ut as bs,V as xs,Vt as Ss,Wt as Cs,Xt as ws,Z as Ts,Zt as Es,_ as Ds,_n as Os,_t as ks,a as As,an as js,at as Ms,b as Ns,bn as Ps,bt as Fs,cn as Is,ct as Ls,dn as Rs,dt as zs,et as Bs,f as Vs,fn as Hs,ft as Us,gn as Ws,gt as Gs,hn as Ks,ht as qs,i as Js,in as Ys,it as Xs,j as Zs,jn as Qs,k as $s,kt as ec,ln as tc,lt as nc,m as rc,mt as ic,n as ac,nn as oc,nt as sc,o as cc,on as lc,ot as uc,p as dc,pt as fc,q as pc,qt as mc,r as hc,rt as gc,s as _c,sn as vc,st as yc,t as bc,tn as xc,tt as Sc,u as Cc,un as wc,ut as Tc,v as Ec,vt as Dc,w as Oc,wn as kc,wt as Ac,x as jc,xn as Mc,xt as Nc,y as Pc,yn as Fc,yt as Ic,z as Lc}from"./workspace-BYMC2sfI.js";import{_ as Rc,c as zc,f as Bc,g as Vc,h as Hc,l as Uc,m as Wc,o as Gc,p as Kc,s as qc,u as Jc,y as Yc}from"./text-documents-D4tmVh-7.js";import{B as Xc,D as Zc,F as Qc,I as $c,L as el,N as tl,O as nl,P as rl,R as il,T as al,_ as ol,a as sl,b as cl,c as ll,d as ul,f as dl,g as fl,h as pl,i as ml,j as hl,m as gl,n as _l,o as vl,p as yl,r as bl,s as xl,t as Sl,u as Cl,w as wl,y as Tl,z as El}from"./useAddTarget-Bprwjjdn.js";import{n as Dl,t as Ol}from"./map-BxCwdK0d.js";import{t as kl}from"./sha256-65KIjGvZ.js";import{n as Al,t as jl}from"./use-theme-Bd8sb5Ox.js";(function(){let e=document.createElement(`link`).relList;if(e&&e.supports&&e.supports(`modulepreload`))return;for(let e of document.querySelectorAll(`link[rel="modulepreload"]`))n(e);new MutationObserver(e=>{for(let t of e)if(t.type===`childList`)for(let e of t.addedNodes)e.tagName===`LINK`&&e.rel===`modulepreload`&&n(e)}).observe(document,{childList:!0,subtree:!0});function t(e){let t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),t.credentials=e.crossOrigin===`use-credentials`?`include`:e.crossOrigin===`anonymous`?`omit`:`same-origin`,t}function n(e){if(e.ep)return;e.ep=!0;let n=t(e);fetch(e.href,n)}})();var Q=n(d(),1),Ml=m(),$=s(),Nl=Q.forwardRef(({className:e,...t},n)=>(0,$.jsx)(`div`,{ref:n,className:J(`rounded-(--card-radius) border bg-card text-card-foreground shadow-elevation-1`,e),...t}));Nl.displayName=`Card`;var Pl=Q.forwardRef(({className:e,...t},n)=>(0,$.jsx)(`div`,{ref:n,className:J(`flex flex-col space-y-1.5 p-6`,e),...t}));Pl.displayName=`CardHeader`;var Fl=Q.forwardRef(({className:e,...t},n)=>(0,$.jsx)(`h3`,{ref:n,className:J(`text-2xl font-semibold leading-none tracking-tight`,e),...t}));Fl.displayName=`CardTitle`;var Il=Q.forwardRef(({className:e,...t},n)=>(0,$.jsx)(`p`,{ref:n,className:J(`text-sm text-muted-foreground`,e),...t}));Il.displayName=`CardDescription`;var Ll=Q.forwardRef(({className:e,...t},n)=>(0,$.jsx)(`div`,{ref:n,className:J(`p-6 pt-0`,e),...t}));Ll.displayName=`CardContent`;var Rl=Q.forwardRef(({className:e,...t},n)=>(0,$.jsx)(`div`,{ref:n,className:J(`flex items-center p-6 pt-0`,e),...t}));Rl.displayName=`CardFooter`;var zl=`2.26.11`,Bl=e=>{window.particlesJS.load(e,`/js/particles.config.json`,()=>{console.log(`particles.js config loaded for`,e)})};function Vl(e){(0,Q.useEffect)(()=>{if(window.particlesJS!==void 0)Bl(e);else{if(document.getElementById(`particles-js-script`))return;let t=document.createElement(`script`);t.id=`particles-js-script`,t.src=`/js/particles.min.js`,t.onload=()=>{console.log(`particles.js loaded`),Bl(e)},document.head.appendChild(t)}return()=>{window.pJS&&window.pJS[e]?.destroy&&window.pJS[e].destroy()}},[e])}var Hl=`session.open`,Ul=`session.set`,Wl=`session.ids`,Gl=`session.materialize`,Kl=`session.close`,ql=`session.delta`;function Jl(){let[e,t]=(0,Q.useState)(null),[n,r]=(0,Q.useState)(!0),[i,a]=(0,Q.useState)(null);return(0,Q.useEffect)(()=>{let e=!0;async function n(){try{r(!0),a(null);let n=await X.get(`/ping`,{skipAuth:!0});e&&(n?.version?t(n.version):a(`Invalid server response`))}catch(t){e&&(console.error(`Failed to fetch server version:`,t),a(`Unable to connect to server`))}finally{e&&r(!1)}}n();let i=setInterval(n,3e4);return()=>{e=!1,clearInterval(i)}},[]),{serverVersion:e,isLoading:n,error:i}}var Yl=`https://github.com/canvas-ui/canvas-server`,Xl=null;function Zl(){return Xl||=X.get(`/ping`,{skipAuth:!0}).then(e=>{let t=e??{};return{sourceUrl:t.sourceUrl||Yl,version:t.version??null,commit:t.commit??null,license:t.license??null}}).catch(e=>(console.error(`Failed to fetch server source info:`,e),Xl=null,{sourceUrl:Yl,version:null,commit:null,license:null})),Xl}function Ql(){let[e,t]=(0,Q.useState)(null);return(0,Q.useEffect)(()=>{let e=!0;return Zl().then(n=>{e&&t(n)}),()=>{e=!1}},[]),e}function $l({className:e=``}){let t=Ql();if(!t)return null;let n=[t.version?`v${t.version}`:null,t.commit?.slice(0,7)].filter(Boolean).join(` `);return(0,$.jsxs)(`p`,{className:`text-xs text-muted-foreground ${e}`,children:[`Powered by`,` `,(0,$.jsx)(`a`,{href:t.sourceUrl,target:`_blank`,rel:`noreferrer`,className:`underline underline-offset-2 hover:text-foreground`,children:`Canvas`}),n?` ${n}`:``,t.license?`, ${t.license}`:``,`.`,` `,(0,$.jsx)(`a`,{href:t.sourceUrl,target:`_blank`,rel:`noreferrer`,className:`underline underline-offset-2 hover:text-foreground`,children:`Get the source code`}),`.`]})}function eu({children:e}){Vl(`particle-js`);let{serverVersion:t,isLoading:n,error:r}=Jl();return(0,$.jsx)(`div`,{className:`flex min-h-viewport w-full items-center justify-center p-4 flex-col`,children:(0,$.jsxs)(Nl,{className:`flex w-[95vw] h-viewport-modal overflow-hidden`,children:[(0,$.jsxs)(`div`,{className:`hidden md:block w-1/2 relative bg-background`,"data-scheme":`dark`,id:`particle-js`,children:[(0,$.jsxs)(We,{className:`absolute top-8 left-8 font-bold text-foreground flex items-center z-raised`,to:`/`,children:[(0,$.jsx)(`img`,{src:`/images/logo-wr_128x128.png`,alt:`Canvas Logo`,className:`mr-2 h-6 w-6 touch-target`}),(0,$.jsx)(`span`,{className:`text-2xl font-bold text-foreground`,children:`Canvas`})]}),(0,$.jsxs)(`div`,{className:`absolute bottom-8 left-8 text-sm text-foreground max-w-[80%] z-raised`,children:[`Web UI: v`,zl,`, Server: `,n?`Loading...`:r?`Unavailable`:t?`v${t}`:`Unknown`]})]}),(0,$.jsx)(`div`,{className:`flex w-full md:w-1/2 flex-col justify-center px-4 py-12 sm:px-6 lg:px-8`,children:(0,$.jsxs)(`div`,{className:`mx-auto w-full max-w-sm`,children:[e,(0,$.jsxs)(`div`,{className:`mt-8 border-t pt-6`,children:[(0,$.jsxs)(`a`,{href:`https://github.com/canvas-ui`,target:`_blank`,className:`text-muted-foreground hover:text-foreground justify-center flex items-center space-x-2`,rel:`noopener noreferrer`,children:[(0,$.jsx)(`svg`,{viewBox:`0 0 24 24`,width:`24`,height:`24`,stroke:`currentColor`,fill:`none`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`w-6 h-6`,children:(0,$.jsx)(`path`,{d:`M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22`})}),(0,$.jsx)(`span`,{children:`View on GitHub`})]}),(0,$.jsx)($l,{className:`mt-4 text-center`})]})]})})]})})}async function tu(e,t,n=`auto`){try{let r=await X.post(Xa.login,{email:e,password:t,strategy:n},{skipAuth:!0});console.log(`Login response:`,r);let i=r;if(`token`in i)return console.log(`Setting auth token (direct):`,i.token.substring(0,10)+`...`),X.setAuthToken(i.token),L.connect(i.token),r;if(i&&`payload`in i&&i.payload&&i.payload.token)return console.log(`Setting auth token (nested):`,i.payload.token.substring(0,10)+`...`),X.setAuthToken(i.payload.token),L.connect(i.payload.token),r;throw console.error(`Invalid login response structure:`,r),Error(`Invalid login response: missing token`)}catch(e){throw console.error(`Login error:`,e),X.clearAuthToken(),e}}async function nu(e,t,n){try{return await X.post(Xa.register,{name:e,email:t,password:n},{skipAuth:!0})}catch(e){throw console.error(`Registration failed:`,e),e}}function ru(e){return e instanceof Error&&/^Network error/i.test(e.message)}function iu(){let e=localStorage.getItem(`authToken`);if(!e)return!1;if(e.startsWith(`canvas-`))return!0;try{return Ja(e).exp*1e3>Date.now()}catch{return!1}}function au(){let e=localStorage.getItem(`authToken`);if(!e||e.startsWith(`canvas-`))return null;try{let t=Ja(e);return t.exp*1e3<Date.now()?(X.clearAuthToken(),null):{id:t.sub,email:t.email,userType:t.userType||`user`}}catch(e){return console.error(`Failed to decode token:`,e),X.clearAuthToken(),null}}async function ou(){try{if(!X.isAuthenticated())return console.log(`Not authenticated, skipping getCurrentUser request`),null;let e=await X.get(Xa.me);return console.log(`Current user response:`,e),e&&e?(L.isConnected()||L.reconnect(),e):(console.warn(`Invalid user profile response structure:`,e),null)}catch(e){if(console.error(`Failed to get current user:`,e),ru(e))throw e;return e instanceof Error&&(e.message.includes(`USER_NOT_FOUND_IN_DATABASE`)||e.message.includes(`Your session is invalid`)||e.message.includes(`Authentication required`)||e.message.includes(`user account no longer exists`))?(console.warn(`Authentication error detected, clearing token:`,e.message),X.clearAuthToken(),L.disconnect(),null):null}}function su(){return X.isAuthenticated()}function cu(){let e=new URL(`${po}/oauth/google/login`);e.searchParams.set(`origin`,window.location.origin),window.location.assign(e.toString())}async function lu(e){let t=await X.post(`${po}/oauth/google/exchange`,{code:e},{skipAuth:!0});if(!t?.token)throw Error(`Invalid login response: missing token`);X.setAuthToken(t.token),L.connect(t.token)}async function uu(){try{let e=await X.get(Xa.authConfig,{skipAuth:!0});return e||e}catch(e){return console.error(`Failed to get auth config:`,e),{strategies:{local:{enabled:!0},imap:{enabled:!1,domains:[]}}}}}async function du(e){try{await X.post(Xa.verifyEmailRequest,{email:e},{skipAuth:!0})}catch(e){throw console.error(`Failed to request email verification:`,e),e}}var fu=e=>e?.strategies?.local?.enabled!==!1,pu=e=>e?.allowUserRegistrations!==!1;function mu(){let e=ot(),[t,n]=Q.useState(!1),[r,i]=Q.useState(``),[a,o]=Q.useState(``),[s,c]=Q.useState(!1),[l,u]=Q.useState({}),[d,p]=Q.useState(null),[m,h]=Q.useState({email:``,password:``,strategy:`auto`});Q.useEffect(()=>{iu()&&e(`/workspaces`),fetch(`${po}/runtime/capabilities`).then(e=>e.ok?e.json():null).then(e=>n(e?.payload?.local===!0)).catch(()=>{}),uu().then(e=>{p(e)}).catch(e=>{console.error(`Failed to load auth config:`,e)})},[e]);let g=()=>{let e={};return m.email?/\S+@\S+\.\S+/.test(m.email)||(e.email=`Email is invalid`):e.email=`Email is required`,m.password||(e.password=`Password is required`),u(e),Object.keys(e).length===0},_=e=>{let{name:t,value:n}=e.target;h(e=>({...e,[t]:n}))};async function v(t){if(t.preventDefault(),g()){c(!0);try{console.log(`Attempting login with:`,m.email,`strategy:`,m.strategy);let t=await tu(m.email,m.password,m.strategy);console.log(`Login successful, received token:`,`token`in t?!!t.token:!!t.payload?.token),u({}),e(`/home`)}catch(e){console.error(`Login error:`,e);let t=`Login failed`;if(e instanceof Error)t=e.message;else if(typeof e==`object`&&e){let n=e;n.message?t=n.message:n.error?t=n.error:n.payload?.message&&(t=n.payload.message)}u({password:t})}finally{c(!1)}}}return t?(0,$.jsx)(eu,{children:(0,$.jsxs)(`form`,{className:`grid gap-4`,onSubmit:async t=>{t.preventDefault(),c(!0),o(``);try{if(X.setAuthToken(r.trim()),!await ou())throw Error(`The local token was not accepted`);e(`/workspaces`)}catch(e){X.clearAuthToken(),o(e instanceof Error?e.message:`Authentication failed`)}finally{c(!1)}},children:[(0,$.jsx)(`h1`,{className:`text-2xl font-semibold`,children:`Connect to your local runtime`}),(0,$.jsxs)(`p`,{className:`text-sm text-muted-foreground`,children:[`Enter the token shown by `,(0,$.jsx)(`code`,{children:`canvas runtime token`}),` in the runtime folder.`]}),(0,$.jsx)(H,{htmlFor:`local-token`,children:`Local access token`}),(0,$.jsx)(Y,{id:`local-token`,type:`password`,autoComplete:`off`,value:r,onChange:e=>i(e.target.value),required:!0}),a&&(0,$.jsx)(`p`,{role:`alert`,className:`text-sm text-destructive`,children:a}),(0,$.jsx)(Z,{disabled:s,children:s?`Connecting…`:`Connect`})]})}):(0,$.jsx)(eu,{children:(0,$.jsxs)(`div`,{className:`flex flex-col space-y-4`,children:[(0,$.jsxs)(`div`,{className:`flex flex-col space-y-2 text-center`,children:[(0,$.jsx)(`h1`,{className:`text-2xl font-semibold tracking-tight`,children:`Welcome back`}),(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Enter your credentials to access your account`})]}),(0,$.jsx)(`form`,{onSubmit:v,children:(0,$.jsxs)(`div`,{className:`grid gap-4`,children:[d?.strategies?.imap?.enabled&&d.strategies.imap.domains.length>0&&(0,$.jsxs)(`div`,{className:`grid gap-2`,children:[(0,$.jsx)(H,{htmlFor:`strategy`,children:`Authentication Method`}),(0,$.jsxs)(`select`,{id:`strategy`,name:`strategy`,value:m.strategy,onChange:_,disabled:s,className:`flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50`,children:[(0,$.jsx)(`option`,{value:`auto`,children:`Auto-detect`}),(0,$.jsx)(`option`,{value:`local`,children:`Local Account`}),(0,$.jsx)(`option`,{value:`imap`,children:`Email Server (IMAP)`})]})]}),(0,$.jsxs)(`div`,{className:`grid gap-2`,children:[(0,$.jsx)(H,{htmlFor:`email`,children:`Email`}),(0,$.jsx)(Y,{id:`email`,name:`email`,placeholder:`name@example.com`,type:`email`,autoCapitalize:`none`,autoComplete:`email`,autoCorrect:`off`,disabled:s,value:m.email,onChange:_}),l.email&&(0,$.jsx)(`p`,{className:`text-sm text-destructive`,children:l.email})]}),(0,$.jsxs)(`div`,{className:`grid gap-2`,children:[(0,$.jsx)(H,{htmlFor:`password`,children:`Password`}),(0,$.jsx)(Y,{id:`password`,name:`password`,type:`password`,disabled:s,value:m.password,onChange:_}),l.password&&(0,$.jsx)(`p`,{className:`text-sm text-destructive`,children:l.password})]}),(0,$.jsxs)(`div`,{className:`flex flex-col space-y-4`,children:[(0,$.jsx)(Z,{type:`submit`,disabled:s,children:s?`Signing in...`:`Sign In`}),d?.strategies?.google?.enabled&&(0,$.jsxs)(Z,{type:`button`,variant:`outline`,disabled:s,onClick:()=>cu(),children:[(0,$.jsx)(f,{icon:`logos:google-icon`,width:16,height:16,className:`mr-2`}),`Sign in with Google`]}),fu(d)&&pu(d)&&(0,$.jsx)(Z,{variant:`outline`,type:`button`,disabled:s,onClick:()=>e(`/register`),children:`Don't have an account? Sign up`})]})]})})]})})}function hu(){let e=ot(),{showToast:t}=vo(),[n,r]=Q.useState(!1),[i,a]=Q.useState({}),[o,s]=Q.useState({name:``,email:``,password:``}),[c,l]=Q.useState(!1),[u,d]=Q.useState(!1),[f,p]=Q.useState(null);Q.useEffect(()=>{(async()=>{let t=await uu(),n=t?.strategies?.local;if(t?.allowUserRegistrations===!1||n?.enabled===!1){e(`/login`,{replace:!0});return}n?.passwordPolicy&&p(n.passwordPolicy),d(!!n?.requireEmailVerification)})()},[e]);let m=Q.useMemo(()=>{if(!f)return null;let e=o.password||``;return{minLength:!f.minLength||e.length>=f.minLength,maxLength:!f.maxLength||e.length<=f.maxLength,uppercase:!f.requireUppercase||/[A-Z]/.test(e),lowercase:!f.requireLowercase||/[a-z]/.test(e),number:!f.requireNumbers||/[0-9]/.test(e),special:!f.requireSpecialChars||/[^A-Za-z0-9]/.test(e)}},[f,o.password]),h=()=>{let e={};if(!o.name)e.name=`Username is required`;else if(o.name.trim().length===0)e.name=`Username cannot be empty`;else{let t=o.name.toLowerCase().trim();t.length<3?e.name=`Username must be at least 3 characters long`:t.length>39?e.name=`Username cannot be longer than 39 characters`:/^[a-z0-9_-]+$/.test(t)?[`admin`,`administrator`,`root`,`system`,`support`,`help`,`api`,`www`,`mail`,`ftp`,`localhost`,`test`,`demo`,`canvas`,`universe`,`workspace`,`context`,`user`,`users`].includes(t)&&(e.name=`Username '${t}' is reserved and cannot be used`):e.name=`Username can only contain lowercase letters, numbers, underscores, and hyphens`}if(o.email?/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o.email)||(e.email=`Please enter a valid email address`):e.email=`Email is required`,!o.password)e.password=`Password is required`;else if(f){let t=o.password,n=[];f.minLength&&t.length<f.minLength&&n.push(`at least ${f.minLength} characters`),f.maxLength&&t.length>f.maxLength&&n.push(`no more than ${f.maxLength} characters`),f.requireUppercase&&!/[A-Z]/.test(t)&&n.push(`an uppercase letter`),f.requireLowercase&&!/[a-z]/.test(t)&&n.push(`a lowercase letter`),f.requireNumbers&&!/[0-9]/.test(t)&&n.push(`a number`),f.requireSpecialChars&&!/[^A-Za-z0-9]/.test(t)&&n.push(`a special character`),n.length&&(e.password=`Password must contain ${n.join(`, `).replace(/, ([^,]*)$/,` and $1`)}.`)}else o.password.length<8&&(e.password=`Password must be at least 8 characters long`);return a(e),Object.keys(e).length===0},g=e=>{let t={...o,[e.target.id]:e.target.value};s(t),(e.target.id===`name`||e.target.id===`email`||e.target.id===`password`)&&h()};return c?(0,$.jsxs)(eu,{children:[(0,$.jsxs)(`div`,{className:`flex flex-col space-y-2 text-center`,children:[(0,$.jsx)(`h1`,{className:`text-2xl font-semibold tracking-tight`,children:`Registration Successful!`}),(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:u?`Check your email for a verification link to activate your account.`:`Your account has been created.`})]}),(0,$.jsx)(`div`,{className:`space-y-6 text-center pt-6`,children:!u&&(0,$.jsx)(Z,{asChild:!0,className:`w-full`,children:(0,$.jsx)(We,{to:`/login`,children:`Go to Login`})})})]}):(0,$.jsxs)(eu,{children:[(0,$.jsxs)(`div`,{className:`flex flex-col space-y-2 text-center`,children:[(0,$.jsx)(`h1`,{className:`text-2xl font-semibold tracking-tight`,children:`Create an account`}),(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Enter your email below to create your account`})]}),(0,$.jsxs)(`form`,{onSubmit:async e=>{if(e.preventDefault(),h()){r(!0);try{let e=await nu(o.name,o.email,o.password);console.log(`Registration successful:`,e),t({title:`Registration Successful`,description:u?`Check your email for a verification link before logging in.`:`You can now log in with your credentials.`,variant:`default`}),l(!0),s({name:``,email:``,password:``}),a({})}catch(e){console.error(`Registration failed:`,e);let n=e?.message||`Registration failed`;n.toLowerCase().includes(`password`)?a({...i,password:n}):a({...i,email:n}),t({title:`Registration Failed`,description:n,variant:`destructive`})}finally{r(!1)}}},className:`space-y-4 pt-6`,children:[(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(H,{htmlFor:`name`,children:`Username`}),(0,$.jsx)(Y,{id:`name`,type:`text`,placeholder:`Enter your username (e.g., john_doe)`,value:o.name,onChange:g,disabled:n,className:i.name?`border-destructive`:``}),i.name&&(0,$.jsx)(`p`,{className:`text-sm text-destructive`,children:i.name}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`3-39 characters, lowercase letters, numbers, underscores, and hyphens only`})]}),(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(H,{htmlFor:`email`,children:`Email`}),(0,$.jsx)(Y,{id:`email`,type:`email`,placeholder:`name@example.com`,value:o.email,onChange:g,disabled:n,className:i.email?`border-destructive`:``}),i.email&&(0,$.jsx)(`p`,{className:`text-sm text-destructive`,children:i.email})]}),(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(H,{htmlFor:`password`,children:`Password`}),(0,$.jsx)(Y,{id:`password`,type:`password`,placeholder:`Enter your password`,value:o.password,onChange:g,disabled:n,className:i.password?`border-destructive`:``}),i.password&&(0,$.jsx)(`p`,{className:`text-sm text-destructive`,children:i.password}),f&&m&&(0,$.jsxs)(`ul`,{className:`text-xs list-disc pl-4 space-y-1`,children:[(0,$.jsxs)(`li`,{className:m.minLength?`text-success`:`text-muted-foreground`,children:[`At least `,f.minLength,` characters`]}),f.requireUppercase&&(0,$.jsx)(`li`,{className:m.uppercase?`text-success`:`text-muted-foreground`,children:`At least one uppercase letter`}),f.requireLowercase&&(0,$.jsx)(`li`,{className:m.lowercase?`text-success`:`text-muted-foreground`,children:`At least one lowercase letter`}),f.requireNumbers&&(0,$.jsx)(`li`,{className:m.number?`text-success`:`text-muted-foreground`,children:`At least one number`}),f.requireSpecialChars&&(0,$.jsx)(`li`,{className:m.special?`text-success`:`text-muted-foreground`,children:`At least one special character`}),f.maxLength&&(0,$.jsxs)(`li`,{className:m.maxLength?`text-success`:`text-muted-foreground`,children:[`No more than `,f.maxLength,` characters`]})]})]}),(0,$.jsx)(Z,{type:`submit`,className:`w-full`,disabled:n,children:n?`Creating Account...`:`Create Account`})]}),(0,$.jsxs)(`div`,{className:`mt-4 text-center text-sm`,children:[`Already have an account?`,` `,(0,$.jsx)(We,{to:`/login`,className:`underline`,children:`Sign in`})]}),(0,$.jsxs)(`div`,{className:`px-8 py-4 text-center text-sm text-muted-foreground border-t mt-6`,children:[`By clicking continue, you agree to our`,` `,(0,$.jsx)(We,{to:`/terms`,className:`underline underline-offset-4 hover:text-primary`,children:`Terms of Service`}),` `,`and`,` `,(0,$.jsx)(We,{to:`/privacy`,className:`underline underline-offset-4 hover:text-primary`,children:`Privacy Policy`}),`.`]})]})}function gu(){let e=ot(),[t]=pn(),[n,r]=Q.useState(t.get(`error`)),i=Q.useRef(!1);return Q.useEffect(()=>{let n=t.get(`code`);!n||i.current||(i.current=!0,lu(n).then(()=>e(`/home`,{replace:!0})).catch(e=>r(e instanceof Error?e.message:`Google sign-in failed`)))},[t,e]),(0,$.jsx)(eu,{children:(0,$.jsx)(`div`,{className:`flex flex-col space-y-4 text-center`,children:n?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`h1`,{className:`text-2xl font-semibold tracking-tight`,children:`Google sign-in failed`}),(0,$.jsx)(`p`,{className:`text-sm text-destructive`,children:n}),(0,$.jsx)(Z,{type:`button`,variant:`outline`,onClick:()=>e(`/login`,{replace:!0}),children:`Back to sign in`})]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`h1`,{className:`text-2xl font-semibold tracking-tight`,children:`Signing you in…`}),(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Completing Google sign-in.`})]})})})}function _u({children:e}){let[t,n]=(0,Q.useState)(`loading`);return(0,Q.useEffect)(()=>{(async()=>{try{if(!su()){console.log(`No authentication token found, redirecting to login`),n(`unauthenticated`);return}let e=await ou();e?(console.log(`User authenticated:`,e.email),n(`authenticated`)):(console.log(`User not authenticated or token expired`),n(`unauthenticated`))}catch(e){if(console.error(`Authentication check failed:`,e),ru(e)){if(iu()){n(`authenticated`);return}X.clearAuthToken(),n(`unauthenticated`);return}e instanceof Error&&e.message.includes(`Authentication required`)&&(console.log(`Clearing invalid token from ProtectedRoute`),X.clearAuthToken()),n(`unauthenticated`)}})()},[]),t===`loading`?(0,$.jsx)(`div`,{className:`flex h-screen items-center justify-center`,children:(0,$.jsx)(Re,{className:`h-8 w-8`})}):t===`unauthenticated`?(0,$.jsx)(qe,{to:`/login`,replace:!0}):(0,$.jsx)($.Fragment,{children:e})}function vu({children:e}){let[t,n]=(0,Q.useState)(null);return(0,Q.useEffect)(()=>{(async()=>{try{await X.get(`/auth/me`),n(!0)}catch(e){e instanceof Error&&e.message.includes(`Authentication required`)&&(console.log(`Clearing invalid token from PublicRoute`),X.clearAuthToken()),n(!1)}})()},[]),t===null?null:t?(0,$.jsx)(qe,{to:`/workspaces`,replace:!0}):(0,$.jsx)($.Fragment,{children:e})}var yu=i(((e,t)=>{(function(n,r){typeof e==`object`&&t!==void 0?r(e):typeof define==`function`&&define.amd?define([`exports`],r):(n=typeof globalThis<`u`?globalThis:n||self,r(n[`fast-equals`]={}))})(e,(function(e){function t(e){return function(t,n,r,i,a,o,s){return e(t,n,s)}}function n(e){return function(t,n,r,i){if(!t||!n||typeof t!=`object`||typeof n!=`object`)return e(t,n,r,i);var a=i.get(t),o=i.get(n);if(a&&o)return a===n&&o===t;i.set(t,n),i.set(n,t);var s=e(t,n,r,i);return i.delete(t),i.delete(n),s}}function r(e,t){var n={};for(var r in e)n[r]=e[r];for(var r in t)n[r]=t[r];return n}function i(e){return e.constructor===Object||e.constructor==null}function a(e){return typeof e.then==`function`}function o(e,t){return e===t||e!==e&&t!==t}var s=Object.prototype.toString;function c(e){var t=e.areArraysEqual,n=e.areDatesEqual,r=e.areMapsEqual,c=e.areObjectsEqual,l=e.areRegExpsEqual,u=e.areSetsEqual,d=e.createIsNestedEqual,f=d(p);function p(e,d,p){if(e===d)return!0;if(!e||!d||typeof e!=`object`||typeof d!=`object`)return e!==e&&d!==d;if(i(e)&&i(d))return c(e,d,f,p);var m=Array.isArray(e),h=Array.isArray(d);if(m||h)return m===h&&t(e,d,f,p);var g=s.call(e);return g===s.call(d)?g===`[object Date]`?n(e,d,f,p):g===`[object RegExp]`?l(e,d,f,p):g===`[object Map]`?r(e,d,f,p):g===`[object Set]`?u(e,d,f,p):g===`[object Object]`||g===`[object Arguments]`?a(e)||a(d)?!1:c(e,d,f,p):g===`[object Boolean]`||g===`[object Number]`||g===`[object String]`?o(e.valueOf(),d.valueOf()):!1:!1}return p}function l(e,t,n,r){var i=e.length;if(t.length!==i)return!1;for(;i-->0;)if(!n(e[i],t[i],i,i,e,t,r))return!1;return!0}var u=n(l);function d(e,t){return o(e.valueOf(),t.valueOf())}function f(e,t,n,r){var i=e.size===t.size;if(!i)return!1;if(!e.size)return!0;var a={},o=0;return e.forEach(function(s,c){if(i){var l=!1,u=0;t.forEach(function(i,d){!l&&!a[u]&&(l=n(c,d,o,u,e,t,r)&&n(s,i,c,d,e,t,r))&&(a[u]=!0),u++}),o++,i=l}}),i}var p=n(f),m=`_owner`,h=Object.prototype.hasOwnProperty;function g(e,t,n,r){var i=Object.keys(e),a=i.length;if(Object.keys(t).length!==a)return!1;for(var o;a-->0;){if(o=i[a],o===m){var s=!!e.$$typeof,c=!!t.$$typeof;if((s||c)&&s!==c)return!1}if(!h.call(t,o)||!n(e[o],t[o],o,o,e,t,r))return!1}return!0}var _=n(g);function v(e,t){return e.source===t.source&&e.flags===t.flags}function y(e,t,n,r){var i=e.size===t.size;if(!i)return!1;if(!e.size)return!0;var a={};return e.forEach(function(o,s){if(i){var c=!1,l=0;t.forEach(function(i,u){!c&&!a[l]&&(c=n(o,i,s,u,e,t,r))&&(a[l]=!0),l++}),i=c}}),i}var b=n(y),x=Object.freeze({areArraysEqual:l,areDatesEqual:d,areMapsEqual:f,areObjectsEqual:g,areRegExpsEqual:v,areSetsEqual:y,createIsNestedEqual:t}),S=Object.freeze({areArraysEqual:u,areDatesEqual:d,areMapsEqual:p,areObjectsEqual:_,areRegExpsEqual:v,areSetsEqual:b,createIsNestedEqual:t}),C=c(x);function w(e,t){return C(e,t,void 0)}var T=c(r(x,{createIsNestedEqual:function(){return o}}));function E(e,t){return T(e,t,void 0)}var D=c(S);function O(e,t){return D(e,t,new WeakMap)}var k=c(r(S,{createIsNestedEqual:function(){return o}}));function A(e,t){return k(e,t,new WeakMap)}function j(e){return c(r(x,e(x)))}function M(e){var t=c(r(S,e(S)));return(function(e,n,r){return r===void 0&&(r=new WeakMap),t(e,n,r)})}e.circularDeepEqual=O,e.circularShallowEqual=A,e.createCustomCircularEqual=M,e.createCustomEqual=j,e.deepEqual=w,e.sameValueZeroEqual=o,e.shallowEqual=E,Object.defineProperty(e,"__esModule",{value:!0})}))})),bu=i(((e,t)=>{t.exports=function(e,t,n){return e===t||e.className===t.className&&n(e.style,t.style)&&e.width===t.width&&e.autoSize===t.autoSize&&e.cols===t.cols&&e.draggableCancel===t.draggableCancel&&e.draggableHandle===t.draggableHandle&&n(e.verticalCompact,t.verticalCompact)&&n(e.compactType,t.compactType)&&n(e.layout,t.layout)&&n(e.margin,t.margin)&&n(e.containerPadding,t.containerPadding)&&e.rowHeight===t.rowHeight&&e.maxRows===t.maxRows&&e.isBounded===t.isBounded&&e.isDraggable===t.isDraggable&&e.isResizable===t.isResizable&&e.allowOverlap===t.allowOverlap&&e.preventCollision===t.preventCollision&&e.useCSSTransforms===t.useCSSTransforms&&e.transformScale===t.transformScale&&e.isDroppable===t.isDroppable&&n(e.resizeHandles,t.resizeHandles)&&n(e.resizeHandle,t.resizeHandle)&&e.onLayoutChange===t.onLayoutChange&&e.onDragStart===t.onDragStart&&e.onDrag===t.onDrag&&e.onDragStop===t.onDragStop&&e.onResizeStart===t.onResizeStart&&e.onResize===t.onResize&&e.onResizeStop===t.onResizeStop&&e.onDrop===t.onDrop&&n(e.droppingItem,t.droppingItem)&&n(e.innerRef,t.innerRef)}})),xu=i((e=>{Object.defineProperty(e,"__esModule",{value:!0}),e.bottom=l,e.childrenEqual=h,e.cloneLayout=u,e.cloneLayoutItem=m,e.collides=_,e.compact=v,e.compactItem=x,e.compactType=se,e.correctBounds=S,e.fastPositionEqual=g,e.fastRGLPropsEqual=void 0,e.getAllCollisions=T,e.getFirstCollision=w,e.getLayoutItem=C,e.getStatics=E,e.modifyLayout=f,e.moveElement=D,e.moveElementAwayFromCollision=O,e.noop=void 0,e.perc=k,e.resizeItemInDirection=L,e.setTopLeft=ne,e.setTransform=R,e.sortLayoutItems=z,e.sortLayoutItemsByColRow=ie,e.sortLayoutItemsByRowCol=re,e.synchronizeLayoutWithChildren=ae,e.validateLayout=oe,e.withLayoutItem=p;var t=yu(),n=r(d());function r(e){return e&&e.__esModule?e:{default:e}}function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function a(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?i(Object(n),!0).forEach(function(t){o(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function o(e,t,n){return(t=s(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(e){var t=c(e,`string`);return typeof t==`symbol`?t:t+``}function c(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function l(e){let t=0,n;for(let r=0,i=e.length;r<i;r++)n=e[r].y+e[r].h,n>t&&(t=n);return t}function u(e){let t=Array(e.length);for(let n=0,r=e.length;n<r;n++)t[n]=m(e[n]);return t}function f(e,t){let n=Array(e.length);for(let r=0,i=e.length;r<i;r++)t.i===e[r].i?n[r]=t:n[r]=e[r];return n}function p(e,t,n){let r=C(e,t);return r?(r=n(m(r)),e=f(e,r),[e,r]):[e,null]}function m(e){return{w:e.w,h:e.h,x:e.x,y:e.y,i:e.i,minW:e.minW,maxW:e.maxW,minH:e.minH,maxH:e.maxH,moved:!!e.moved,static:!!e.static,isDraggable:e.isDraggable,isResizable:e.isResizable,resizeHandles:e.resizeHandles,isBounded:e.isBounded}}function h(e,r){return(0,t.deepEqual)(n.default.Children.map(e,e=>e?.key),n.default.Children.map(r,e=>e?.key))&&(0,t.deepEqual)(n.default.Children.map(e,e=>e?.props[`data-grid`]),n.default.Children.map(r,e=>e?.props[`data-grid`]))}e.fastRGLPropsEqual=bu();function g(e,t){return e.left===t.left&&e.top===t.top&&e.width===t.width&&e.height===t.height}function _(e,t){return!(e.i===t.i||e.x+e.w<=t.x||e.x>=t.x+t.w||e.y+e.h<=t.y||e.y>=t.y+t.h)}function v(e,t,n,r){let i=E(e),a=l(i),o=z(e,t),s=Array(e.length);for(let c=0,l=o.length;c<l;c++){let l=m(o[c]);l.static||(l=x(i,l,t,n,o,r,a),a=Math.max(a,l.y+l.h),i.push(l)),s[e.indexOf(o[c])]=l,l.moved=!1}return s}var y={x:`w`,y:`h`};function b(e,t,n,r){let i=y[r];t[r]+=1;let a=e.map(e=>e.i).indexOf(t.i);for(let o=a+1;o<e.length;o++){let a=e[o];if(!a.static){if(a.y>t.y+t.h)break;_(t,a)&&b(e,a,n+t[i],r)}}t[r]=n}function x(e,t,n,r,i,a,o){let s=n===`vertical`,c=n===`horizontal`;if(s)for(t.y=Math.min(typeof o==`number`?o:l(e),t.y);t.y>0&&!w(e,t);)t.y--;else if(c)for(;t.x>0&&!w(e,t);)t.x--;let u;for(;(u=w(e,t))&&!(n===null&&a);)if(c?b(i,t,u.x+u.w,`x`):b(i,t,u.y+u.h,`y`),c&&t.x+t.w>r)for(t.x=r-t.w,t.y++;t.x>0&&!w(e,t);)t.x--;return t.y=Math.max(t.y,0),t.x=Math.max(t.x,0),t}function S(e,t){let n=E(e);for(let r=0,i=e.length;r<i;r++){let i=e[r];if(i.x+i.w>t.cols&&(i.x=t.cols-i.w),i.x<0&&(i.x=0,i.w=t.cols),!i.static)n.push(i);else for(;w(n,i);)i.y++}return e}function C(e,t){for(let n=0,r=e.length;n<r;n++)if(e[n].i===t)return e[n]}function w(e,t){for(let n=0,r=e.length;n<r;n++)if(_(e[n],t))return e[n]}function T(e,t){return e.filter(e=>_(e,t))}function E(e){return e.filter(e=>e.static)}function D(e,t,n,r,i,a,o,s,c){if(t.static&&t.isDraggable!==!0||t.y===r&&t.x===n)return e;`${t.i}${String(n)}${String(r)}${t.x}${t.y}`;let l=t.x,d=t.y;typeof n==`number`&&(t.x=n),typeof r==`number`&&(t.y=r),t.moved=!0;let f=z(e,o);(o===`vertical`&&typeof r==`number`?d>=r:o===`horizontal`&&typeof n==`number`&&l>=n)&&(f=f.reverse());let p=T(f,t),m=p.length>0;if(m&&c)return u(e);if(m&&a)return`${t.i}`,t.x=l,t.y=d,t.moved=!1,e;for(let n=0,r=p.length;n<r;n++){let r=p[n];`${t.i}${t.x}${t.y}${r.i}${r.x}${r.y}`,!r.moved&&(e=r.static?O(e,r,t,i,o,s):O(e,t,r,i,o,s))}return e}function O(e,t,n,r,i,a){let o=i===`horizontal`,s=i===`vertical`,c=t.static;if(r){r=!1;let l={x:o?Math.max(t.x-n.w,0):n.x,y:s?Math.max(t.y-n.h,0):n.y,w:n.w,h:n.h,i:`-1`},u=w(e,l),d=u&&u.y+u.h>t.y,f=u&&t.x+t.w>u.x;if(!u)return`${n.i}${l.x}${l.y}`,D(e,n,o?l.x:void 0,s?l.y:void 0,r,c,i,a);if(d&&s)return D(e,n,void 0,n.y+1,r,c,i,a);if(d&&i==null)return t.y=n.y,n.y+=n.h,e;if(f&&o)return D(e,t,n.x,void 0,r,c,i,a)}let l=o?n.x+1:void 0,u=s?n.y+1:void 0;return l==null&&u==null?e:D(e,n,o?n.x+1:void 0,s?n.y+1:void 0,r,c,i,a)}function k(e){return e*100+`%`}var A=(e,t,n,r)=>e+n>r?t:n,j=(e,t,n)=>e<0?t:n,M=e=>Math.max(0,e),N=e=>Math.max(0,e),P=(e,t,n)=>{let{left:r,height:i,width:a}=t,o=e.top-(i-e.height);return{left:r,width:a,height:j(o,e.height,i),top:N(o)}},ee=(e,t,n)=>{let{top:r,left:i,height:a,width:o}=t;return{top:r,height:a,width:A(e.left,e.width,o,n),left:M(i)}},F=(e,t,n)=>{let{top:r,height:i,width:a}=t,o=e.left-(a-e.width);return{height:i,width:o<0?e.width:A(e.left,e.width,a,n),top:N(r),left:M(o)}},I=(e,t,n)=>{let{top:r,left:i,height:a,width:o}=t;return{width:o,left:i,height:j(r,e.height,a),top:N(r)}},te={n:P,ne:function(){return P(arguments.length<=0?void 0:arguments[0],ee(...arguments),arguments.length<=2?void 0:arguments[2])},e:ee,se:function(){return I(arguments.length<=0?void 0:arguments[0],ee(...arguments),arguments.length<=2?void 0:arguments[2])},s:I,sw:function(){return I(arguments.length<=0?void 0:arguments[0],F(...arguments),arguments.length<=2?void 0:arguments[2])},w:F,nw:function(){return P(arguments.length<=0?void 0:arguments[0],F(...arguments),arguments.length<=2?void 0:arguments[2])}};function L(e,t,n,r){let i=te[e];return i?i(t,a(a({},t),n),r):n}function R(e){let{top:t,left:n,width:r,height:i}=e,a=`translate(${n}px,${t}px)`;return{transform:a,WebkitTransform:a,MozTransform:a,msTransform:a,OTransform:a,width:`${r}px`,height:`${i}px`,position:`absolute`}}function ne(e){let{top:t,left:n,width:r,height:i}=e;return{top:`${t}px`,left:`${n}px`,width:`${r}px`,height:`${i}px`,position:`absolute`}}function z(e,t){return t===`horizontal`?ie(e):t===`vertical`?re(e):e}function re(e){return e.slice(0).sort(function(e,t){return e.y>t.y||e.y===t.y&&e.x>t.x?1:e.y===t.y&&e.x===t.x?0:-1})}function ie(e){return e.slice(0).sort(function(e,t){return e.x>t.x||e.x===t.x&&e.y>t.y?1:-1})}function ae(e,t,r,i,o){e||=[];let s=[];n.default.Children.forEach(t,t=>{if(t?.key==null)return;let n=C(e,String(t.key)),r=t.props[`data-grid`];n&&r==null?s.push(m(n)):r?s.push(m(a(a({},r),{},{i:t.key}))):s.push(m({w:1,h:1,x:0,y:l(s),i:String(t.key)}))});let c=S(s,{cols:r});return o?c:v(c,i,r)}function oe(e){let t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:`Layout`,n=[`x`,`y`,`w`,`h`];if(!Array.isArray(e))throw Error(t+` must be an array!`);for(let r=0,i=e.length;r<i;r++){let i=e[r];for(let e=0;e<n.length;e++){let a=n[e],o=i[a];if(typeof o!=`number`||Number.isNaN(o))throw Error(`ReactGridLayout: ${t}[${r}].${a} must be a number! Received: ${o} (${typeof o})`)}if(i.i!==void 0&&typeof i.i!=`string`)throw Error(`ReactGridLayout: ${t}[${r}].i must be a string! Received: ${i.i} (${typeof i.i})`)}}function se(e){let{verticalCompact:t,compactType:n}=e||{};return t===!1?null:n}e.noop=()=>{}})),Su=i((e=>{Object.defineProperty(e,"__esModule",{value:!0}),e.calcGridColWidth=t,e.calcGridItemPosition=r,e.calcGridItemWHPx=n,e.calcWH=a,e.calcXY=i,e.clamp=o;function t(e){let{margin:t,containerPadding:n,containerWidth:r,cols:i}=e;return(r-t[0]*(i-1)-n[0]*2)/i}function n(e,t,n){return Number.isFinite(e)?Math.round(t*e+Math.max(0,e-1)*n):e}function r(e,r,i,a,o,s){let{margin:c,containerPadding:l,rowHeight:u}=e,d=t(e),f={};return s&&s.resizing?(f.width=Math.round(s.resizing.width),f.height=Math.round(s.resizing.height)):(f.width=n(a,d,c[0]),f.height=n(o,u,c[1])),s&&s.dragging?(f.top=Math.round(s.dragging.top),f.left=Math.round(s.dragging.left)):s&&s.resizing&&typeof s.resizing.top==`number`&&typeof s.resizing.left==`number`?(f.top=Math.round(s.resizing.top),f.left=Math.round(s.resizing.left)):(f.top=Math.round((u+c[1])*i+l[1]),f.left=Math.round((d+c[0])*r+l[0])),f}function i(e,n,r,i,a){let{margin:s,containerPadding:c,cols:l,rowHeight:u,maxRows:d}=e,f=t(e),p=Math.round((r-c[0])/(f+s[0])),m=Math.round((n-c[1])/(u+s[1]));return p=o(p,0,l-i),m=o(m,0,d-a),{x:p,y:m}}function a(e,n,r,i,a,s){let{margin:c,maxRows:l,cols:u,rowHeight:d}=e,f=t(e),p=Math.round((n+c[0])/(f+c[0])),m=Math.round((r+c[1])/(d+c[1])),h=o(p,0,u-i),g=o(m,0,l-a);return[`sw`,`w`,`nw`].indexOf(s)!==-1&&(h=o(p,0,u)),[`nw`,`n`,`ne`].indexOf(s)!==-1&&(g=o(m,0,l)),{w:h,h:g}}function o(e,t,n){return Math.max(Math.min(e,n),t)}})),Cu=i(((e,t)=>{t.exports=`SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED`})),wu=i(((e,t)=>{var n=Cu();function r(){}function i(){}i.resetWarningCache=r,t.exports=function(){function e(e,t,r,i,a,o){if(o!==n){var s=Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name=`Invariant Violation`,s}}e.isRequired=e;function t(){return e}var a={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:r};return a.PropTypes=a,a}})),Tu=i(((e,t)=>{t.exports=wu()()})),Eu=i(((e,t)=>{var n=Object.create,r=Object.defineProperty,i=Object.getOwnPropertyDescriptor,a=Object.getOwnPropertyNames,o=Object.getPrototypeOf,s=Object.prototype.hasOwnProperty,c=(e,t)=>{for(var n in t)r(e,n,{get:t[n],enumerable:!0})},l=(e,t,n,o)=>{if(t&&typeof t==`object`||typeof t==`function`)for(let c of a(t))!s.call(e,c)&&c!==n&&r(e,c,{get:()=>t[c],enumerable:!(o=i(t,c))||o.enumerable});return e},u=(e,t,i)=>(i=e==null?{}:n(o(e)),l(t||!e||!e.__esModule?r(i,`default`,{value:e,enumerable:!0}):i,e)),f=e=>l(r({},`__esModule`,{value:!0}),e),p={};c(p,{DraggableCore:()=>G,default:()=>be}),t.exports=f(p);var m=u(d()),g=u(Tu()),_=u(h()),v=qa();function y(e,t){for(let n=0,r=e.length;n<r;n++)if(t.apply(t,[e[n],n,e]))return e[n]}function b(e){return typeof e==`function`||Object.prototype.toString.call(e)===`[object Function]`}function x(e){return typeof e==`number`&&!isNaN(e)}function S(e){return parseInt(e,10)}function C(e,t,n){if(e[t])return Error(`Invalid prop ${t} passed to ${n} - do not set this, set it on the child.`)}var w=[`Moz`,`Webkit`,`O`,`ms`];function T(e=`transform`){if(typeof window>`u`)return``;let t=window.document?.documentElement?.style;if(!t||e in t)return``;for(let n=0;n<w.length;n++)if(E(e,w[n])in t)return w[n];return``}function E(e,t){return t?`${t}${D(e)}`:e}function D(e){let t=``,n=!0;for(let r=0;r<e.length;r++)n?(t+=e[r].toUpperCase(),n=!1):e[r]===`-`?n=!0:t+=e[r];return t}var O=T(),k=``;function A(e,t){k||=y([`matches`,`webkitMatchesSelector`,`mozMatchesSelector`,`msMatchesSelector`,`oMatchesSelector`],function(t){return b(e[t])})??``;let n=e[k];return b(n)?!!n.call(e,t):!1}function j(e,t,n){let r=e;do{if(A(r,t))return!0;if(r===n)return!1;r=r.parentNode}while(r);return!1}function M(e,t,n,r){if(!e)return;let i={capture:!0,...r},a=n;e.addEventListener?e.addEventListener(t,a,i):e.attachEvent?e.attachEvent(`on`+t,a):e[`on`+t]=a}function N(e,t,n,r){if(!e)return;let i={capture:!0,...r},a=n;e.removeEventListener?e.removeEventListener(t,a,i):e.detachEvent?e.detachEvent(`on`+t,a):e[`on`+t]=null}function P(e){let t=e.clientHeight,n=e.ownerDocument.defaultView.getComputedStyle(e);return t+=S(n.borderTopWidth),t+=S(n.borderBottomWidth),t}function ee(e){let t=e.clientWidth,n=e.ownerDocument.defaultView.getComputedStyle(e);return t+=S(n.borderLeftWidth),t+=S(n.borderRightWidth),t}function F(e){let t=e.clientHeight,n=e.ownerDocument.defaultView.getComputedStyle(e);return t-=S(n.paddingTop),t-=S(n.paddingBottom),t}function I(e){let t=e.clientWidth,n=e.ownerDocument.defaultView.getComputedStyle(e);return t-=S(n.paddingLeft),t-=S(n.paddingRight),t}function te(e,t,n){let r=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect();return{x:(e.clientX+t.scrollLeft-r.left)/n,y:(e.clientY+t.scrollTop-r.top)/n}}function L(e,t){let n=ne(e,t,`px`);return{[E(`transform`,O)]:n}}function R(e,t){return ne(e,t,``)}function ne({x:e,y:t},n,r){let i=`translate(${e}${r},${t}${r})`;return n&&(i=`translate(${`${typeof n.x==`string`?n.x:n.x+r}`}, ${`${typeof n.y==`string`?n.y:n.y+r}`})`+i),i}function z(e,t){return e.targetTouches&&y(e.targetTouches,e=>t===e.identifier)||e.changedTouches&&y(e.changedTouches,e=>t===e.identifier)}function re(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier}function ie(){return typeof __webpack_nonce__<`u`?__webpack_nonce__:void 0}function ae(e,t){if(!e)return;let n=e.getElementById(`react-draggable-style-el`);if(!n){n=e.createElement(`style`),n.type=`text/css`,n.id=`react-draggable-style-el`;let r=t??ie();r&&n.setAttribute(`nonce`,r),n.innerHTML=`.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
|
|
3
|
-
`,n.innerHTML+=`.react-draggable-transparent-selection *::selection {all: inherit;}
|
|
4
|
-
`,e.getElementsByTagName(`head`)[0].appendChild(n)}e.body&&B(e.body,`react-draggable-transparent-selection`)}function oe(e){window.requestAnimationFrame?window.requestAnimationFrame(()=>{se(e)}):se(e)}function se(e){if(e)try{e.body&&V(e.body,`react-draggable-transparent-selection`);let t=e.selection;if(t)t.empty();else{let t=(e.defaultView||window).getSelection();t&&t.type!==`Caret`&&t.removeAllRanges()}}catch{}}function B(e,t){e.classList?e.classList.add(t):e.className.match(RegExp(`(?:^|\\s)${t}(?!\\S)`))||(e.className+=` ${t}`)}function V(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(RegExp(`(?:^|\\s)${t}(?!\\S)`,`g`),``)}function H(e,t,n){if(!e.props.bounds)return[t,n];let{bounds:r}=e.props;r=typeof r==`string`?r:pe(r);let i=me(e);if(typeof r==`string`){let{ownerDocument:e}=i,t=e.defaultView;if(!t)throw Error(`Cannot resolve the owner window of the draggable node.`);let n;if(n=r===`parent`?i.parentNode:i.getRootNode().querySelector(r),!(n instanceof t.HTMLElement))throw Error(`Bounds selector "`+r+`" could not find an element.`);let a=n,o=t.getComputedStyle(i),s=t.getComputedStyle(a);r={left:-i.offsetLeft+S(s.paddingLeft)+S(o.marginLeft),top:-i.offsetTop+S(s.paddingTop)+S(o.marginTop),right:I(a)-ee(i)-i.offsetLeft+S(s.paddingRight)-S(o.marginRight),bottom:F(a)-P(i)-i.offsetTop+S(s.paddingBottom)-S(o.marginBottom)}}return x(r.right)&&(t=Math.min(t,r.right)),x(r.bottom)&&(n=Math.min(n,r.bottom)),x(r.left)&&(t=Math.max(t,r.left)),x(r.top)&&(n=Math.max(n,r.top)),[t,n]}function U(e,t,n){return[Math.round(t/e[0])*e[0],Math.round(n/e[1])*e[1]]}function ce(e){return e.props.axis===`both`||e.props.axis===`x`}function le(e){return e.props.axis===`both`||e.props.axis===`y`}function ue(e,t,n){let r=typeof t==`number`?z(e,t):null;if(typeof t==`number`&&!r)return null;let i=me(n),a=n.props.offsetParent||i.offsetParent||i.ownerDocument.body;return te(r||e,a,n.props.scale)}function de(e,t,n){let r=!x(e.lastX),i=me(e);return r?{node:i,deltaX:0,deltaY:0,lastX:t,lastY:n,x:t,y:n}:{node:i,deltaX:t-e.lastX,deltaY:n-e.lastY,lastX:e.lastX,lastY:e.lastY,x:t,y:n}}function fe(e,t){let n=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/n,y:e.state.y+t.deltaY/n,deltaX:t.deltaX/n,deltaY:t.deltaY/n,lastX:e.state.x,lastY:e.state.y}}function pe(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}function me(e){let t=e.findDOMNode();if(!t)throw Error(`<DraggableCore>: Unmounted during event!`);return t}var he=u(d()),ge=u(Tu()),_e=u(h()),ve=typeof process<`u`&&{}.DRAGGABLE_DEBUG?console.log.bind(console):function(){},ye={touch:{start:`touchstart`,move:`touchmove`,stop:`touchend`},mouse:{start:`mousedown`,move:`mousemove`,stop:`mouseup`}},W=ye.mouse,G=class extends he.Component{constructor(){super(...arguments),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,this.touchIdentifier=null,this.mounted=!1,this.handleDragStart=e=>{if(this.props.onMouseDown(e),!this.props.allowAnyClick&&(typeof e.button==`number`&&e.button!==0||e.ctrlKey))return!1;let t=this.findDOMNode();if(!t||!t.ownerDocument||!t.ownerDocument.body)throw Error(`<DraggableCore> not mounted on DragStart!`);let{ownerDocument:n}=t;if(this.props.disabled||!(e.target instanceof n.defaultView.Node)||this.props.handle&&!j(e.target,this.props.handle,t)||this.props.cancel&&j(e.target,this.props.cancel,t))return;e.type===`touchstart`&&!this.props.allowMobileScroll&&e.preventDefault();let r=re(e);this.touchIdentifier=r;let i=ue(e,r,this);if(i==null)return;let{x:a,y:o}=i,s=de(this,a,o);ve(`DraggableCore: handleDragStart: %j`,s),ve(`calling`,this.props.onStart),this.props.onStart(e,s)!==!1&&this.mounted!==!1&&(this.props.enableUserSelectHack&&ae(n,this.props.nonce),this.dragging=!0,this.lastX=a,this.lastY=o,M(n,W.move,this.handleDrag),M(n,W.stop,this.handleDragStop))},this.handleDrag=e=>{let t=ue(e,this.touchIdentifier,this);if(t==null)return;let{x:n,y:r}=t;if(Array.isArray(this.props.grid)){let e=n-this.lastX,t=r-this.lastY;if([e,t]=U(this.props.grid,e,t),!e&&!t)return;n=this.lastX+e,r=this.lastY+t}let i=de(this,n,r);if(ve(`DraggableCore: handleDrag: %j`,i),this.props.onDrag(e,i)===!1||this.mounted===!1){try{this.handleDragStop(new MouseEvent(`mouseup`))}catch{let e=document.createEvent(`MouseEvents`);e.initMouseEvent(`mouseup`,!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(e)}return}this.lastX=n,this.lastY=r},this.handleDragStop=e=>{if(!this.dragging)return;let t=ue(e,this.touchIdentifier,this);if(t==null)return;let{x:n,y:r}=t;if(Array.isArray(this.props.grid)){let e=n-this.lastX||0,t=r-this.lastY||0;[e,t]=U(this.props.grid,e,t),n=this.lastX+e,r=this.lastY+t}let i=de(this,n,r);if(this.props.onStop(e,i)===!1||this.mounted===!1)return!1;let a=this.findDOMNode();a&&this.props.enableUserSelectHack&&oe(a.ownerDocument),ve(`DraggableCore: handleDragStop: %j`,i),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,a&&(ve(`DraggableCore: Removing handlers`),N(a.ownerDocument,W.move,this.handleDrag),N(a.ownerDocument,W.stop,this.handleDragStop))},this.onMouseDown=e=>(W=ye.mouse,this.handleDragStart(e)),this.onMouseUp=e=>(W=ye.mouse,this.handleDragStop(e)),this.onTouchStart=e=>(W=ye.touch,this.handleDragStart(e)),this.onTouchEnd=e=>(W=ye.touch,this.handleDragStop(e))}componentDidMount(){this.mounted=!0;let e=this.findDOMNode();e&&M(e,ye.touch.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;let e=this.findDOMNode();if(e){let{ownerDocument:t}=e;N(t,ye.mouse.move,this.handleDrag),N(t,ye.touch.move,this.handleDrag),N(t,ye.mouse.stop,this.handleDragStop),N(t,ye.touch.stop,this.handleDragStop),N(e,ye.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&oe(t)}}findDOMNode(){if(this.props?.nodeRef)return this.props.nodeRef.current;let e=_e.default;return typeof e.findDOMNode==`function`?e.findDOMNode(this):(ve(`react-draggable: ReactDOM.findDOMNode is not available in React 19+. You must provide a nodeRef prop. See: https://github.com/react-grid-layout/react-draggable#noderef`),null)}render(){return he.cloneElement(he.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};G.displayName=`DraggableCore`,G.propTypes={allowAnyClick:ge.default.bool,allowMobileScroll:ge.default.bool,children:ge.default.node.isRequired,disabled:ge.default.bool,enableUserSelectHack:ge.default.bool,offsetParent:function(e,t){if(e[t]&&e[t].nodeType!==1)throw Error(`Draggable's offsetParent must be a DOM Node.`)},grid:ge.default.arrayOf(ge.default.number),handle:ge.default.string,cancel:ge.default.string,nodeRef:ge.default.object,nonce:ge.default.string,onStart:ge.default.func,onDrag:ge.default.func,onStop:ge.default.func,onMouseDown:ge.default.func,scale:ge.default.number,className:C,style:C,transform:C},G.defaultProps={allowAnyClick:!1,allowMobileScroll:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1};var be=class extends m.Component{constructor(e){super(e),this.onDragStart=(e,t)=>{if(ve(`Draggable: onDragStart: %j`,t),this.props.onStart(e,fe(this,t))===!1)return!1;this.setState({dragging:!0,dragged:!0})},this.onDrag=(e,t)=>{if(!this.state.dragging)return!1;ve(`Draggable: onDrag: %j`,t);let n=fe(this,t),r={x:n.x,y:n.y,slackX:0,slackY:0};if(this.props.bounds){let{x:e,y:t}=r;r.x+=this.state.slackX,r.y+=this.state.slackY;let[i,a]=H(this,r.x,r.y);r.x=i,r.y=a,r.slackX=this.state.slackX+(e-r.x),r.slackY=this.state.slackY+(t-r.y),n.x=r.x,n.y=r.y,n.deltaX=r.x-this.state.x,n.deltaY=r.y-this.state.y}if(this.props.onDrag(e,n)===!1)return!1;this.setState(r)},this.onDragStop=(e,t)=>{if(!this.state.dragging||this.props.onStop(e,fe(this,t))===!1)return!1;ve(`Draggable: onDragStop: %j`,t);let n={dragging:!1,slackX:0,slackY:0};if(this.props.position){let{x:e,y:t}=this.props.position;n.x=e,n.y=t}this.setState(n)},this.state={dragging:!1,dragged:!1,x:e.position?e.position.x:e.defaultPosition.x,y:e.position?e.position.y:e.defaultPosition.y,prevPropsPosition:{...e.position},slackX:0,slackY:0,isElementSVG:!1},e.position&&!(e.onDrag||e.onStop)&&console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.")}static getDerivedStateFromProps({position:e},{prevPropsPosition:t}){return e&&(!t||e.x!==t.x||e.y!==t.y)?(ve(`Draggable: getDerivedStateFromProps %j`,{position:e,prevPropsPosition:t}),{x:e.x,y:e.y,prevPropsPosition:{...e}}):null}componentDidMount(){window.SVGElement!==void 0&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.state.dragging&&this.setState({dragging:!1})}findDOMNode(){if(this.props?.nodeRef)return this.props.nodeRef.current;let e=_.default;return typeof e.findDOMNode==`function`?e.findDOMNode(this):null}render(){let{axis:e,bounds:t,children:n,defaultPosition:r,defaultClassName:i,defaultClassNameDragging:a,defaultClassNameDragged:o,position:s,positionOffset:c,scale:l,...u}=this.props,d={},f=null,p=!s||this.state.dragging,h=s||r,g={x:ce(this)&&p?this.state.x:h.x,y:le(this)&&p?this.state.y:h.y};this.state.isElementSVG?f=R(g,c):d=L(g,c);let _=m.Children.only(n),y=(0,v.clsx)(_.props.className||``,i,{[a]:this.state.dragging,[o]:this.state.dragged});return m.createElement(G,{...u,onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop},m.cloneElement(_,{className:y,style:{..._.props.style,...d},transform:f}))}};be.displayName=`Draggable`,be.propTypes={...G.propTypes,axis:g.default.oneOf([`both`,`x`,`y`,`none`]),bounds:g.default.oneOfType([g.default.shape({left:g.default.number,right:g.default.number,top:g.default.number,bottom:g.default.number}),g.default.string,g.default.oneOf([!1])]),defaultClassName:g.default.string,defaultClassNameDragging:g.default.string,defaultClassNameDragged:g.default.string,defaultPosition:g.default.shape({x:g.default.number,y:g.default.number}),positionOffset:g.default.shape({x:g.default.oneOfType([g.default.number,g.default.string]),y:g.default.oneOfType([g.default.number,g.default.string])}),position:g.default.shape({x:g.default.number,y:g.default.number}),className:C,style:C,transform:C},be.defaultProps={...G.defaultProps,axis:`both`,bounds:!1,defaultClassName:`react-draggable`,defaultClassNameDragging:`react-draggable-dragging`,defaultClassNameDragged:`react-draggable-dragged`,defaultPosition:{x:0,y:0},scale:1},0&&(t.exports={DraggableCore:G})})),Du=i(((e,t)=>{var n=Eu(),r=n.DraggableCore,i=n.default||n;t.exports=i,t.exports.default=i,t.exports.DraggableCore=r})),Ou=i((e=>{e.__esModule=!0,e.cloneElement=c;var t=n(d());function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?r(Object(n),!0).forEach(function(t){a(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function a(e,t,n){return(t=o(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e){var t=s(e,`string`);return typeof t==`symbol`?t:t+``}function s(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function c(e,n){return n.style&&e.props.style&&(n.style=i(i({},e.props.style),n.style)),n.className&&e.props.className&&(n.className=e.props.className+` `+n.className),t.default.cloneElement(e,n)}})),ku=i((e=>{e.__esModule=!0,e.resizableProps=void 0;var t=n(Tu());Du();function n(e){return e&&e.__esModule?e:{default:e}}e.resizableProps={axis:t.default.oneOf([`both`,`x`,`y`,`none`]),className:t.default.string,children:t.default.element.isRequired,draggableOpts:t.default.shape({allowAnyClick:t.default.bool,cancel:t.default.string,children:t.default.node,disabled:t.default.bool,enableUserSelectHack:t.default.bool,offsetParent:typeof Element<`u`?t.default.instanceOf(Element):t.default.any,grid:t.default.arrayOf(t.default.number),handle:t.default.string,nodeRef:t.default.object,onStart:t.default.func,onDrag:t.default.func,onStop:t.default.func,onMouseDown:t.default.func,scale:t.default.number}),height:function(){var e=[...arguments];let n=e[0];return n.axis===`both`||n.axis===`y`?t.default.number.isRequired(...e):t.default.number(...e)},handle:t.default.oneOfType([t.default.node,t.default.func]),handleSize:t.default.arrayOf(t.default.number),lockAspectRatio:t.default.bool,maxConstraints:t.default.arrayOf(t.default.number),minConstraints:t.default.arrayOf(t.default.number),onResizeStop:t.default.func,onResizeStart:t.default.func,onResize:t.default.func,resizeHandles:t.default.arrayOf(t.default.oneOf([`s`,`w`,`e`,`n`,`sw`,`nw`,`se`,`ne`])),transformScale:t.default.number,width:function(){var e=[...arguments];let n=e[0];return n.axis===`both`||n.axis===`x`?t.default.number.isRequired(...e):t.default.number(...e)}}})),Au=i((e=>{e.__esModule=!0,e.default=void 0;var t=o(d()),n=Du(),r=Ou(),i=ku(),a=[`children`,`className`,`draggableOpts`,`width`,`height`,`handle`,`handleSize`,`lockAspectRatio`,`axis`,`minConstraints`,`maxConstraints`,`onResize`,`onResizeStop`,`onResizeStart`,`resizeHandles`,`transformScale`];function o(e,t){if(typeof WeakMap==`function`)var n=new WeakMap,r=new WeakMap;return(o=function(e,t){if(!t&&e&&e.__esModule)return e;var i,a,o={__proto__:null,default:e};if(e===null||typeof e!=`object`&&typeof e!=`function`)return o;if(i=t?r:n){if(i.has(e))return i.get(e);i.set(e,o)}for(let t in e)t!=="default"&&{}.hasOwnProperty.call(e,t)&&((a=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?i(o,t,a):o[t]=e[t]);return o})(e,t)}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(null,arguments)}function c(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function u(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?l(Object(n),!0).forEach(function(t){f(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function f(e,t,n){return(t=p(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e){var t=m(e,`string`);return typeof t==`symbol`?t:t+``}function m(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}var h=class extends t.Component{constructor(){super(...arguments),this.handleRefs={},this.lastHandleRect=null,this.slack=null,this.lastSize=null}componentWillUnmount(){this.resetData()}resetData(){this.lastHandleRect=this.slack=this.lastSize=null}runConstraints(e,t){let n=this.props,r=n.minConstraints,i=n.maxConstraints,a=n.lockAspectRatio;if(!r&&!i&&!a)return[e,t];if(a){let n=this.props.width/this.props.height,r=e-this.props.width,i=t-this.props.height;Math.abs(r)>Math.abs(i*n)?t=e/n:e=t*n}let o=e,s=t,c=this.slack||[0,0],l=c[0],u=c[1];return e+=l,t+=u,r&&(e=Math.max(r[0],e),t=Math.max(r[1],t)),i&&(e=Math.min(i[0],e),t=Math.min(i[1],t)),this.slack=[l+(o-e),u+(s-t)],[e,t]}resizeHandler(e,t){return(n,r)=>{let i=r.node,a=r.deltaX,o=r.deltaY;e===`onResizeStart`&&this.resetData();let s=(this.props.axis===`both`||this.props.axis===`x`)&&t!==`n`&&t!==`s`,c=(this.props.axis===`both`||this.props.axis===`y`)&&t!==`e`&&t!==`w`;if(!s&&!c)return;let l=t[0],u=t[t.length-1],d=i.getBoundingClientRect();if(this.lastHandleRect!=null){if(u===`w`){let e=d.left-this.lastHandleRect.left;a+=e}if(l===`n`){let e=d.top-this.lastHandleRect.top;o+=e}}this.lastHandleRect=d,u===`w`&&(a=-a),l===`n`&&(o=-o);let f=this.lastSize?.width??this.props.width,p=this.lastSize?.height??this.props.height,m=f+(s?a/this.props.transformScale:0),h=p+(c?o/this.props.transformScale:0);var g=this.runConstraints(m,h);if(m=g[0],h=g[1],e===`onResizeStop`&&this.lastSize){var _=this.lastSize;m=_.width,h=_.height}let v=m!==f||h!==p;e!==`onResizeStop`&&(this.lastSize={width:m,height:h});let y=typeof this.props[e]==`function`?this.props[e]:null;y&&!(e===`onResize`&&!v)&&(n.persist==null||n.persist(),y(n,{node:i,size:{width:m,height:h},handle:t})),e===`onResizeStop`&&this.resetData()}}renderResizeHandle(e,n){let r=this.props.handle;if(!r)return t.createElement(`span`,{className:`react-resizable-handle react-resizable-handle-`+e,ref:n});if(typeof r==`function`)return r(e,n);let i=typeof r.type==`string`,a=u({ref:n},i?{}:{handleAxis:e});return t.cloneElement(r,a)}render(){let e=this.props,i=e.children,o=e.className,l=e.draggableOpts;e.width,e.height,e.handle,e.handleSize,e.lockAspectRatio,e.axis,e.minConstraints,e.maxConstraints,e.onResize,e.onResizeStop,e.onResizeStart;let d=e.resizeHandles;e.transformScale;let f=c(e,a);return(0,r.cloneElement)(i,u(u({},f),{},{className:(o?o+` `:``)+`react-resizable`,children:[...t.Children.toArray(i.props.children),...d.map(e=>{let r=this.handleRefs[e]??(this.handleRefs[e]=t.createRef());return t.createElement(n.DraggableCore,s({},l,{nodeRef:r,key:`resizableHandle-`+e,onStop:this.resizeHandler(`onResizeStop`,e),onStart:this.resizeHandler(`onResizeStart`,e),onDrag:this.resizeHandler(`onResize`,e)}),this.renderResizeHandle(e,r))})]}))}};e.default=h,h.propTypes=i.resizableProps,h.defaultProps={axis:`both`,handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:[`se`],transformScale:1}})),ju=i((e=>{e.__esModule=!0,e.default=void 0;var t=s(d()),n=o(Tu()),r=o(Au()),i=ku(),a=[`handle`,`handleSize`,`onResize`,`onResizeStart`,`onResizeStop`,`draggableOpts`,`minConstraints`,`maxConstraints`,`lockAspectRatio`,`axis`,`width`,`height`,`resizeHandles`,`style`,`transformScale`];function o(e){return e&&e.__esModule?e:{default:e}}function s(e,t){if(typeof WeakMap==`function`)var n=new WeakMap,r=new WeakMap;return(s=function(e,t){if(!t&&e&&e.__esModule)return e;var i,a,o={__proto__:null,default:e};if(e===null||typeof e!=`object`&&typeof e!=`function`)return o;if(i=t?r:n){if(i.has(e))return i.get(e);i.set(e,o)}for(let t in e)t!=="default"&&{}.hasOwnProperty.call(e,t)&&((a=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?i(o,t,a):o[t]=e[t]);return o})(e,t)}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(null,arguments)}function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function u(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?l(Object(n),!0).forEach(function(t){f(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function f(e,t,n){return(t=p(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e){var t=m(e,`string`);return typeof t==`symbol`?t:t+``}function m(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function h(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}var g=class extends t.Component{constructor(){super(...arguments),this.state={width:this.props.width,height:this.props.height,propsWidth:this.props.width,propsHeight:this.props.height},this.onResize=(e,t)=>{let n=t.size;this.props.onResize?(e.persist==null||e.persist(),this.setState(n,()=>this.props.onResize&&this.props.onResize(e,t))):this.setState(n)}}static getDerivedStateFromProps(e,t){return t.propsWidth!==e.width||t.propsHeight!==e.height?{width:e.width,height:e.height,propsWidth:e.width,propsHeight:e.height}:null}render(){let e=this.props,n=e.handle,i=e.handleSize;e.onResize;let o=e.onResizeStart,s=e.onResizeStop,l=e.draggableOpts,d=e.minConstraints,f=e.maxConstraints,p=e.lockAspectRatio,m=e.axis;e.width,e.height;let g=e.resizeHandles,_=e.style,v=e.transformScale,y=h(e,a);return t.createElement(r.default,{axis:m,draggableOpts:l,handle:n,handleSize:i,height:this.state.height,lockAspectRatio:p,maxConstraints:f,minConstraints:d,onResizeStart:o,onResize:this.onResize,onResizeStop:s,resizeHandles:g,transformScale:v,width:this.state.width},t.createElement(`div`,c({},y,{style:u(u({},_),{},{width:this.state.width+`px`,height:this.state.height+`px`})})))}};e.default=g,g.propTypes=u(u({},i.resizableProps),{},{children:n.default.element})})),Mu=i(((e,t)=>{t.exports=function(){throw Error(`Don't instantiate Resizable directly! Use require('react-resizable').Resizable`)},t.exports.Resizable=Au().default,t.exports.ResizableBox=ju().default})),Nu=i((e=>{Object.defineProperty(e,"__esModule",{value:!0}),e.resizeHandleType=e.resizeHandleAxesType=e.default=void 0;var t=r(Tu()),n=r(d());function r(e){return e&&e.__esModule?e:{default:e}}var i=e.resizeHandleAxesType=t.default.arrayOf(t.default.oneOf([`s`,`w`,`e`,`n`,`sw`,`nw`,`se`,`ne`])),a=e.resizeHandleType=t.default.oneOfType([t.default.node,t.default.func]);e.default={className:t.default.string,style:t.default.object,width:t.default.number,autoSize:t.default.bool,cols:t.default.number,draggableCancel:t.default.string,draggableHandle:t.default.string,verticalCompact:function(e){e.verticalCompact},compactType:t.default.oneOf([`vertical`,`horizontal`]),layout:function(e){var t=e.layout;t!==void 0&&xu().validateLayout(t,`layout`)},margin:t.default.arrayOf(t.default.number),containerPadding:t.default.arrayOf(t.default.number),rowHeight:t.default.number,maxRows:t.default.number,isBounded:t.default.bool,isDraggable:t.default.bool,isResizable:t.default.bool,allowOverlap:t.default.bool,preventCollision:t.default.bool,useCSSTransforms:t.default.bool,transformScale:t.default.number,isDroppable:t.default.bool,resizeHandles:i,resizeHandle:a,onLayoutChange:t.default.func,onDragStart:t.default.func,onDrag:t.default.func,onDragStop:t.default.func,onResizeStart:t.default.func,onResize:t.default.func,onResizeStop:t.default.func,onDrop:t.default.func,droppingItem:t.default.shape({i:t.default.string.isRequired,w:t.default.number.isRequired,h:t.default.number.isRequired}),children:function(e,t){let r=e[t],i={};n.default.Children.forEach(r,function(e){if(e?.key!=null){if(i[e.key])throw Error(`Duplicate child key "`+e.key+`" found! This will cause problems in ReactGridLayout.`);i[e.key]=!0}})},innerRef:t.default.any}})),Pu=i((e=>{Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var t=u(d()),n=h(),r=u(Tu()),i=Du(),a=Mu(),o=xu(),s=Su(),c=Nu(),l=u(qa());function u(e){return e&&e.__esModule?e:{default:e}}function f(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function p(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?f(Object(n),!0).forEach(function(t){m(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function m(e,t,n){return(t=g(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e){var t=_(e,`string`);return typeof t==`symbol`?t:t+``}function _(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}var v=class extends t.default.Component{constructor(){super(...arguments),m(this,`state`,{resizing:null,dragging:null,className:``}),m(this,`elementRef`,t.default.createRef()),m(this,`onDragStart`,(e,t)=>{let{node:n}=t,{onDragStart:r,transformScale:i}=this.props;if(!r)return;let a={top:0,left:0},{offsetParent:o}=n;if(!o)return;let c=o.getBoundingClientRect(),l=n.getBoundingClientRect(),u=l.left/i,d=c.left/i,f=l.top/i,p=c.top/i;a.left=u-d+o.scrollLeft,a.top=f-p+o.scrollTop,this.setState({dragging:a});let{x:m,y:h}=(0,s.calcXY)(this.getPositionParams(),a.top,a.left,this.props.w,this.props.h);return r.call(this,this.props.i,m,h,{e,node:n,newPosition:a})}),m(this,`onDrag`,(e,t,r)=>{let{node:i,deltaX:a,deltaY:o}=t,{onDrag:c}=this.props;if(!c)return;if(!this.state.dragging)throw Error(`onDrag called before onDragStart.`);let l=this.state.dragging.top+o,u=this.state.dragging.left+a,{isBounded:d,i:f,w:p,h:m,containerWidth:h}=this.props,g=this.getPositionParams();if(d){let{offsetParent:e}=i;if(e){let{margin:t,rowHeight:n}=this.props,r=e.clientHeight-(0,s.calcGridItemWHPx)(m,n,t[1]);l=(0,s.clamp)(l,0,r);let i=(0,s.calcGridColWidth)(g),a=h-(0,s.calcGridItemWHPx)(p,i,t[0]);u=(0,s.clamp)(u,0,a)}}let _={top:l,left:u};r?this.setState({dragging:_}):(0,n.flushSync)(()=>{this.setState({dragging:_})});let{x:v,y}=(0,s.calcXY)(g,l,u,p,m);return c.call(this,f,v,y,{e,node:i,newPosition:_})}),m(this,`onDragStop`,(e,t)=>{let{node:n}=t,{onDragStop:r}=this.props;if(!r)return;if(!this.state.dragging)throw Error(`onDragEnd called before onDragStart.`);let{w:i,h:a,i:o}=this.props,{left:c,top:l}=this.state.dragging,u={top:l,left:c};this.setState({dragging:null});let{x:d,y:f}=(0,s.calcXY)(this.getPositionParams(),l,c,i,a);return r.call(this,o,d,f,{e,node:n,newPosition:u})}),m(this,`onResizeStop`,(e,t,n)=>this.onResizeHandler(e,t,n,`onResizeStop`)),m(this,`onResizeStart`,(e,t,n)=>this.onResizeHandler(e,t,n,`onResizeStart`)),m(this,`onResize`,(e,t,n)=>this.onResizeHandler(e,t,n,`onResize`))}shouldComponentUpdate(e,t){if(this.props.children!==e.children||this.props.droppingPosition!==e.droppingPosition)return!0;let n=(0,s.calcGridItemPosition)(this.getPositionParams(this.props),this.props.x,this.props.y,this.props.w,this.props.h,this.state),r=(0,s.calcGridItemPosition)(this.getPositionParams(e),e.x,e.y,e.w,e.h,t);return!(0,o.fastPositionEqual)(n,r)||this.props.useCSSTransforms!==e.useCSSTransforms}componentDidMount(){this.moveDroppingItem({})}componentDidUpdate(e){this.moveDroppingItem(e)}moveDroppingItem(e){let{droppingPosition:t}=this.props;if(!t)return;let n=this.elementRef.current;if(!n)return;let r=e.droppingPosition||{left:0,top:0},{dragging:i}=this.state,a=i&&t.left!==r.left||t.top!==r.top;if(!i)this.onDragStart(t.e,{node:n,deltaX:t.left,deltaY:t.top});else if(a){let e=t.left-i.left,r=t.top-i.top;this.onDrag(t.e,{node:n,deltaX:e,deltaY:r},!0)}}getPositionParams(){let e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:this.props;return{cols:e.cols,containerPadding:e.containerPadding,containerWidth:e.containerWidth,margin:e.margin,maxRows:e.maxRows,rowHeight:e.rowHeight}}createStyle(e){let{usePercentages:t,containerWidth:n,useCSSTransforms:r}=this.props,i;return r?i=(0,o.setTransform)(e):(i=(0,o.setTopLeft)(e),t&&(i.left=(0,o.perc)(e.left/n),i.width=(0,o.perc)(e.width/n))),i}mixinDraggable(e,n){return t.default.createElement(i.DraggableCore,{disabled:!n,onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop,handle:this.props.handle,cancel:`.react-resizable-handle`+(this.props.cancel?`,`+this.props.cancel:``),scale:this.props.transformScale,nodeRef:this.elementRef},e)}curryResizeHandler(e,t){return(n,r)=>t(n,r,e)}mixinResizable(e,n,r){let{cols:i,minW:o,minH:c,maxW:l,maxH:u,transformScale:d,resizeHandles:f,resizeHandle:p}=this.props,m=this.getPositionParams(),h=(0,s.calcGridItemPosition)(m,0,0,i,0).width,g=(0,s.calcGridItemPosition)(m,0,0,o,c),_=(0,s.calcGridItemPosition)(m,0,0,l,u),v=[g.width,g.height],y=[Math.min(_.width,h),Math.min(_.height,1/0)];return t.default.createElement(a.Resizable,{draggableOpts:{disabled:!r},className:r?void 0:`react-resizable-hide`,width:n.width,height:n.height,minConstraints:v,maxConstraints:y,onResizeStop:this.curryResizeHandler(n,this.onResizeStop),onResizeStart:this.curryResizeHandler(n,this.onResizeStart),onResize:this.curryResizeHandler(n,this.onResize),transformScale:d,resizeHandles:f,handle:p},e)}onResizeHandler(e,t,r,i){let{node:a,size:c,handle:l}=t,u=this.props[i];if(!u)return;let{x:d,y:f,i:p,maxH:m,minH:h,containerWidth:g}=this.props,{minW:_,maxW:v}=this.props,y=c;a&&(y=(0,o.resizeItemInDirection)(l,r,c,g),(0,n.flushSync)(()=>{this.setState({resizing:i===`onResizeStop`?null:y})}));let{w:b,h:x}=(0,s.calcWH)(this.getPositionParams(),y.width,y.height,d,f,l);b=(0,s.clamp)(b,Math.max(_,1),v),x=(0,s.clamp)(x,h,m),u.call(this,p,b,x,{e,node:a,size:y,handle:l})}render(){let{x:e,y:n,w:r,h:i,isDraggable:a,isResizable:o,droppingPosition:c,useCSSTransforms:u}=this.props,d=(0,s.calcGridItemPosition)(this.getPositionParams(),e,n,r,i,this.state),f=t.default.Children.only(this.props.children),m=t.default.cloneElement(f,{ref:this.elementRef,className:(0,l.default)(`react-grid-item`,f.props.className,this.props.className,{static:this.props.static,resizing:!!this.state.resizing,"react-draggable":a,"react-draggable-dragging":!!this.state.dragging,dropping:!!c,cssTransforms:u}),style:p(p(p({},this.props.style),f.props.style),this.createStyle(d))});return m=this.mixinResizable(m,d,o),m=this.mixinDraggable(m,a),m}};e.default=v,m(v,`propTypes`,{children:r.default.element,cols:r.default.number.isRequired,containerWidth:r.default.number.isRequired,rowHeight:r.default.number.isRequired,margin:r.default.array.isRequired,maxRows:r.default.number.isRequired,containerPadding:r.default.array.isRequired,x:r.default.number.isRequired,y:r.default.number.isRequired,w:r.default.number.isRequired,h:r.default.number.isRequired,minW:function(e,t){let n=e[t];if(typeof n!=`number`)return Error(`minWidth not Number`);if(n>e.w||n>e.maxW)return Error(`minWidth larger than item width/maxWidth`)},maxW:function(e,t){let n=e[t];if(typeof n!=`number`)return Error(`maxWidth not Number`);if(n<e.w||n<e.minW)return Error(`maxWidth smaller than item width/minWidth`)},minH:function(e,t){let n=e[t];if(typeof n!=`number`)return Error(`minHeight not Number`);if(n>e.h||n>e.maxH)return Error(`minHeight larger than item height/maxHeight`)},maxH:function(e,t){let n=e[t];if(typeof n!=`number`)return Error(`maxHeight not Number`);if(n<e.h||n<e.minH)return Error(`maxHeight smaller than item height/minHeight`)},i:r.default.string.isRequired,resizeHandles:c.resizeHandleAxesType,resizeHandle:c.resizeHandleType,onDragStop:r.default.func,onDragStart:r.default.func,onDrag:r.default.func,onResizeStop:r.default.func,onResizeStart:r.default.func,onResize:r.default.func,isDraggable:r.default.bool.isRequired,isResizable:r.default.bool.isRequired,isBounded:r.default.bool.isRequired,static:r.default.bool,useCSSTransforms:r.default.bool.isRequired,transformScale:r.default.number,className:r.default.string,handle:r.default.string,cancel:r.default.string,droppingPosition:r.default.shape({e:r.default.object.isRequired,left:r.default.number.isRequired,top:r.default.number.isRequired})}),m(v,`defaultProps`,{className:``,cancel:``,handle:``,minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1})})),Fu=i((e=>{Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var t=l(d()),n=yu(),r=c(qa()),i=xu(),a=Su(),o=c(Pu()),s=c(Nu());function c(e){return e&&e.__esModule?e:{default:e}}function l(e,t){if(typeof WeakMap==`function`)var n=new WeakMap,r=new WeakMap;return(l=function(e,t){if(!t&&e&&e.__esModule)return e;var i,a,o={__proto__:null,default:e};if(e===null||typeof e!=`object`&&typeof e!=`function`)return o;if(i=t?r:n){if(i.has(e))return i.get(e);i.set(e,o)}for(let t in e)t!=="default"&&{}.hasOwnProperty.call(e,t)&&((a=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?i(o,t,a):o[t]=e[t]);return o})(e,t)}function u(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function f(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?u(Object(n),!0).forEach(function(t){p(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function p(e,t,n){return(t=m(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e){var t=h(e,`string`);return typeof t==`symbol`?t:t+``}function h(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}var g=`react-grid-layout`,_=!1;try{_=/firefox/i.test(navigator.userAgent)}catch{}var v=class extends t.Component{constructor(){super(...arguments),p(this,`state`,{activeDrag:null,layout:(0,i.synchronizeLayoutWithChildren)(this.props.layout,this.props.children,this.props.cols,(0,i.compactType)(this.props),this.props.allowOverlap),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,resizing:!1,droppingDOMNode:null,children:[]}),p(this,`dragEnterCounter`,0),p(this,`onDragStart`,(e,t,n,r)=>{let{e:a,node:o}=r,{layout:s}=this.state,c=(0,i.getLayoutItem)(s,e);if(!c)return;let l={w:c.w,h:c.h,x:c.x,y:c.y,placeholder:!0,i:e};return this.setState({oldDragItem:(0,i.cloneLayoutItem)(c),oldLayout:s,activeDrag:l}),this.props.onDragStart(s,c,c,null,a,o)}),p(this,`onDrag`,(e,t,n,r)=>{let{e:a,node:o}=r,{oldDragItem:s}=this.state,{layout:c}=this.state,{cols:l,allowOverlap:u,preventCollision:d}=this.props,f=(0,i.getLayoutItem)(c,e);if(!f)return;let p={w:f.w,h:f.h,x:f.x,y:f.y,placeholder:!0,i:e};c=(0,i.moveElement)(c,f,t,n,!0,d,(0,i.compactType)(this.props),l,u),this.props.onDrag(c,s,f,p,a,o),this.setState({layout:u?c:(0,i.compact)(c,(0,i.compactType)(this.props),l),activeDrag:p})}),p(this,`onDragStop`,(e,t,n,r)=>{let{e:a,node:o}=r;if(!this.state.activeDrag)return;let{oldDragItem:s}=this.state,{layout:c}=this.state,{cols:l,preventCollision:u,allowOverlap:d}=this.props,f=(0,i.getLayoutItem)(c,e);if(!f)return;c=(0,i.moveElement)(c,f,t,n,!0,u,(0,i.compactType)(this.props),l,d);let p=d?c:(0,i.compact)(c,(0,i.compactType)(this.props),l);this.props.onDragStop(p,s,f,null,a,o);let{oldLayout:m}=this.state;this.setState({activeDrag:null,layout:p,oldDragItem:null,oldLayout:null}),this.onLayoutMaybeChanged(p,m)}),p(this,`onResizeStart`,(e,t,n,r)=>{let{e:a,node:o}=r,{layout:s}=this.state,c=(0,i.getLayoutItem)(s,e);c&&(this.setState({oldResizeItem:(0,i.cloneLayoutItem)(c),oldLayout:this.state.layout,resizing:!0}),this.props.onResizeStart(s,c,c,null,a,o))}),p(this,`onResize`,(e,t,n,r)=>{let{e:a,node:o,size:s,handle:c}=r,{oldResizeItem:l}=this.state,{layout:u}=this.state,{cols:d,preventCollision:p,allowOverlap:m}=this.props,h=!1,g,_,v,[y,b]=(0,i.withLayoutItem)(u,e,e=>{let r;return _=e.x,v=e.y,[`sw`,`w`,`nw`,`n`,`ne`].indexOf(c)!==-1&&([`sw`,`nw`,`w`].indexOf(c)!==-1&&(_=e.x+(e.w-t),t=e.x!==_&&_<0?e.w:t,_=_<0?0:_),[`ne`,`n`,`nw`].indexOf(c)!==-1&&(v=e.y+(e.h-n),n=e.y!==v&&v<0?e.h:n,v=v<0?0:v),h=!0),p&&!m&&(r=(0,i.getAllCollisions)(u,f(f({},e),{},{w:t,h:n,x:_,y:v})).filter(t=>t.i!==e.i).length>0,r&&(v=e.y,n=e.h,_=e.x,t=e.w,h=!1)),e.w=t,e.h=n,e});if(!b)return;g=y,h&&(g=(0,i.moveElement)(y,b,_,v,!0,this.props.preventCollision,(0,i.compactType)(this.props),d,m));let x={w:b.w,h:b.h,x:b.x,y:b.y,static:!0,i:e};this.props.onResize(g,l,b,x,a,o),this.setState({layout:m?g:(0,i.compact)(g,(0,i.compactType)(this.props),d),activeDrag:x})}),p(this,`onResizeStop`,(e,t,n,r)=>{let{e:a,node:o}=r,{layout:s,oldResizeItem:c}=this.state,{cols:l,allowOverlap:u}=this.props,d=(0,i.getLayoutItem)(s,e),f=u?s:(0,i.compact)(s,(0,i.compactType)(this.props),l);this.props.onResizeStop(f,c,d,null,a,o);let{oldLayout:p}=this.state;this.setState({activeDrag:null,layout:f,oldResizeItem:null,oldLayout:null,resizing:!1}),this.onLayoutMaybeChanged(f,p)}),p(this,`onDragOver`,e=>{var n;if(e.preventDefault(),e.stopPropagation(),_&&!((n=e.nativeEvent.target)!=null&&n.classList.contains(g)))return!1;let{droppingItem:r,onDropDragOver:i,margin:o,cols:s,rowHeight:c,maxRows:l,width:u,containerPadding:d,transformScale:p}=this.props,m=i?.(e);if(m===!1)return this.state.droppingDOMNode&&this.removeDroppingPlaceholder(),!1;let h=f(f({},r),m),{layout:v}=this.state,y=e.currentTarget.getBoundingClientRect(),b=e.clientX-y.left,x=e.clientY-y.top,S={left:b/p,top:x/p,e};if(!this.state.droppingDOMNode){let e={cols:s,margin:o,maxRows:l,rowHeight:c,containerWidth:u,containerPadding:d||o},n=(0,a.calcXY)(e,x,b,h.w,h.h);this.setState({droppingDOMNode:t.createElement(`div`,{key:h.i}),droppingPosition:S,layout:[...v,f(f({},h),{},{x:n.x,y:n.y,static:!1,isDraggable:!0})]})}else if(this.state.droppingPosition){let{left:e,top:t}=this.state.droppingPosition;(e!=b||t!=x)&&this.setState({droppingPosition:S})}}),p(this,`removeDroppingPlaceholder`,()=>{let{droppingItem:e,cols:t}=this.props,{layout:n}=this.state,r=(0,i.compact)(n.filter(t=>t.i!==e.i),(0,i.compactType)(this.props),t,this.props.allowOverlap);this.setState({layout:r,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})}),p(this,`onDragLeave`,e=>{e.preventDefault(),e.stopPropagation(),this.dragEnterCounter--,this.dragEnterCounter===0&&this.removeDroppingPlaceholder()}),p(this,`onDragEnter`,e=>{e.preventDefault(),e.stopPropagation(),this.dragEnterCounter++}),p(this,`onDrop`,e=>{e.preventDefault(),e.stopPropagation();let{droppingItem:t}=this.props,{layout:n}=this.state,r=n.find(e=>e.i===t.i);this.dragEnterCounter=0,this.removeDroppingPlaceholder(),this.props.onDrop(n,r,e)})}componentDidMount(){this.setState({mounted:!0}),this.onLayoutMaybeChanged(this.state.layout,this.props.layout)}static getDerivedStateFromProps(e,t){let r;return t.activeDrag?null:(!(0,n.deepEqual)(e.layout,t.propsLayout)||e.compactType!==t.compactType?r=e.layout:(0,i.childrenEqual)(e.children,t.children)||(r=t.layout),r?{layout:(0,i.synchronizeLayoutWithChildren)(r,e.children,e.cols,(0,i.compactType)(e),e.allowOverlap),compactType:e.compactType,children:e.children,propsLayout:e.layout}:null)}shouldComponentUpdate(e,t){return this.props.children!==e.children||!(0,i.fastRGLPropsEqual)(this.props,e,n.deepEqual)||this.state.activeDrag!==t.activeDrag||this.state.mounted!==t.mounted||this.state.droppingPosition!==t.droppingPosition}componentDidUpdate(e,t){if(!this.state.activeDrag){let e=this.state.layout,n=t.layout;this.onLayoutMaybeChanged(e,n)}}containerHeight(){if(!this.props.autoSize)return;let e=(0,i.bottom)(this.state.layout),t=this.props.containerPadding?this.props.containerPadding[1]:this.props.margin[1];return e*this.props.rowHeight+(e-1)*this.props.margin[1]+t*2+`px`}onLayoutMaybeChanged(e,t){t||=this.state.layout,(0,n.deepEqual)(t,e)||this.props.onLayoutChange(e)}placeholder(){let{activeDrag:e}=this.state;if(!e)return null;let{width:n,cols:r,margin:i,containerPadding:a,rowHeight:s,maxRows:c,useCSSTransforms:l,transformScale:u}=this.props;return t.createElement(o.default,{w:e.w,h:e.h,x:e.x,y:e.y,i:e.i,className:`react-grid-placeholder ${this.state.resizing?`placeholder-resizing`:``}`,containerWidth:n,cols:r,margin:i,containerPadding:a||i,maxRows:c,rowHeight:s,isDraggable:!1,isResizable:!1,isBounded:!1,useCSSTransforms:l,transformScale:u},t.createElement(`div`,null))}processGridItem(e,n){if(!e||!e.key)return;let r=(0,i.getLayoutItem)(this.state.layout,String(e.key));if(!r)return null;let{width:a,cols:s,margin:c,containerPadding:l,rowHeight:u,maxRows:d,isDraggable:f,isResizable:p,isBounded:m,useCSSTransforms:h,transformScale:g,draggableCancel:_,draggableHandle:v,resizeHandles:y,resizeHandle:b}=this.props,{mounted:x,droppingPosition:S}=this.state,C=typeof r.isDraggable==`boolean`?r.isDraggable:!r.static&&f,w=typeof r.isResizable==`boolean`?r.isResizable:!r.static&&p,T=r.resizeHandles||y,E=C&&m&&r.isBounded!==!1;return t.createElement(o.default,{containerWidth:a,cols:s,margin:c,containerPadding:l||c,maxRows:d,rowHeight:u,cancel:_,handle:v,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:C,isResizable:w,isBounded:E,useCSSTransforms:h&&x,usePercentages:!x,transformScale:g,w:r.w,h:r.h,x:r.x,y:r.y,i:r.i,minH:r.minH,minW:r.minW,maxH:r.maxH,maxW:r.maxW,static:r.static,droppingPosition:n?S:void 0,resizeHandles:T,resizeHandle:b},e)}render(){let{className:e,style:n,isDroppable:a,innerRef:o}=this.props,s=(0,r.default)(g,e),c=f({height:this.containerHeight()},n);return t.createElement(`div`,{ref:o,className:s,style:c,onDrop:a?this.onDrop:i.noop,onDragLeave:a?this.onDragLeave:i.noop,onDragEnter:a?this.onDragEnter:i.noop,onDragOver:a?this.onDragOver:i.noop},t.Children.map(this.props.children,e=>this.processGridItem(e)),a&&this.state.droppingDOMNode&&this.processGridItem(this.state.droppingDOMNode,!0),this.placeholder())}};e.default=v,p(v,`displayName`,`ReactGridLayout`),p(v,`propTypes`,s.default),p(v,`defaultProps`,{autoSize:!0,cols:12,className:``,style:{},draggableHandle:``,draggableCancel:``,containerPadding:null,rowHeight:150,maxRows:1/0,layout:[],margin:[10,10],isBounded:!1,isDraggable:!0,isResizable:!0,allowOverlap:!1,isDroppable:!1,useCSSTransforms:!0,transformScale:1,verticalCompact:!0,compactType:`vertical`,preventCollision:!1,droppingItem:{i:`__dropping-elem__`,h:1,w:1},resizeHandles:[`se`],onLayoutChange:i.noop,onDragStart:i.noop,onDrag:i.noop,onDragStop:i.noop,onResizeStart:i.noop,onResize:i.noop,onResizeStop:i.noop,onDrop:i.noop,onDropDragOver:i.noop})})),Iu=i((e=>{Object.defineProperty(e,"__esModule",{value:!0}),e.findOrGenerateResponsiveLayout=i,e.getBreakpointFromWidth=n,e.getColsFromBreakpoint=r,e.sortBreakpoints=a;var t=xu();function n(e,t){let n=a(e),r=n[0];for(let i=1,a=n.length;i<a;i++){let a=n[i];t>e[a]&&(r=a)}return r}function r(e,t){if(!t[e])throw Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+e+` is missing!`);return t[e]}function i(e,n,r,i,o,s){if(e[r])return(0,t.cloneLayout)(e[r]);let c=e[i],l=a(n),u=l.slice(l.indexOf(r));for(let t=0,n=u.length;t<n;t++){let n=u[t];if(e[n]){c=e[n];break}}return c=(0,t.cloneLayout)(c||[]),(0,t.compact)((0,t.correctBounds)(c,{cols:o}),s,o)}function a(e){return Object.keys(e).sort(function(t,n){return e[t]-e[n]})}})),Lu=i((e=>{Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var t=l(d()),n=c(Tu()),r=yu(),i=xu(),a=Iu(),o=c(Fu()),s=[`breakpoint`,`breakpoints`,`cols`,`layouts`,`margin`,`containerPadding`,`onBreakpointChange`,`onLayoutChange`,`onWidthChange`];function c(e){return e&&e.__esModule?e:{default:e}}function l(e,t){if(typeof WeakMap==`function`)var n=new WeakMap,r=new WeakMap;return(l=function(e,t){if(!t&&e&&e.__esModule)return e;var i,a,o={__proto__:null,default:e};if(e===null||typeof e!=`object`&&typeof e!=`function`)return o;if(i=t?r:n){if(i.has(e))return i.get(e);i.set(e,o)}for(let t in e)t!=="default"&&{}.hasOwnProperty.call(e,t)&&((a=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?i(o,t,a):o[t]=e[t]);return o})(e,t)}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(null,arguments)}function f(e,t){if(e==null)return{};var n,r,i=p(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)===-1&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function p(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function h(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?m(Object(n),!0).forEach(function(t){g(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function g(e,t,n){return(t=_(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _(e){var t=v(e,`string`);return typeof t==`symbol`?t:t+``}function v(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}var y=e=>Object.prototype.toString.call(e);function b(e,t){return e==null?null:Array.isArray(e)?e:e[t]}var x=class extends t.Component{constructor(){super(...arguments),g(this,`state`,this.generateInitialState()),g(this,`onLayoutChange`,e=>{this.props.onLayoutChange(e,h(h({},this.props.layouts),{},{[this.state.breakpoint]:e}))})}generateInitialState(){let{width:e,breakpoints:t,layouts:n,cols:r}=this.props,i=(0,a.getBreakpointFromWidth)(t,e),o=(0,a.getColsFromBreakpoint)(i,r),s=this.props.verticalCompact===!1?null:this.props.compactType;return{layout:(0,a.findOrGenerateResponsiveLayout)(n,t,i,i,o,s),breakpoint:i,cols:o}}static getDerivedStateFromProps(e,t){if(!(0,r.deepEqual)(e.layouts,t.layouts)){let{breakpoint:n,cols:r}=t;return{layout:(0,a.findOrGenerateResponsiveLayout)(e.layouts,e.breakpoints,n,n,r,e.compactType),layouts:e.layouts}}return null}componentDidUpdate(e){(this.props.width!=e.width||this.props.breakpoint!==e.breakpoint||!(0,r.deepEqual)(this.props.breakpoints,e.breakpoints)||!(0,r.deepEqual)(this.props.cols,e.cols))&&this.onWidthChange(e)}onWidthChange(e){let{breakpoints:t,cols:n,layouts:r,compactType:o}=this.props,s=this.props.breakpoint||(0,a.getBreakpointFromWidth)(this.props.breakpoints,this.props.width),c=this.state.breakpoint,l=(0,a.getColsFromBreakpoint)(s,n),u=h({},r);if(c!==s||e.breakpoints!==t||e.cols!==n){c in u||(u[c]=(0,i.cloneLayout)(this.state.layout));let e=(0,a.findOrGenerateResponsiveLayout)(u,t,s,c,l,o);e=(0,i.synchronizeLayoutWithChildren)(e,this.props.children,l,o,this.props.allowOverlap),u[s]=e,this.props.onBreakpointChange(s,l),this.props.onLayoutChange(e,u),this.setState({breakpoint:s,layout:e,cols:l})}let d=b(this.props.margin,s),f=b(this.props.containerPadding,s);this.props.onWidthChange(this.props.width,d,l,f)}render(){let e=this.props,{breakpoint:n,breakpoints:r,cols:i,layouts:a,margin:c,containerPadding:l,onBreakpointChange:d,onLayoutChange:p,onWidthChange:m}=e,h=f(e,s);return t.createElement(o.default,u({},h,{margin:b(c,this.state.breakpoint),containerPadding:b(l,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}};e.default=x,g(x,`propTypes`,{breakpoint:n.default.string,breakpoints:n.default.object,allowOverlap:n.default.bool,cols:n.default.object,margin:n.default.oneOfType([n.default.array,n.default.object]),containerPadding:n.default.oneOfType([n.default.array,n.default.object]),layouts(e,t){if(y(e[t])!==`[object Object]`)throw Error(`Layout property must be an object. Received: `+y(e[t]));Object.keys(e[t]).forEach(t=>{if(!(t in e.breakpoints))throw Error(`Each key in layouts must align with a key in breakpoints.`);(0,i.validateLayout)(e.layouts[t],`layouts.`+t)})},width:n.default.number.isRequired,onBreakpointChange:n.default.func,onLayoutChange:n.default.func,onWidthChange:n.default.func}),g(x,`defaultProps`,{breakpoints:{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:{lg:12,md:10,sm:6,xs:4,xxs:2},containerPadding:{lg:null,md:null,sm:null,xs:null,xxs:null},layouts:{},margin:[10,10],allowOverlap:!1,onBreakpointChange:i.noop,onLayoutChange:i.noop,onWidthChange:i.noop})})),Ru=r({default:()=>pd});function zu(e,t){var n=!1,r=!1,i=0;function a(){n&&(n=!1,e()),r&&s()}function o(){Qu(a)}function s(){var e=Date.now();if(n){if(e-i<$u)return;r=!0}else n=!0,r=!1,setTimeout(o,t);i=e}return s}function Bu(e){return parseFloat(e)||0}function Vu(e){return[...arguments].slice(1).reduce(function(t,n){var r=e[`border-`+n+`-width`];return t+Bu(r)},0)}function Hu(e){for(var t=[`top`,`right`,`bottom`,`left`],n={},r=0,i=t;r<i.length;r++){var a=i[r],o=e[`padding-`+a];n[a]=Bu(o)}return n}function Uu(e){var t=e.getBBox();return Ju(0,0,t.width,t.height)}function Wu(e){var t=e.clientWidth,n=e.clientHeight;if(!t&&!n)return od;var r=ad(e).getComputedStyle(e),i=Hu(r),a=i.left+i.right,o=i.top+i.bottom,s=Bu(r.width),c=Bu(r.height);if(r.boxSizing===`border-box`&&(Math.round(s+a)!==t&&(s-=Vu(r,`left`,`right`)+a),Math.round(c+o)!==n&&(c-=Vu(r,`top`,`bottom`)+o)),!Gu(e)){var l=Math.round(s+a)-t,u=Math.round(c+o)-n;Math.abs(l)!==1&&(s-=l),Math.abs(u)!==1&&(c-=u)}return Ju(i.left,i.top,s,c)}function Gu(e){return e===ad(e).document.documentElement}function Ku(e){return Xu?sd(e)?Uu(e):Wu(e):od}function qu(e){var t=e.x,n=e.y,r=e.width,i=e.height,a=Object.create((typeof DOMRectReadOnly<`u`?DOMRectReadOnly:Object).prototype);return id(a,{x:t,y:n,width:r,height:i,top:n,right:t+r,bottom:i+n,left:t}),a}function Ju(e,t,n,r){return{x:e,y:t,width:n,height:r}}var Yu,Xu,Zu,Qu,$u,ed,td,nd,rd,id,ad,od,sd,cd,ld,ud,dd,fd,pd,md=t((()=>{Yu=(function(){if(typeof Map<`u`)return Map;function e(e,t){var n=-1;return e.some(function(e,r){return e[0]===t&&(n=r,!0)}),n}return function(){function t(){this.__entries__=[]}return Object.defineProperty(t.prototype,"size",{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),t.prototype.get=function(t){var n=e(this.__entries__,t),r=this.__entries__[n];return r&&r[1]},t.prototype.set=function(t,n){var r=e(this.__entries__,t);~r?this.__entries__[r][1]=n:this.__entries__.push([t,n])},t.prototype.delete=function(t){var n=this.__entries__,r=e(n,t);~r&&n.splice(r,1)},t.prototype.has=function(t){return!!~e(this.__entries__,t)},t.prototype.clear=function(){this.__entries__.splice(0)},t.prototype.forEach=function(e,t){t===void 0&&(t=null);for(var n=0,r=this.__entries__;n<r.length;n++){var i=r[n];e.call(t,i[1],i[0])}},t}()})(),Xu=typeof window<`u`&&typeof document<`u`&&window.document===document,Zu=(function(){return typeof global<`u`&&global.Math===Math?global:typeof self<`u`&&self.Math===Math?self:typeof window<`u`&&window.Math===Math?window:Function(`return this`)()})(),Qu=(function(){return typeof requestAnimationFrame==`function`?requestAnimationFrame.bind(Zu):function(e){return setTimeout(function(){return e(Date.now())},1e3/60)}})(),$u=2,ed=20,td=[`top`,`right`,`bottom`,`left`,`width`,`height`,`size`,`weight`],nd=typeof MutationObserver<`u`,rd=function(){function e(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=zu(this.refresh.bind(this),ed)}return e.prototype.addObserver=function(e){~this.observers_.indexOf(e)||this.observers_.push(e),this.connected_||this.connect_()},e.prototype.removeObserver=function(e){var t=this.observers_,n=t.indexOf(e);~n&&t.splice(n,1),!t.length&&this.connected_&&this.disconnect_()},e.prototype.refresh=function(){this.updateObservers_()&&this.refresh()},e.prototype.updateObservers_=function(){var e=this.observers_.filter(function(e){return e.gatherActive(),e.hasActive()});return e.forEach(function(e){return e.broadcastActive()}),e.length>0},e.prototype.connect_=function(){!Xu||this.connected_||(document.addEventListener(`transitionend`,this.onTransitionEnd_),window.addEventListener(`resize`,this.refresh),nd?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener(`DOMSubtreeModified`,this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},e.prototype.disconnect_=function(){!Xu||!this.connected_||(document.removeEventListener(`transitionend`,this.onTransitionEnd_),window.removeEventListener(`resize`,this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener(`DOMSubtreeModified`,this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},e.prototype.onTransitionEnd_=function(e){var t=e.propertyName,n=t===void 0?``:t;td.some(function(e){return!!~n.indexOf(e)})&&this.refresh()},e.getInstance=function(){return this.instance_||=new e,this.instance_},e.instance_=null,e}(),id=(function(e,t){for(var n=0,r=Object.keys(t);n<r.length;n++){var i=r[n];Object.defineProperty(e,i,{value:t[i],enumerable:!1,writable:!1,configurable:!0})}return e}),ad=(function(e){return e&&e.ownerDocument&&e.ownerDocument.defaultView||Zu}),od=Ju(0,0,0,0),sd=(function(){return typeof SVGGraphicsElement<`u`?function(e){return e instanceof ad(e).SVGGraphicsElement}:function(e){return e instanceof ad(e).SVGElement&&typeof e.getBBox==`function`}})(),cd=function(){function e(e){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=Ju(0,0,0,0),this.target=e}return e.prototype.isActive=function(){var e=Ku(this.target);return this.contentRect_=e,e.width!==this.broadcastWidth||e.height!==this.broadcastHeight},e.prototype.broadcastRect=function(){var e=this.contentRect_;return this.broadcastWidth=e.width,this.broadcastHeight=e.height,e},e}(),ld=function(){function e(e,t){var n=qu(t);id(this,{target:e,contentRect:n})}return e}(),ud=function(){function e(e,t,n){if(this.activeObservations_=[],this.observations_=new Yu,typeof e!=`function`)throw TypeError(`The callback provided as parameter 1 is not a function.`);this.callback_=e,this.controller_=t,this.callbackCtx_=n}return e.prototype.observe=function(e){if(!arguments.length)throw TypeError(`1 argument required, but only 0 present.`);if(!(typeof Element>`u`||!(Element instanceof Object))){if(!(e instanceof ad(e).Element))throw TypeError(`parameter 1 is not of type "Element".`);var t=this.observations_;t.has(e)||(t.set(e,new cd(e)),this.controller_.addObserver(this),this.controller_.refresh())}},e.prototype.unobserve=function(e){if(!arguments.length)throw TypeError(`1 argument required, but only 0 present.`);if(!(typeof Element>`u`||!(Element instanceof Object))){if(!(e instanceof ad(e).Element))throw TypeError(`parameter 1 is not of type "Element".`);var t=this.observations_;t.has(e)&&(t.delete(e),t.size||this.controller_.removeObserver(this))}},e.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},e.prototype.gatherActive=function(){var e=this;this.clearActive(),this.observations_.forEach(function(t){t.isActive()&&e.activeObservations_.push(t)})},e.prototype.broadcastActive=function(){if(this.hasActive()){var e=this.callbackCtx_,t=this.activeObservations_.map(function(e){return new ld(e.target,e.broadcastRect())});this.callback_.call(e,t,e),this.clearActive()}},e.prototype.clearActive=function(){this.activeObservations_.splice(0)},e.prototype.hasActive=function(){return this.activeObservations_.length>0},e}(),dd=typeof WeakMap<`u`?new WeakMap:new Yu,fd=function(){function e(t){if(!(this instanceof e))throw TypeError(`Cannot call a class as a function.`);if(!arguments.length)throw TypeError(`1 argument required, but only 0 present.`);var n=new ud(t,rd.getInstance(),this);dd.set(this,n)}return e}(),[`observe`,`unobserve`,`disconnect`].forEach(function(e){fd.prototype[e]=function(){var t;return(t=dd.get(this))[e].apply(t,arguments)}}),pd=(function(){return Zu.ResizeObserver===void 0?fd:Zu.ResizeObserver})()})),hd=i((t=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=_;var n=c(d()),r=s(Tu()),i=s((md(),e(Ru))),a=s(qa()),o=[`measureBeforeMount`];function s(e){return e&&e.__esModule?e:{default:e}}function c(e,t){if(typeof WeakMap==`function`)var n=new WeakMap,r=new WeakMap;return(c=function(e,t){if(!t&&e&&e.__esModule)return e;var i,a,o={__proto__:null,default:e};if(e===null||typeof e!=`object`&&typeof e!=`function`)return o;if(i=t?r:n){if(i.has(e))return i.get(e);i.set(e,o)}for(let t in e)t!=="default"&&{}.hasOwnProperty.call(e,t)&&((a=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?i(o,t,a):o[t]=e[t]);return o})(e,t)}function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l.apply(null,arguments)}function u(e,t){if(e==null)return{};var n,r,i=f(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)===-1&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function f(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}function p(e,t,n){return(t=m(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e){var t=h(e,`string`);return typeof t==`symbol`?t:t+``}function h(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}var g=`react-grid-layout`;function _(e){var t;return t=class extends n.Component{constructor(){super(...arguments),p(this,`state`,{width:1280}),p(this,`elementRef`,n.createRef()),p(this,`mounted`,!1),p(this,`resizeObserver`,void 0)}componentDidMount(){this.mounted=!0,this.resizeObserver=new i.default(e=>{if(this.elementRef.current instanceof HTMLElement){let t=e[0].contentRect.width;this.setState({width:t})}});let e=this.elementRef.current;e instanceof HTMLElement&&this.resizeObserver.observe(e)}componentWillUnmount(){this.mounted=!1;let e=this.elementRef.current;e instanceof HTMLElement&&this.resizeObserver.unobserve(e),this.resizeObserver.disconnect()}render(){let t=this.props,{measureBeforeMount:r}=t,i=u(t,o);return r&&!this.mounted?n.createElement(`div`,{className:(0,a.default)(this.props.className,g),style:this.props.style,ref:this.elementRef}):n.createElement(e,l({innerRef:this.elementRef},i,this.state))}},p(t,`defaultProps`,{measureBeforeMount:!1}),p(t,`propTypes`,{measureBeforeMount:r.default.bool}),t}})),gd=n(i(((e,t)=>{t.exports=Fu().default,t.exports.utils=xu(),t.exports.calculateUtils=Su(),t.exports.Responsive=Lu().default,t.exports.Responsive.utils=Iu(),t.exports.WidthProvider=hd().default}))(),1),_d=new Map;function vd(e){_d.set(e.type,e)}function yd(e){return _d.get(e)}function bd(){return[..._d.values()]}function xd(e,t){let n=typeof e.setCanvasQueries==`function`,[r,i]=(0,Q.useState)(e.canvasQueries??[]),a=(0,Q.useMemo)(()=>n?e.canvasQueries??[]:r,[n,e.canvasQueries,r]),o=(0,Q.useCallback)(r=>{n?e.setCanvasQueries(r):i(r),t?.()},[n,e,t]);return{queries:a,runSearch:(0,Q.useCallback)(e=>{let t=e.trim();!t||a.includes(t)||o([...a,t])},[a,o]),removeQuery:(0,Q.useCallback)(e=>{o(e<0?[]:a.filter((t,n)=>n!==e))},[a,o]),clearSearch:(0,Q.useCallback)(()=>o([]),[o])}}function Sd({config:e,canvas:t}){let n=typeof e.pageSize==`number`?e.pageSize:50,r=e.viewMode===`card`||e.viewMode===`tile`||e.viewMode===`table`?e.viewMode:`table`,[i,a]=(0,Q.useState)([]),[o,s]=(0,Q.useState)(0),[c,l]=(0,Q.useState)(1),[u,d]=(0,Q.useState)(!0),f=t.canvasSort??_t,{queries:p,runSearch:m,removeQuery:h}=xd(t,()=>l(1));(0,Q.useEffect)(()=>{let e=!1;return(async()=>{d(!0);try{let r=await t.fetchDocuments({limit:n,page:c,sortBy:f.sortBy,order:f.order,queries:p.length?p:void 0});if(e)return;a(r.payload||[]),s(r.totalCount||r.count||0)}catch{e||(a([]),s(0))}finally{e||d(!1)}})(),()=>{e=!0}},[t,n,c,f.sortBy,f.order,p]);let g=(0,Q.useCallback)(e=>{t.setCanvasSort?.(e),l(1)},[t]),_=t.readOnly===!0;return(0,$.jsxs)(`div`,{className:`flex h-full flex-col`,children:[!_&&(0,$.jsxs)(`div`,{className:`canvas-no-drag flex items-center gap-2 border-b px-1 pb-2`,children:[(0,$.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:`Sort`}),(0,$.jsx)(bt,{workspaceId:t.workspaceId,value:f,onChange:g})]}),(0,$.jsx)(`div`,{className:`min-h-0 flex-1 overflow-auto`,children:(0,$.jsx)(sn,{documents:i,isLoading:u,contextPath:t.path,treeName:t.treeName,workspaceId:t.workspaceId,totalCount:o,serverSort:f,viewMode:r,allowViewToggle:!0,currentPage:c,pageSize:n,onPageChange:l,backendSearchQueries:p,onBackendSearch:_?void 0:m,onRemoveBackendQuery:_?void 0:h})})]})}vd({type:`documents-table`,name:`Documents`,icon:An,defaultSize:{w:8,h:6,minW:4,minH:3},mobileHeight:.9,defaultConfig:{pageSize:50,viewMode:`table`},component:Sd});function Cd({config:e,setConfig:t,canvas:n}){let[r,i]=(0,Q.useState)(()=>new Date),a=e.format!==`24`;return(0,Q.useEffect)(()=>{let e=setInterval(()=>i(new Date),1e3);return()=>clearInterval(e)},[]),(0,$.jsxs)(`div`,{className:`flex flex-col items-center justify-center h-full gap-1`,children:[(0,$.jsx)(`div`,{className:`text-3xl font-semibold tabular-nums`,children:r.toLocaleTimeString(void 0,{hour12:a,hour:`2-digit`,minute:`2-digit`,second:`2-digit`})}),(0,$.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:r.toLocaleDateString(void 0,{weekday:`short`,month:`short`,day:`numeric`})}),!n.readOnly&&(0,$.jsx)(`button`,{type:`button`,onClick:()=>t({...e,format:a?`24`:`12`}),className:`mt-1 px-2 py-0.5 text-[10px] border rounded-md text-muted-foreground hover:bg-accent`,children:a?`12h`:`24h`})]})}vd({type:`clock`,name:`Clock`,icon:Kn,defaultSize:{w:3,h:2,minW:2,minH:2},defaultConfig:{format:`24`},component:Cd});var wd=450,Td=10;function Ed(e,t){let{open:n}=ge(),r=(0,Q.useRef)(null),i=(0,Q.useRef)(null),a=(0,Q.useRef)(!1),o=()=>{e&&n(e,t)},s=()=>{r.current&&=(clearTimeout(r.current),null)};return{activationProps:{role:`button`,tabIndex:0,onClick:()=>{if(a.current){a.current=!1;return}o()},onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),o())},onContextMenu:e=>{e.preventDefault(),o()},onPointerDown:e=>{e.pointerType===`touch`&&(i.current={x:e.clientX,y:e.clientY},a.current=!1,s(),r.current=setTimeout(()=>{a.current=!0,o()},wd))},onPointerMove:e=>{i.current&&Math.hypot(e.clientX-i.current.x,e.clientY-i.current.y)>Td&&s()},onPointerUp:s,onPointerCancel:s,onPointerLeave:s},stopRowActivation:e=>e.stopPropagation()}}function Dd({doc:e,workspaceId:t}){let n=os(e),{activationProps:r}=Ed(e,t);return(0,$.jsxs)(`li`,{...r,title:`Open details`,className:`canvas-no-drag cursor-pointer py-1.5 min-w-0 rounded px-1 transition-colors hover:bg-accent/50 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring`,children:[(0,$.jsx)(`div`,{className:`truncate font-medium`,children:n.title}),n.preview&&(0,$.jsx)(`div`,{className:`truncate text-xs text-muted-foreground`,children:n.preview})]})}function Od({config:e,canvas:t}){let n=typeof e.limit==`number`?e.limit:10,[r,i]=(0,Q.useState)([]),[a,o]=(0,Q.useState)(!0),[s,c]=(0,Q.useState)(null);return(0,Q.useEffect)(()=>{let e=!1;return(async()=>{o(!0);try{let r=await t.fetchDocuments({limit:n});if(e)return;i(r.payload||[]),c(null)}catch(t){if(e)return;c(t instanceof Error?t.message:`Failed to load documents`),i([])}finally{e||o(!1)}})(),()=>{e=!0}},[t,n]),a?(0,$.jsx)(`div`,{className:`text-xs text-muted-foreground p-1`,children:`Loading…`}):s?(0,$.jsx)(`div`,{className:`text-xs text-destructive p-1`,children:s}):r.length===0?(0,$.jsx)(`div`,{className:`text-xs text-muted-foreground p-1`,children:`No documents on this canvas.`}):(0,$.jsx)(`ul`,{className:`divide-y text-sm`,children:r.map(e=>(0,$.jsx)(Dd,{doc:e,workspaceId:t.workspaceId},e.id))})}vd({type:`recent-documents`,name:`Recent documents`,icon:di,defaultSize:{w:4,h:4,minW:3,minH:2},mobileHeight:.5,defaultConfig:{limit:10},component:Od});function kd({config:e,setConfig:t,canvas:n}){let r=typeof e.text==`string`?e.text:``;return(0,$.jsx)(`textarea`,{value:r,readOnly:n.readOnly,onChange:n=>t({...e,text:n.target.value}),placeholder:n.readOnly?``:`Jot something down…`,className:`canvas-no-drag w-full h-full resize-none bg-transparent text-sm leading-6 outline-none`})}vd({type:`note`,name:`Note`,icon:Sa,defaultSize:{w:3,h:3,minW:2,minH:2},defaultConfig:{text:``},component:kd});var Ad=`data/schema/file`,jd=`data/schema/drawing`;function Md(e){return(e.schema===Ad||e.schema===jd)&&String(e.metadata?.contentType||``).startsWith(`image/`)}function Nd(e){return e.schema===Ad&&String(e.metadata?.contentType||``).startsWith(`video/`)}var Pd=`data/mime/image`;function Fd(e,t,n=!1){let[r,i]=(0,Q.useState)([]),[a,o]=(0,Q.useState)(0),[s,c]=(0,Q.useState)(1),[l,u]=(0,Q.useState)(!0),[d,f]=(0,Q.useState)(null),[p,m]=(0,Q.useState)(``),{queries:h,runSearch:g,removeQuery:_,clearSearch:v}=xd(e,()=>c(1)),y=e.canvasSort??_t;(0,Q.useEffect)(()=>{let r=!1,a=async()=>{u(!0),f(null);try{let a=await e.fetchDocuments({limit:t,page:s,queries:h.length?h:void 0,sortBy:y.sortBy,order:y.order,...n?{anyOf:[Pd,`data/mime/video`]}:{allOf:[Pd]}});if(r)return;i((a.payload||[]).filter(e=>Md(e)||n&&Nd(e))),o(a.totalCount||a.count||0)}catch(e){if(r)return;i([]),o(0),f(e instanceof Error?e.message:`Failed to load images`)}finally{r||u(!1)}};return a(),window.addEventListener(`workspace:documents:refresh`,a),()=>{r=!0,window.removeEventListener(`workspace:documents:refresh`,a)}},[e,t,s,h,y.sortBy,y.order,n]);let b=(0,Q.useCallback)(()=>{let e=p.trim();m(``),g(e)},[p,g]),x=(0,Q.useCallback)(()=>{m(``),v()},[v]),S=(0,Q.useCallback)(e=>{_(e)},[_]),C=(0,Q.useCallback)(t=>{e.setCanvasSort?.(t),c(1)},[e]);return{images:r,isLoading:l,error:d,page:s,setPage:c,totalCount:a,totalPages:(0,Q.useMemo)(()=>Math.max(1,Math.ceil(a/t)),[a,t]),input:p,setInput:m,submit:b,clearSearch:x,removeQuery:S,activeQueries:h,sort:y,setSort:C}}var Id=n(h(),1);function Ld({workspaceId:e,doc:t,onClick:n,className:r=`aspect-square`,comments:i=`off`}){let{blobUrl:a,error:o,loading:s}=G(e,t.id,512,{blobFallback:!Nd(t),version:t.checksumArray?.[0]??null}),c=Ko(t)||`image-${t.id}`,l=ts(t),u=l!==``&&i!==`off`;return(0,$.jsxs)(`button`,{type:`button`,onClick:n,title:l||c,className:`canvas-no-drag group relative block w-full overflow-hidden rounded-(--card-radius) border bg-muted/40 shadow-elevation-1 transition-shadow hover:shadow-elevation-2 hover:ring-2 hover:ring-primary/30 ${r}`,children:[s&&(0,$.jsx)(`div`,{className:`absolute inset-0 animate-pulse bg-muted/60`}),o&&!Nd(t)&&(0,$.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center p-1 text-[10px] text-destructive`,children:o}),a&&(0,$.jsx)(`img`,{src:a,alt:c,loading:`lazy`,className:`h-full w-full object-cover transition-transform duration-normal group-hover:scale-105`}),Nd(t)&&(0,$.jsxs)(`span`,{className:`absolute inset-0 flex items-center justify-center`,children:[(0,$.jsx)(xr,{className:`h-10 w-10 rounded-full bg-black/60 p-2 text-white`}),(0,$.jsx)(`span`,{className:`sr-only`,children:`Play video`})]}),u&&(0,$.jsx)(`span`,{className:`pointer-events-none absolute inset-x-0 bottom-0 px-1.5 pb-1 pt-4 text-left text-[11px] leading-snug text-white bg-gradient-to-t from-black/75 via-black/45 to-transparent ${i===`reveal`?`caption-reveal`:``}`,children:(0,$.jsx)(`span`,{className:`line-clamp-2`,children:l})}),l!==``&&i!==`caption`&&(0,$.jsx)(`span`,{className:`pointer-events-none absolute right-1 top-1 rounded-full bg-black/55 p-1 text-white transition-opacity ${i===`reveal`?`hidden [@media(hover:hover)]:block [@media(hover:hover)]:group-hover:opacity-0`:``}`,title:`Has a comment`,children:(0,$.jsx)(Mr,{className:`h-3 w-3`})})]})}function Rd({workspaceId:e,docs:t,index:n,onClose:r,onNavigate:i}){let a=t[n],{blobUrl:o,error:s,loading:c}=Wc(e,a.id,{version:a.checksumArray?.[0]??null,enabled:!Nd(a)}),l=Ko(a)||`image-${a.id}`,u=ts(a),[d,f]=(0,Q.useState)(!1);return nt(r),(0,Q.useEffect)(()=>{let e=e=>{e.target?.closest(`video`)||(e.key===`ArrowLeft`&&n>0&&i(n-1),e.key===`ArrowRight`&&n<t.length-1&&i(n+1))};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[n,t.length,i]),(0,Id.createPortal)((0,$.jsxs)(`div`,{"data-scheme":`dark`,className:`fixed inset-0 z-fullscreen flex flex-col bg-scrim p-0 sm:p-4`,onClick:r,children:[(0,$.jsx)(`button`,{type:`button`,onClick:r,className:`canvas-no-drag absolute right-2 top-2 z-10 rounded-full bg-foreground/10 p-2 text-foreground hover:bg-foreground/20 touch-target sm:right-4 sm:top-4`,title:`Close`,children:(0,$.jsx)(mr,{className:`h-5 w-5`})}),n>0&&!d&&(0,$.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),i(n-1)},className:`canvas-no-drag absolute left-3 top-1/2 -translate-y-1/2 rounded-full bg-foreground/10 p-2 text-foreground hover:bg-foreground/20`,title:`Previous`,children:(0,$.jsx)(zn,{className:`h-6 w-6 touch-target`})}),n<t.length-1&&!d&&(0,$.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),i(n+1)},className:`canvas-no-drag absolute right-3 top-1/2 -translate-y-1/2 rounded-full bg-foreground/10 p-2 text-foreground hover:bg-foreground/20`,title:`Next`,children:(0,$.jsx)(Wa,{className:`h-6 w-6 touch-target`})}),(0,$.jsxs)(`figure`,{className:`flex min-h-0 flex-1 flex-col`,onClick:e=>e.stopPropagation(),children:[(0,$.jsxs)(`div`,{className:`flex min-h-0 flex-1 items-center justify-center`,children:[c&&(0,$.jsx)(`div`,{className:`text-sm text-foreground/70`,children:`Loading…`}),s&&(0,$.jsx)(`div`,{className:`text-sm text-destructive`,children:s}),Nd(a)&&(0,$.jsx)(Bd,{workspaceId:e,doc:a},a.id),o&&(0,$.jsx)(F,{src:o,alt:l,onZoomChange:f,className:`max-h-full max-w-full rounded object-contain`})]}),(0,$.jsxs)(`figcaption`,{className:`shrink-0 px-4 py-2 text-center text-xs text-foreground/70`,children:[u&&(0,$.jsx)(`span`,{className:`mx-auto mb-1 block max-w-2xl whitespace-pre-wrap text-sm text-foreground`,children:u}),l,` · `,n+1,`/`,t.length,!d&&!Nd(a)&&(0,$.jsx)(`span`,{className:`ml-2 opacity-70`,children:`· double-tap to zoom`})]})]})]}),document.body)}function zd({workspaceId:e,state:t,comments:n,onToggleComments:r}){let{input:i,setInput:a,submit:o,clearSearch:s,removeQuery:c,activeQueries:l,sort:u,setSort:d,page:f,setPage:p,totalPages:m,totalCount:h,isLoading:g}=t,_=l.length>0;return(0,$.jsxs)(`div`,{className:`canvas-no-drag flex flex-wrap items-center gap-x-2 gap-y-1.5 border-b px-1 pb-1.5`,children:[(0,$.jsxs)(`div`,{className:`relative min-w-[9rem] flex-1 basis-full sm:basis-auto`,children:[(0,$.jsx)(ja,{className:`pointer-events-none absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground`}),(0,$.jsx)(`input`,{value:i,onChange:e=>a(e.target.value),onKeyDown:e=>{e.key===`Enter`&&o()},placeholder:_?`Refine: add another query (Enter)…`:`Search media (Enter)…`,className:`h-7 w-full rounded-md border bg-background pl-7 pr-7 text-xs`}),_&&(0,$.jsx)(`button`,{type:`button`,onClick:s,title:`Clear search`,className:`absolute right-1.5 top-1/2 -translate-y-1/2 rounded p-0.5 text-muted-foreground hover:text-foreground touch-target`,children:(0,$.jsx)(mr,{className:`h-3.5 w-3.5`})})]}),_&&(0,$.jsx)(`div`,{className:`flex w-full flex-wrap items-center gap-1 order-last`,children:l.map((e,t)=>(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-1`,children:[t>0&&(0,$.jsx)(`span`,{className:`text-[10px] uppercase text-muted-foreground`,children:`then`}),(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-1 rounded-full border bg-accent/50 px-2 py-0.5 text-xs`,children:[(0,$.jsx)(`span`,{className:`max-w-[10rem] truncate`,children:e}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>c(t),title:`Remove "${e}"`,className:`rounded p-0.5 text-muted-foreground hover:text-foreground touch-target`,children:(0,$.jsx)(mr,{className:`h-3 w-3`})})]})]},`${e}-${t}`))}),(0,$.jsxs)(`div`,{className:`flex flex-1 basis-full items-center justify-between gap-2 sm:basis-auto sm:justify-end`,children:[r&&(0,$.jsx)(`button`,{type:`button`,onClick:r,"aria-pressed":n!==`off`,title:n===`off`?`Show comments on tiles`:`Hide comments on tiles`,className:`flex h-7 w-7 shrink-0 items-center justify-center rounded-md border touch-target ${n===`off`?`text-muted-foreground hover:bg-accent`:`border-primary/30 bg-primary/15 text-primary hover:bg-primary/25`}`,children:(0,$.jsx)(Mr,{className:`h-3.5 w-3.5`})}),(0,$.jsx)(bt,{workspaceId:e,value:u,onChange:d}),(0,$.jsxs)(`div`,{className:`flex min-w-0 items-center gap-1`,children:[g&&(0,$.jsx)(Re,{className:`h-3.5 w-3.5 shrink-0 text-muted-foreground`}),(0,$.jsxs)(`span`,{className:`shrink-0 whitespace-nowrap tabular-nums text-xs text-muted-foreground`,children:[h.toLocaleString(),(0,$.jsxs)(`span`,{className:`hidden sm:inline`,children:[` item`,h===1?``:`s`]})]}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>p(Math.max(1,f-1)),disabled:f<=1,title:`Previous page`,className:`flex h-7 w-7 shrink-0 items-center justify-center rounded-md border text-muted-foreground hover:bg-accent disabled:opacity-40 touch-target`,children:(0,$.jsx)(zn,{className:`h-3.5 w-3.5`})}),(0,$.jsxs)(`span`,{className:`shrink-0 tabular-nums text-xs text-muted-foreground`,children:[f,`/`,m]}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>p(Math.min(m,f+1)),disabled:f>=m,title:`Next page`,className:`flex h-7 w-7 shrink-0 items-center justify-center rounded-md border text-muted-foreground hover:bg-accent disabled:opacity-40 touch-target`,children:(0,$.jsx)(Wa,{className:`h-3.5 w-3.5`})})]})]})]})}function Bd({workspaceId:e,doc:t}){let{src:n,loading:r,error:i}=Hc(e,t.id);return(0,$.jsxs)($.Fragment,{children:[r&&(0,$.jsx)(`span`,{children:`Loading video…`}),i&&(0,$.jsx)(`span`,{role:`alert`,children:i}),n&&(0,$.jsx)(`video`,{src:n,controls:!0,playsInline:!0,preload:`metadata`,className:`max-h-full max-w-full`})]})}function Vd({config:e,setConfig:t,canvas:n}){let r=Fd(n,typeof e.pageSize==`number`?e.pageSize:60,!0),i=Yc()==null&&(n.interactive??!n.readOnly),[a,o]=(0,Q.useState)(new Set),[s,c]=(0,Q.useState)(!1),[l,u]=(0,Q.useState)(null),[d,f]=(0,Q.useState)(null),p=e=>o(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n}),[m,h]=(0,Q.useState)(null),{images:g,isLoading:_,error:v,activeQueries:y}=r,b=e.showComments===!1?`off`:`caption`;return(0,$.jsxs)(`div`,{className:`flex h-full flex-col`,children:[!n.readOnly&&(0,$.jsx)(zd,{workspaceId:n.workspaceId,state:r,comments:b,onToggleComments:()=>t({...e,showComments:b===`off`})}),i&&(0,$.jsxs)(`div`,{className:`canvas-no-drag flex items-center gap-2 py-1`,children:[(0,$.jsx)(Z,{size:`sm`,variant:`ghost`,onClick:()=>{c(!s),o(new Set)},children:s?`Done selecting`:`Select`}),s&&(0,$.jsx)(Z,{size:`sm`,variant:`ghost`,onClick:()=>o(new Set(g.map(e=>e.id))),children:`Select page`}),a.size>0&&(0,$.jsxs)(Z,{size:`sm`,variant:`outline`,onClick:()=>u([...a]),children:[`Bulk Edit… (`,a.size,`)`]})]}),(0,$.jsx)(`div`,{className:`flex-1 overflow-y-auto p-1`,children:v?(0,$.jsx)(`div`,{className:`p-4 text-sm text-destructive`,children:v}):g.length===0?(0,$.jsx)(`div`,{className:`p-4 text-sm text-muted-foreground`,children:_?`Loading media…`:y.length?`No images or videos match your search.`:`No images or videos in this canvas' context.`}):(0,$.jsx)(`div`,{className:`grid grid-cols-[repeat(auto-fill,minmax(min(120px,100%),1fr))] gap-2 sm:grid-cols-[repeat(auto-fill,minmax(min(200px,100%),1fr))] sm:gap-3`,children:g.map((e,t)=>(0,$.jsxs)(`div`,{className:`relative`,onContextMenu:t=>{i&&(t.preventDefault(),t.stopPropagation(),f({x:t.clientX,y:t.clientY,ids:a.has(e.id)?[...a]:[e.id]}))},children:[(0,$.jsx)(Ld,{workspaceId:n.workspaceId,doc:e,onClick:()=>s?p(e.id):h(t),comments:b}),s&&(0,$.jsx)(`input`,{type:`checkbox`,"aria-label":`Select document ${e.id}`,checked:a.has(e.id),onChange:()=>p(e.id),className:`canvas-no-drag absolute left-2 top-2 h-4 w-4 accent-primary`})]},e.id))})}),d&&(0,$.jsx)(vt,{anchor:d,onClose:()=>f(null),label:`${d.ids.length} image${d.ids.length===1?``:`s`}`,items:[{id:`bulk-edit`,label:`Bulk edit… (${d.ids.length})`,icon:gr,run:()=>u(d.ids)}]}),l&&(0,$.jsx)(Se,{workspaceId:n.workspaceId,documentIds:l,onClose:()=>u(null)}),m!=null&&g[m]&&(0,$.jsx)(Rd,{workspaceId:n.workspaceId,docs:g,index:m,onClose:()=>h(null),onNavigate:h})]})}vd({type:`gallery`,name:`Gallery`,icon:Sr,defaultSize:{w:8,h:6,minW:3,minH:3},mobileHeight:.9,defaultConfig:{pageSize:60,showComments:!0},component:Vd});var Hd=150;function Ud(e){let t=typeof e==`string`?parseFloat(e):e;return Number.isFinite(t)&&t>0?t:0}function Wd(e){let t=e.metadata??{},n=e.data??{};return{w:Ud(t.width)||Ud(t.imageWidth)||Ud(n.width)||Ud(n.imageWidth),h:Ud(t.height)||Ud(t.imageHeight)||Ud(n.height)||Ud(n.imageHeight)}}function Gd(e,t){if(t%9==0)return{cols:2,rows:2};let{w:n,h:r}=Wd(e),i=n&&r?n/r:0;return i>=1.5?{cols:2,rows:1}:i>0&&i<=.66?{cols:1,rows:2}:!i&&t%7==3?{cols:2,rows:1}:{cols:1,rows:1}}function Kd({config:e,setConfig:t,canvas:n}){let r=Fd(n,typeof e.pageSize==`number`?e.pageSize:60),[i,a]=(0,Q.useState)(null),{images:o,isLoading:s,error:c,activeQueries:l}=r,u=e.showComments===!1?`off`:`reveal`;return(0,$.jsxs)(`div`,{className:`flex h-full flex-col`,children:[!n.readOnly&&(0,$.jsx)(zd,{workspaceId:n.workspaceId,state:r,comments:u,onToggleComments:()=>t({...e,showComments:u===`off`})}),(0,$.jsx)(`div`,{className:`flex-1 overflow-y-auto p-1`,children:c?(0,$.jsx)(`div`,{className:`p-4 text-sm text-destructive`,children:c}):o.length===0?(0,$.jsx)(`div`,{className:`p-4 text-sm text-muted-foreground`,children:s?`Loading images…`:l.length?`No images match your search.`:`No images in this canvas' context.`}):(0,$.jsx)(`div`,{className:`grid gap-2`,style:{gridTemplateColumns:`repeat(auto-fill, minmax(${Hd}px, 1fr))`,gridAutoRows:`${Hd}px`,gridAutoFlow:`dense`},children:o.map((e,t)=>{let{cols:r,rows:i}=Gd(e,t);return(0,$.jsx)(`div`,{style:{gridColumn:`span ${r}`,gridRow:`span ${i}`},children:(0,$.jsx)(Ld,{workspaceId:n.workspaceId,doc:e,onClick:()=>a(t),className:`h-full`,comments:u})},e.id)})})}),i!=null&&o[i]&&(0,$.jsx)(Rd,{workspaceId:n.workspaceId,docs:o,index:i,onClose:()=>a(null),onNavigate:a})]})}vd({type:`mosaic`,name:`Mosaic`,icon:si,defaultSize:{w:8,h:7,minW:4,minH:4},mobileHeight:.9,defaultConfig:{pageSize:60,showComments:!0},component:Kd});var qd=`data/schema/task`;function Jd({doc:e,workspaceId:t,readOnly:n,onChanged:r}){let i=ke(e),[a,o]=(0,Q.useState)(!1),{replicating:s,label:c}=is(e),l=i.status===`completed`,u=i.status??`pending`,d=D(i),{activationProps:f,stopRowActivation:p}=Ed(e,t),m=async()=>{if(!(n||a)){o(!0);try{await yn(t,e,l?`pending`:`completed`),r()}catch{}finally{o(!1)}}};return(0,$.jsxs)(`div`,{...f,title:`Open details`,className:`canvas-no-drag flex cursor-pointer items-start gap-2.5 rounded-md border bg-card px-2.5 py-2 transition-colors hover:bg-accent/50 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring ${s?`opacity-60`:``}`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:e=>{p(e),m()},disabled:n||a||s,"aria-pressed":l,title:l?`Mark not done`:`Mark done`,className:`canvas-no-drag mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded border transition-colors ${l?`border-success bg-success text-success-foreground`:`border-input hover:border-success`} ${n?`cursor-default opacity-70`:``}`,children:a?(0,$.jsx)(Ta,{className:`h-2.5 w-2.5 animate-spin`}):l&&(0,$.jsx)(rr,{className:`h-3 w-3`})}),(0,$.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,$.jsx)(`div`,{className:`truncate text-sm ${l?`text-muted-foreground line-through`:``}`,children:i.title||`Todo ${e.id}`}),(0,$.jsxs)(`div`,{className:`mt-0.5 flex flex-wrap items-center gap-1.5 text-[11px]`,children:[(0,$.jsx)(`span`,{className:`rounded-full px-1.5 py-0.5 ${Sn[u]}`,children:N[u]}),i.dueDate&&(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-0.5 ${d?`font-medium text-destructive`:`text-muted-foreground`}`,children:[(0,$.jsx)(fr,{className:`h-3 w-3`}),Ee(i.dueDate)]}),typeof i.priority==`number`&&(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-0.5 text-muted-foreground`,children:[(0,$.jsx)(wi,{className:`h-3 w-3`}),`P`,i.priority]}),s&&(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-1 text-muted-foreground`,role:`status`,children:[(0,$.jsx)(Ta,{className:`h-3 w-3 animate-spin`}),c]})]})]})]})}function Yd({config:e,setConfig:t,canvas:n}){let r=typeof e.pageSize==`number`?e.pageSize:50,[i,a]=(0,Q.useState)([]),[o,s]=(0,Q.useState)(!0),[c,l]=(0,Q.useState)(0),u=n.interactive===!1,d=n.readOnly!==!0,[f,p]=(0,Q.useState)(e.hideDone===!0),m=d?e.hideDone===!0:f,h=n=>{d?t({...e,hideDone:n}):p(n)};(0,Q.useEffect)(()=>{let e=!1;return(async()=>{s(!0);try{let t=await n.fetchDocuments({limit:r,allOf:[qd],sortBy:`tasks`,order:`asc`});if(e)return;a((t.payload||[]).filter(e=>e.schema===Vo))}catch{e||a([])}finally{e||s(!1)}})(),()=>{e=!0}},[n,r,c]),(0,Q.useEffect)(()=>{let e=()=>l(e=>e+1);return window.addEventListener(`workspace:documents:refresh`,e),()=>window.removeEventListener(`workspace:documents:refresh`,e)},[]);let g=(0,Q.useCallback)(()=>l(e=>e+1),[]),_=m?i.filter(e=>ke(e).status!==`completed`):i,v=i.filter(e=>{let t=ke(e).status;return t!==`completed`&&t!==`cancelled`}).length;return(0,$.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,$.jsxs)(`div`,{className:`canvas-no-drag flex items-center justify-between gap-2 border-b px-1 pb-2`,children:[(0,$.jsxs)(`span`,{className:`text-xs text-muted-foreground`,children:[v,` open`]}),(0,$.jsxs)(`label`,{className:`flex items-center gap-1.5 text-xs text-muted-foreground`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:m,onChange:e=>h(e.target.checked),className:`h-3 w-3`}),`Hide done`]})]}),(0,$.jsx)(`div`,{className:`flex-1 space-y-1.5 overflow-y-auto p-1`,children:o&&i.length===0?(0,$.jsx)(`div`,{className:`p-3 text-sm text-muted-foreground`,children:`Loading todos…`}):_.length===0?(0,$.jsx)(`div`,{className:`p-3 text-sm text-muted-foreground`,children:`No todos in this canvas' context.`}):_.map(e=>(0,$.jsx)(Jd,{doc:e,workspaceId:n.workspaceId,readOnly:u,onChanged:g},e.id))})]})}vd({type:`todos`,name:`Todos`,icon:Oi,defaultSize:{w:4,h:6,minW:3,minH:3},mobileHeight:.6,defaultConfig:{pageSize:50,hideDone:!1},component:Yd});function Xd(e){if(!e)return`/`;let t=e.replace(/\/+/g,`/`);return t.startsWith(`/`)?t:`/${t}`}var Zd=`context`;function Qd(e){let t=e=>{try{return decodeURIComponent(e)}catch{return e}},n=e.split(`/`).filter(Boolean);if(n[0]!==`workspaces`)return{treeName:Zd,path:`/`};if(n[2]===`trees`&&n[3]){let e=t(n[3]);if(n[4]!==`path`)return{treeName:e,path:`/`};let r=n.slice(5).map(t).join(`/`);return{treeName:e,path:r?`/${r}`:`/`}}if(n[2]===`path`){let e=n.slice(3).map(t).join(`/`);return{treeName:Zd,path:e?`/${e}`:`/`}}return{treeName:Zd,path:`/`}}function $d(e,t,n){let r=n&&n!==Zd?`/trees/${encodeURIComponent(n)}`:``,i=Xd(t);return`/workspaces/${e}${r}${i===`/`?``:`/path/${i.split(`/`).filter(Boolean).map(encodeURIComponent).join(`/`)}`}`}function ef({canvas:e}){return Yc()!=null||!su()?(0,$.jsx)(`p`,{className:`p-3 text-sm text-muted-foreground`,children:`Workspace pins are available in the signed-in workspace view.`}):(0,$.jsx)(tf,{workspaceId:e.workspaceId},e.workspaceId)}function tf({workspaceId:e}){let[t,n]=(0,Q.useState)([]),[r,i]=(0,Q.useState)(`Workspace`),[a,o]=(0,Q.useState)(!0),[s,c]=(0,Q.useState)(null),[l,u]=(0,Q.useState)(0);return(0,Q.useEffect)(()=>{let t=!1,r=0,a=async()=>{let a=++r;o(!0);try{let[o,s]=await Promise.all([Co(e),as(e)]);if(t||a!==r)return;i(o.label||o.name||`Workspace`),n(s),c(null)}catch{if(t||a!==r)return;n([]),c(`Workspace pins are unavailable. Check your workspace access or try again.`)}finally{!t&&a===r&&o(!1)}},s=()=>{document.visibilityState===`visible`&&a()};a(),window.addEventListener(`focus`,s),document.addEventListener(`visibilitychange`,s);let l=L.on(`pins.changed`,s),u=window.setInterval(s,6e4);return()=>{t=!0,window.removeEventListener(`focus`,s),document.removeEventListener(`visibilitychange`,s),l?.(),window.clearInterval(u)}},[e,l]),(0,$.jsxs)(`div`,{className:`canvas-no-drag flex h-full min-h-0 flex-col`,children:[(0,$.jsxs)(`div`,{className:`flex shrink-0 items-center justify-between gap-2 border-b px-2 pb-2`,children:[(0,$.jsx)(`span`,{className:`truncate text-sm font-medium`,children:r}),(0,$.jsx)(`button`,{type:`button`,title:`Refresh pins`,"aria-label":`Refresh pins`,disabled:a,onClick:()=>u(e=>e+1),className:`rounded p-1.5 text-muted-foreground hover:bg-accent disabled:opacity-40`,children:(0,$.jsx)(qn,{className:`h-3.5 w-3.5 ${a?`animate-spin`:``}`})})]}),(0,$.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto p-1`,children:s?(0,$.jsx)(`p`,{role:`alert`,className:`p-2 text-sm text-muted-foreground`,children:s}):t.length?(0,$.jsx)(`ul`,{className:`space-y-2`,children:t.map(t=>{let n=t.resolvable===!1,r=wt(t.color),i=(0,$.jsxs)($.Fragment,{children:[n?(0,$.jsx)(or,{className:`h-5 w-5 shrink-0 text-warning`}):(0,$.jsx)(f,{icon:t.icon||(t.type===`canvas`?`ph:squares-four-fill`:`ph:folder-fill`),width:22,height:22,color:r,className:`shrink-0`}),(0,$.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,$.jsx)(`p`,{className:`truncate text-sm font-medium`,children:t.label||t.name||t.path}),(0,$.jsxs)(`p`,{className:`truncate text-xs text-muted-foreground`,children:[t.tree,`:`,t.path]}),t.description&&(0,$.jsx)(`p`,{className:`line-clamp-2 text-xs text-muted-foreground`,children:t.description}),n&&(0,$.jsx)(`p`,{className:`text-xs text-warning`,children:`Folder no longer exists`})]})]}),a=`flex items-center gap-3 rounded-(--card-radius) border border-l-4 bg-card p-3`,o={borderLeftColor:r||`transparent`};return(0,$.jsx)(`li`,{children:n?(0,$.jsx)(`div`,{className:`${a} opacity-60`,style:o,children:i}):(0,$.jsx)(We,{to:$d(e,t.path,t.tree),title:`Open ${t.tree}:${t.path}`,className:`${a} transition-colors hover:bg-accent/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring`,style:o,children:i})},t.id)})}):(0,$.jsx)(`p`,{className:`p-2 text-sm text-muted-foreground`,children:a?`Loading pins…`:`No workspace pins yet. Pin a folder from the workspace tree menu.`})})]})}vd({type:`workspace-pins`,name:`Workspace pins`,icon:Or,defaultSize:{w:4,h:6,minW:3,minH:2},mobileHeight:.6,defaultConfig:{},component:ef});function nf({title:e,icon:t,onRemove:n,fill:r,onToggleFill:i,readOnly:a=!1,stacked:o=!1,children:s}){let[c,l]=(0,Q.useState)(!1),u=c?document.getElementById(`content-area`):null,d=(0,$.jsxs)(`div`,{className:c?u?`absolute inset-0 z-40 flex flex-col bg-background`:`fixed inset-0 z-50 flex flex-col bg-background`:`flex flex-col h-full rounded-(--card-radius) border bg-background overflow-hidden`,children:[(0,$.jsxs)(`div`,{className:`canvas-drag-handle flex items-center gap-2 px-2 py-1 border-b bg-muted/30 select-none ${o?``:`cursor-move`}`,children:[t&&(0,$.jsx)(t,{className:`w-3.5 h-3.5 text-muted-foreground shrink-0`}),(0,$.jsx)(`span`,{className:`text-xs font-medium truncate flex-1`,children:e}),!a&&i&&!c&&!o&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(rf,{on:r?.w===!0,onClick:()=>i(`w`),label:`Fill width`,icon:da}),(0,$.jsx)(rf,{on:r?.h===!0,onClick:()=>i(`h`),label:`Fill height`,icon:ur})]}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>l(e=>!e),className:`canvas-no-drag shrink-0 p-0.5 rounded text-muted-foreground hover:text-foreground hover:bg-accent touch-target`,title:c?`Restore`:`Full screen`,children:c?(0,$.jsx)(ni,{className:`w-3.5 h-3.5`}):(0,$.jsx)(na,{className:`w-3.5 h-3.5`})}),!a&&n&&(0,$.jsx)(`button`,{type:`button`,onClick:n,className:`canvas-no-drag shrink-0 p-0.5 rounded text-muted-foreground hover:text-destructive hover:bg-destructive/10 touch-target`,title:`Remove widget`,children:(0,$.jsx)(mr,{className:`w-3.5 h-3.5`})})]}),(0,$.jsx)(`div`,{className:`flex-1 min-h-0 overflow-auto p-2`,children:s})]});return c?(0,Id.createPortal)(d,u??document.body):d}function rf({on:e,onClick:t,label:n,icon:r}){return(0,$.jsx)(`button`,{type:`button`,onClick:t,"aria-pressed":e,title:e?`${n} (on)`:n,className:`canvas-no-drag shrink-0 p-0.5 rounded touch-target ${e?`bg-primary/15 text-primary hover:bg-primary/25`:`text-muted-foreground hover:text-foreground hover:bg-accent`}`,children:(0,$.jsx)(r,{className:`w-3.5 h-3.5`})})}var af=(0,gd.WidthProvider)(gd.default),of=12,sf=80,cf=40,lf=[12,12],uf=[8,8],df={w:!1,h:!1};function ff(e){return Math.max(1,...e.map(e=>e.y+e.h).filter(Number.isFinite))}function pf(e){return Math.max(0,...e.map(e=>e.y+e.h).filter(Number.isFinite))}function mf(e){let t=(e,t)=>typeof e==`number`&&Number.isFinite(e)?e:t;return{...e,x:t(e.x,0),y:t(e.y,0),w:t(e.w,1),h:t(e.h,1)}}function hf(e,t,n=0){let r=n>0?n:ff(e);return e.map(e=>{let n=t[e.i]??df;return!n.w&&!n.h?e:{...e,x:n.w?0:e.x,w:n.w?of:e.w,y:n.h?0:e.y,h:n.h?Math.max(e.minH??1,r):e.h}})}var gf=4;function _f(e,t,n=lf[1]){return Math.max(1,Math.ceil((e-n-gf)/(t+n)))}var vf=45,yf=640;function bf(e,t,n=0,r){let i=[...hf(e,t,n)].sort((e,t)=>e.y-t.y||e.x-t.x),a=0;return i.map(e=>{let t=r?.(e.i)??0,n=Math.max(e.h,e.minH??1,t),i={...e,x:0,w:of,y:a,h:n};return a+=n,i})}var xf=e=>e&&e.trim()?[e]:[];function Sf(e){let t=e?.ui??{},n=Array.isArray(t.layout)?t.layout.map(mf):[],r={};for(let e of n)r[e.i]={w:e.fillW??e.w>=of,h:e.fillH===!0};return{layout:n,fills:r,widgets:t.widgets&&typeof t.widgets==`object`?t.widgets:{}}}function Cf({workspaceId:e,treeName:t,path:n,layerId:r,querySpec:i,metadata:a,isLocked:o=!1,readOnly:s=!1,interactive:c=!0,fetchDocuments:l,onSaved:u}){let d=!s,f=(0,Q.useMemo)(()=>Sf(a),[a]),[p,m]=(0,Q.useState)(f.layout),[h,g]=(0,Q.useState)(f.widgets),[_,v]=(0,Q.useState)(f.fills),y=(0,Q.useRef)(f.fills),[b,x]=(0,Q.useState)(!1),[S,C]=(0,Q.useState)(!1),[w,T]=(0,Q.useState)(!1),[E,D]=(0,Q.useState)(null),[O,k]=(0,Q.useState)(!1),[A,j]=(0,Q.useState)(0),M=(0,Q.useRef)(0),N=(0,Q.useCallback)(e=>{y.current=e,v(e)},[]),[P,ee]=(0,Q.useState)(()=>vn(i?.sort)),F=(0,Q.useRef)(!1),[I,te]=(0,Q.useState)(()=>xf(i?.query)),L=(0,Q.useRef)(!1),R=(0,Q.useRef)(null),ne=(0,Q.useRef)(f),z=(0,Q.useCallback)(e=>{let t=yd(h[e]?.type??``)?.mobileHeight;if(!(!t||A<=0))return Math.max(1,Math.round(A*t))},[h,A]),re=(0,Q.useMemo)(()=>O?bf(p,_,A,z):hf(p,_,A),[p,_,O,A,z]),ie=O?cf:sf,ae=(0,Q.useMemo)(()=>JSON.stringify(a?.ui??null),[a?.ui]);(0,Q.useEffect)(()=>{let e=Sf(a);m(e.layout),g(e.widgets),N(e.fills),ne.current=e,ee(vn(i?.sort)),F.current=!1,te(xf(i?.query)),L.current=!1,C(!1)},[n,r]),(0,Q.useEffect)(()=>{if(!s)return;let e=Sf(a);m(e.layout),g(e.widgets),N(e.fills),ne.current=e},[s,ae,a,N]),(0,Q.useEffect)(()=>{let e=R.current;if(!e)return;let t=()=>{let t=e.clientHeight,n=e.clientWidth>0&&e.clientWidth<yf;k(n),M.current=t,e.style.setProperty(`--canvas-host-h`,`${t}px`);let r=n?uf:lf;e.style.setProperty(`--canvas-grid-gutter`,`${r[1]}px`),t>0&&j(_f(t,n?cf:sf,r[1]))};t();let n=new ResizeObserver(t);return n.observe(e),()=>n.disconnect()},[p]);let oe=(0,Q.useCallback)(e=>{ee(e),F.current=!0,C(!0)},[]),se=(0,Q.useCallback)(e=>{te(e),L.current=!0,C(!0)},[]),B=(0,Q.useMemo)(()=>({workspaceId:e,treeName:t,path:n,layerId:r,querySpec:i,readOnly:!d,interactive:c,canvasSort:P,setCanvasSort:d?oe:void 0,canvasQueries:I,setCanvasQueries:d?se:void 0,fetchDocuments:l??(async r=>{let i;if(r?.anyOf?.length&&(i=((await pc(e,n,t,{anyOf:r.anyOf,limit:0,applyCanvasSpec:!1})).payload||[]).map(e=>e.id),!i.length))return{payload:[],count:0,totalCount:0};let a=await pc(e,n,t,{...r,anyOf:void 0,ids:i});return{payload:a.payload||[],count:a.count??void 0,totalCount:a.totalCount??void 0}})}),[e,t,n,r,i,d,c,l,P,oe,I,se]),V=(0,Q.useCallback)((e,t,n)=>{ne.current={layout:e,widgets:t,fills:n??y.current},C(!0)},[]),H=(0,Q.useCallback)(async()=>{if(!(!d||w)){T(!0),D(null);try{let r={widgets:ne.current.widgets,layout:ne.current.layout.map(e=>({...e,fillW:y.current[e.i]?.w===!0,fillH:y.current[e.i]?.h===!0}))};ne.current={...r,fills:y.current};let o=F.current||L.current?{...i||{},...F.current?{sort:P.sortBy?P:null}:{},...L.current?{query:I.join(` `).trim()||null}:{}}:void 0;await vc(e,n,t,{...a||{},ui:r},o),F.current=!1,L.current=!1,C(!1),window.dispatchEvent(new CustomEvent(`workspace:tree:refresh`,{detail:{workspaceName:e,treeName:t}})),u?.()}catch(e){let t=e instanceof Error?e.message:`Save failed`;D(t),console.error(`Failed to save canvas layout:`,e)}finally{T(!1)}}},[d,w,e,n,t,a,u,i,P,I]),U=(0,Q.useCallback)(e=>{!d||O||m(t=>{let n=e.map(e=>{let n=t.find(t=>t.i===e.i),r=y.current[e.i];return n?{...e,x:r?.w?n.x:e.x,w:r?.w?n.w:e.w,y:r?.h?n.y:e.y,h:r?.h?n.h:e.h}:e});return V(n,h),n})},[d,O,V,h]),ce=(0,Q.useCallback)((e,t,n)=>{if(!d)return;let r=y.current[n.i]??df,i=lf[1]+(n.y+n.h)*(sf+lf[1]),a={w:n.x+n.w>=of,h:M.current>0&&i>=M.current-vf};if(a.w||=r.w&&n.w===t.w,a.h||=r.h&&n.h===t.h,a.w===r.w&&a.h===r.h)return;let o={...y.current,[n.i]:a};N(o),V(ne.current.layout,h,o)},[d,N,V,h]),le=(0,Q.useCallback)((e,t)=>{if(!d)return;let n=y.current[e]??df,r={...y.current,[e]:{...n,[t]:!n[t]}};N(r),V(p,h,r)},[d,N,V,p,h]),ue=(0,Q.useCallback)(e=>{let t=yd(e);if(!t)return;let n=crypto.randomUUID(),{w:r,h:i,minW:a,minH:o,maxW:s,maxH:c}=t.defaultSize,l=[...p,{i:n,x:0,y:pf(re),w:r,h:i,minW:a,minH:o,maxW:s,maxH:c}],u={...h,[n]:{type:e,config:{...t.defaultConfig||{}}}},d={...y.current,[n]:{w:r>=of,h:!1}};m(l),g(u),N(d),x(!1),V(l,u,d)},[p,re,h,N,V]),de=(0,Q.useCallback)(e=>{let t=p.filter(t=>t.i!==e),n={...h};delete n[e];let r={...y.current};delete r[e],m(t),g(n),N(r),V(t,n,r)},[p,h,N,V]),fe=(0,Q.useCallback)((e,t)=>{g(n=>{let r={...n,[e]:{...n[e],config:t}};return V(p,r),r})},[p,V]),pe=Object.keys(h);return(0,$.jsxs)(`div`,{className:`flex flex-col h-full min-h-0`,children:[d&&(0,$.jsxs)(`div`,{className:`flex items-center gap-2 px-2 py-1.5 border-b shrink-0 sm:px-3`,children:[(0,$.jsxs)(`div`,{className:`relative shrink-0`,children:[(0,$.jsxs)(`button`,{type:`button`,onClick:()=>x(e=>!e),className:`flex items-center gap-1.5 whitespace-nowrap px-2.5 py-1 text-xs border rounded-md hover:bg-accent`,children:[(0,$.jsx)(Wi,{className:`w-3.5 h-3.5`}),`Add`,(0,$.jsx)(`span`,{className:`hidden sm:inline`,children:` widget`})]}),b&&(0,$.jsx)(`div`,{className:`absolute left-0 top-full mt-1 z-20 w-48 rounded-md border bg-popover shadow-elevation-2 py-1`,children:bd().map(e=>(0,$.jsxs)(`button`,{type:`button`,onClick:()=>ue(e.type),className:`flex items-center gap-2 w-full px-3 py-1.5 text-xs text-left hover:bg-accent`,children:[(0,$.jsx)(e.icon,{className:`w-3.5 h-3.5 text-muted-foreground`}),e.name]},e.type))})]}),(0,$.jsxs)(`button`,{type:`button`,onClick:H,disabled:!S||w,className:J(`flex shrink-0 items-center gap-1.5 whitespace-nowrap px-2.5 py-1 text-xs rounded-md transition-colors disabled:opacity-50`,S?`bg-primary text-primary-foreground hover:bg-primary`:`border hover:bg-accent`),children:[(0,$.jsx)(zr,{className:`w-3.5 h-3.5`}),w?`Saving…`:`Save`]}),(0,$.jsxs)(`span`,{className:`min-w-0 truncate text-xs text-muted-foreground`,children:[pe.length,` widget`,pe.length===1?``:`s`,S?` · unsaved`:``,E?` · ${E}`:``]})]}),(0,$.jsx)(`div`,{ref:R,className:`canvas-grid-host flex-1 min-h-0 bg-muted/10 overflow-y-auto overflow-x-hidden`,children:pe.length===0?(0,$.jsxs)(`div`,{className:`flex flex-col items-center justify-center h-full gap-2 text-sm text-muted-foreground`,children:[(0,$.jsx)(`p`,{children:`No widgets yet.`}),d&&(0,$.jsx)(`p`,{className:`text-xs`,children:`Use “Add widget” to place one on the canvas.`})]}):(0,$.jsx)(af,{className:`layout`,layout:re,cols:of,rowHeight:ie,margin:O?uf:lf,isDraggable:d&&!O,isResizable:d&&!O,resizeHandles:[`s`,`e`,`se`],draggableHandle:`.canvas-drag-handle`,draggableCancel:`.canvas-no-drag`,onLayoutChange:U,onResizeStop:ce,compactType:`vertical`,children:pe.map(e=>{let t=h[e],n=yd(t.type),r=_[e]??df,i=[r.w?`w`:``,r.h?`h`:``].filter(Boolean).join(` `);return(0,$.jsx)(`div`,{"data-fill":i||void 0,children:n?(0,$.jsx)(nf,{title:n.name,icon:n.icon,readOnly:!d,stacked:O,onRemove:()=>de(e),fill:_[e]??df,onToggleFill:d?t=>le(e,t):void 0,children:(0,$.jsx)(n.component,{config:t.config??{...n.defaultConfig||{}},setConfig:t=>fe(e,t),canvas:B})}):(0,$.jsx)(nf,{title:`Unknown: ${t.type}`,readOnly:!d,stacked:O,onRemove:()=>de(e),children:(0,$.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:`This widget type is not available.`})})},e)})})})]})}var wf=`data/schema/file`;function Tf(e){return String(e.locations?.[0]?.url||``).trim()}function Ef(e){let t=Tf(e);if(!t)return``;let n=t.split(/[?#]/)[0].split(`/`).filter(Boolean).pop()||``;try{return decodeURIComponent(n)}catch{return n}}function Df(e){return e.schema===wf&&String(e.metadata?.contentType||``).startsWith(`image/`)}function Of(e){let t=Number(e);return!Number.isFinite(t)||t<0?``:t<1024?`${t} B`:t<1048576?`${(t/1024).toFixed(1)} KB`:`${(t/1024/1024).toFixed(1)} MB`}function kf(e){if(e.schema!==wf)return os(e);let t=Ef(e),n=String(e.metadata?.contentType||``).trim(),r=Of(e.metadata?.size);return{...os(e),title:t||`File ${e.id}`,preview:[n,r].filter(Boolean).join(` · `),subtitle:Tf(e),schemaLabel:`file`}}function Af(e){return/^https?:\/\/[^\s]+$/i.test(e)}function jf(e,t){if(e.schema===`data/schema/tab`){let t=String(e.data?.url||``).trim();return Af(t)?t:null}return t.isExternal&&Af(t.subtitle)?t.subtitle:Af(t.title)?t.title:null}function Mf(e,t,n=!1){return Rc(e,t,{download:n})}function Nf(e){return e.split(/(https?:\/\/[^\s]+)/gi).map((e,t)=>Af(e)?(0,$.jsx)(`a`,{href:e,target:`_blank`,rel:`noreferrer`,className:`underline decoration-muted-foreground underline-offset-2 hover:text-primary`,children:e},`${e}-${t}`):e)}function Pf(e){return e?new Date(e).toLocaleString():``}function Ff(){let{code:e=``}=Ft(),[t,n]=(0,Q.useState)(null),[r,i]=(0,Q.useState)(!0),[a,o]=(0,Q.useState)(null),[s,c]=(0,Q.useState)(!1),[l,u]=(0,Q.useState)(``),d=(0,Q.useMemo)(()=>t?.documents?Array.isArray(t.documents)?t.documents:t.documents.data||[]:[],[t]),f=(0,Q.useMemo)(()=>{let e=l.trim().toLowerCase();return e?d.filter(t=>{let n=kf(t);return[t.schema,n.title,n.preview,n.subtitle,Ef(t),t.metadata?.contentType].join(` `).toLowerCase().includes(e)}):d},[d,l]),p=(0,Q.useCallback)(async()=>{if(e){i(!0);try{let t=await X.get(`${po}/pub/c/${encodeURIComponent(e)}`,{skipAuth:!0});n(t),o(null)}catch(e){n(null),o(e instanceof Error?e.message:`Failed to load public canvas`)}finally{i(!1)}}},[e]);(0,Q.useEffect)(()=>{p()},[p]),(0,Q.useEffect)(()=>{if(!e)return;let t=ho(`${mo}/pub`,{transports:[`websocket`],auth:{code:e},reconnection:!0,reconnectionAttempts:10,reconnectionDelay:1500});return t.on(`connect`,()=>c(!0)),t.on(`disconnect`,()=>c(!1)),t.on(`connect_error`,()=>c(!1)),t.on(`canvas:changed`,()=>p()),()=>{t?.disconnect(),t=null}},[e,p]);let m=(0,Q.useCallback)(e=>{e?.preventDefault(),u(l.trim())},[l]),h=(0,Q.useCallback)(()=>{u(``)},[]),g=(0,Q.useCallback)(async e=>({payload:Qs(e?.sortBy)?$o(d,e.sortBy,e?.order):d,totalCount:t?.stats.documentCount??d.length}),[d,t]);if(r&&!t)return(0,$.jsx)(`main`,{className:`min-h-screen bg-muted flex items-center justify-center p-6`,children:(0,$.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Loading canvas...`})});if(a||!t)return(0,$.jsxs)(`main`,{className:`min-h-screen bg-muted flex flex-col items-center justify-center p-6`,children:[(0,$.jsxs)(Nl,{className:`max-w-md bg-card`,children:[(0,$.jsx)(Pl,{children:(0,$.jsx)(Fl,{children:`Canvas unavailable`})}),(0,$.jsx)(Ll,{className:`text-sm text-muted-foreground`,children:a||`This public canvas does not exist.`})]}),(0,$.jsx)($l,{className:`mt-6 text-center`})]});let _=t.canvas.metadata?.ui??{},v=!!_.widgets&&Object.keys(_.widgets).length>0;return(0,$.jsx)(Vc.Provider,{value:e,children:(0,$.jsx)(`main`,{className:`min-h-screen bg-muted p-2 text-foreground sm:p-4 md:p-10`,children:(0,$.jsxs)(`div`,{className:`mx-auto max-w-6xl`,children:[(0,$.jsxs)(Nl,{className:`bg-card shadow-elevation-3`,children:[(0,$.jsx)(Pl,{className:`border-b p-3 sm:p-6`,children:(0,$.jsxs)(`div`,{className:`flex flex-col gap-3 md:flex-row md:items-start md:justify-between md:gap-4`,children:[(0,$.jsxs)(`div`,{className:`flex min-w-0 gap-3 sm:gap-4`,children:[(0,$.jsx)(`div`,{className:`mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-accent text-primary sm:mt-1 sm:h-12 sm:w-12 sm:rounded-2xl`,style:t.canvas.color?{borderLeft:`4px solid ${t.canvas.color}`}:void 0,children:(0,$.jsx)(si,{className:`h-5 w-5 sm:h-6 sm:w-6`})}),(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`span`,{className:`truncate text-xs uppercase tracking-wide text-muted-foreground`,children:t.workspace.label||t.workspace.name}),(0,$.jsxs)(`span`,{className:`flex shrink-0 items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] text-muted-foreground md:hidden`,children:[s?(0,$.jsx)(Ha,{className:`h-3 w-3 text-success`}):(0,$.jsx)(Ln,{className:`h-3 w-3 text-muted-foreground`}),s?`Live`:`Offline`]})]}),(0,$.jsx)(Fl,{className:`mt-0.5 truncate text-2xl sm:mt-1 sm:text-3xl md:text-5xl`,children:t.canvas.label||t.canvas.name||`Canvas`}),t.canvas.description&&(0,$.jsx)(`p`,{className:`mt-1.5 max-w-3xl text-sm text-muted-foreground sm:mt-3 sm:text-base`,children:t.canvas.description})]})]}),(0,$.jsxs)(`div`,{className:`hidden shrink-0 items-center gap-2 rounded-full border px-3 py-1 text-xs text-muted-foreground md:flex`,children:[s?(0,$.jsx)(Ha,{className:`h-3.5 w-3.5 text-success`}):(0,$.jsx)(Ln,{className:`h-3.5 w-3.5 text-muted-foreground`}),s?`Live`:`Offline`]})]})}),(0,$.jsxs)(Ll,{className:`space-y-4 p-3 sm:space-y-6 sm:p-6 md:p-8`,children:[(0,$.jsxs)(`section`,{className:`flex flex-wrap items-baseline gap-x-2 gap-y-1 text-xs text-muted-foreground md:hidden`,children:[(0,$.jsx)(`span`,{className:`w-full truncate font-mono text-foreground`,children:t.share.path}),(0,$.jsxs)(`span`,{className:`tabular-nums`,children:[t.stats.documentCount,` docs`]}),f.length!==t.stats.documentCount&&(0,$.jsxs)(`span`,{className:`tabular-nums`,children:[`· `,f.length,` shown`]}),(0,$.jsxs)(`span`,{className:`truncate`,children:[`· `,Pf(t.stats.refreshedAt)]})]}),(0,$.jsxs)(`section`,{className:`hidden gap-3 md:grid md:grid-cols-4`,children:[(0,$.jsx)(If,{label:`Path`,value:t.share.path,mono:!0}),(0,$.jsx)(If,{label:`Documents`,value:String(t.stats.documentCount)}),(0,$.jsx)(If,{label:`Shown`,value:String(f.length)}),(0,$.jsx)(If,{label:`Refreshed`,value:Pf(t.stats.refreshedAt)})]}),v&&(0,$.jsx)(`section`,{id:`content-area`,className:`flex w-full flex-col overflow-hidden rounded-2xl border h-viewport-card min-h-[420px] md:h-viewport-pane`,children:(0,$.jsx)(Cf,{workspaceId:t.workspace.name,treeName:t.share.treeName,path:t.share.path,layerId:t.canvas.id,querySpec:t.canvas.querySpec,metadata:t.canvas.metadata,readOnly:!0,interactive:!1,fetchDocuments:g},JSON.stringify(_))}),!v&&(0,$.jsxs)(`section`,{className:`rounded-2xl border`,children:[(0,$.jsxs)(`div`,{className:`flex flex-col gap-3 border-b px-4 py-3 md:flex-row md:items-center md:justify-between`,children:[(0,$.jsx)(`h2`,{className:`font-semibold`,children:`Content`}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-2 md:flex-row md:items-center`,children:[(0,$.jsxs)(`form`,{onSubmit:m,className:`flex min-w-0 items-center gap-2`,children:[(0,$.jsxs)(`div`,{className:`relative min-w-0`,children:[(0,$.jsx)(ja,{className:`pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground`}),(0,$.jsx)(`input`,{type:`search`,value:l,onChange:e=>u(e.target.value),placeholder:`Search loaded documents...`,className:`w-full rounded-md border py-1.5 pl-9 pr-8 text-sm md:w-72`}),l&&(0,$.jsx)(`button`,{type:`button`,onClick:h,className:`absolute right-2 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground`,"aria-label":`Clear search`,children:(0,$.jsx)(mr,{className:`h-4 w-4`})})]}),(0,$.jsx)(`button`,{type:`submit`,className:`rounded-md border px-3 py-1.5 text-xs hover:bg-muted`,children:`Search`})]}),(0,$.jsxs)(`button`,{type:`button`,onClick:p,className:`inline-flex items-center justify-center gap-2 rounded-md border px-3 py-1.5 text-xs hover:bg-muted`,children:[(0,$.jsx)(qn,{className:`h-3.5 w-3.5 ${r?`animate-spin`:``}`}),`Refresh`]})]})]}),l.trim()&&(0,$.jsxs)(`div`,{className:`border-b bg-muted px-4 py-2 text-xs text-muted-foreground`,children:[`Local search: `,(0,$.jsxs)(`span`,{className:`font-mono`,children:[`"`,l.trim(),`"`]})]}),(0,$.jsx)(`div`,{className:`divide-y`,children:f.length===0?(0,$.jsx)(`div`,{className:`p-8 text-center text-sm text-muted-foreground`,children:l.trim()?`No loaded documents match your search.`:`No documents yet.`}):f.map(t=>{let n=kf(t),r=jf(t,n),i=t.schema===wf,a=i?Mf(e,t.id):null,o=a||r;return(0,$.jsxs)(`article`,{className:`p-4`,children:[(0,$.jsxs)(`div`,{className:`flex flex-col gap-1 md:flex-row md:items-start md:justify-between`,children:[(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsx)(`h3`,{className:`truncate font-medium`,children:o?(0,$.jsx)(`a`,{href:o,target:`_blank`,rel:`noreferrer`,className:`hover:text-primary hover:underline`,children:n.title}):n.title}),(0,$.jsx)(`div`,{className:`mt-1 font-mono text-xs text-muted-foreground`,children:n.schemaLabel})]}),(0,$.jsxs)(`div`,{className:`flex shrink-0 items-center gap-3`,children:[i&&(0,$.jsxs)(`a`,{href:Mf(e,t.id,!0),download:n.title,className:`inline-flex items-center gap-1 rounded-md border px-2 py-1 text-xs text-muted-foreground hover:bg-muted hover:text-foreground`,children:[(0,$.jsx)(Pi,{className:`h-3.5 w-3.5`}),`Download`]}),(0,$.jsx)(`time`,{className:`text-xs text-muted-foreground`,children:Pf(t.updatedAt||t.createdAt)})]})]}),n.preview&&(0,$.jsx)(`p`,{className:`mt-3 line-clamp-3 text-sm leading-6 text-foreground`,children:Nf(n.preview)}),Df(t)&&(0,$.jsx)(`a`,{href:a||void 0,target:`_blank`,rel:`noreferrer`,className:`mt-3 block w-fit`,children:(0,$.jsx)(`img`,{src:a||void 0,alt:n.title,loading:`lazy`,className:`max-h-64 max-w-full rounded border bg-muted object-contain transition-opacity hover:opacity-90`})})]},t.id)})})]})]})]}),(0,$.jsx)($l,{className:`mt-6 text-center`})]})})})}function If({label:e,value:t,mono:n=!1}){return(0,$.jsxs)(`div`,{className:`min-w-0 rounded-xl border bg-muted p-4`,children:[(0,$.jsx)(`div`,{className:`text-xs uppercase tracking-wide text-muted-foreground`,children:e}),(0,$.jsx)(`div`,{className:`mt-2 truncate text-lg font-semibold ${n?`font-mono text-sm`:``}`,children:t||`-`})]})}var Lf={title:``,content:``,comment:``,tags:[]};function Rf(e,t,n=`add`){let r=fe(),i=Jc(`new:${n}:${e?.mode===`workspace`?`${e.workspaceName}:${e.treeName}:${e.path}`:e?.contextId??`home`}`),a=e=>async(n,i,a)=>{let o=typeof i.workspace==`string`?i.workspace:(await sl(e)).workspaceName,s=await r.capture(),c={schema:`data/schema/note`,schemaVersion:`2.0`,comment:n.comment,data:{title:n.title.trim(),content:n.content},metadata:{features:Kc(n.tags),...s?{geo:s}:{}}},l=typeof i.id==`number`?i.id:void 0;if(l==null){let t=await vl(e,[c],{refresh:!1});if(!t.length)throw Error(`The server did not return the saved note`);l=t[0],a({id:l,workspace:o})}else await kc(o,{...c,id:l});await t?.([l]),bl(e)},o=Uc(i,Lf,{retainAfterSave:!0,valid:e=>!!e.content.trim(),save:e?a(e):void 0});async function s(e){await o.saveWith(a(e));let t=o.getSnapshot().meta.id;if(typeof t!=`number`)throw Error(`Write a note before saving`);return[t]}return{...o.value,status:o.status,error:o.error,storageError:o.storageError,setTitle:e=>o.update({title:e}),setContent:e=>o.update({content:e}),setComment:e=>o.update({comment:e}),setTags:e=>o.update({tags:e}),saving:o.status===`saving`,canSave:!!o.value.content.trim()&&o.status!==`saving`,save:s,finish:o.clear,retry:o.flush,geotag:r}}var zf=(0,Q.createContext)(void 0);function Bf(){let e=(0,Q.useContext)(zf),t=il()?.state,n=!!t,r=t?.activeContextType,i=t?.activeContextId,a=t?.activeWorkspaceName,o=t?.activeContextPath,s=t?.activeTreeName;return(0,Q.useMemo)(()=>e===void 0?n?r===`context`&&i?{mode:`context`,contextId:i}:a&&o?{mode:`workspace`,workspaceName:a,path:o,treeName:s||`context`,treeType:s===`directory`||s===`backends`?`directory`:`context`}:null:null:e,[e,n,r,i,a,o,s])}function Vf({value:e,onChange:t,onBlur:n,placeholder:r,innerRef:i}){let a=(0,Q.useRef)(null),o=(0,Q.useCallback)(()=>{let e=a.current;e&&(e.style.height=`auto`,e.style.height=`${e.scrollHeight}px`)},[]);return(0,Q.useEffect)(()=>{o()},[e,o]),(0,$.jsx)(`textarea`,{ref:e=>{a.current=e,i?.(e)},value:e,onChange:e=>t(e.target.value),onBlur:n,placeholder:r,rows:1,spellCheck:!1,className:`w-full resize-none overflow-hidden border-0 bg-transparent p-0 text-sm leading-relaxed text-foreground outline-none placeholder:text-muted-foreground/60`})}function Hf({onLinkTo:e,onDelete:t}){return(0,$.jsxs)(`span`,{className:`reveal-on-hover flex items-center gap-0.5`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:e,className:`rounded p-1 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground`,"aria-label":`Link to…`,title:`Link to…`,children:(0,$.jsx)(Ri,{className:`h-3.5 w-3.5`})}),(0,$.jsx)(`button`,{type:`button`,onClick:t,className:`rounded p-1 text-muted-foreground transition-colors hover:bg-muted hover:text-destructive`,"aria-label":`Delete`,title:`Delete (moves to trash)`,children:(0,$.jsx)(Xr,{className:`h-3.5 w-3.5`})})]})}function Uf({documentId:e,workspaceName:t,onClose:n}){let{showSuccessToast:r,showErrorToast:i}=So(),[a,o]=(0,Q.useState)(!1);return(0,$.jsx)(Ie,{onClose:n,children:(0,$.jsx)(Je,{onClose:n,onConfirm:async(t,a)=>{if(t.length){o(!0);try{for(let n of t)await Ss(a.workspaceName,n,[e],a.treeName,a.treeType);r(`Linked to ${t.length} path${t.length>1?`s`:``}`),n()}catch(e){i(e instanceof Error?e.message:`Failed to link document`),o(!1)}}},documentCount:1,saving:a,sizeClassName:T,tabs:t?[`context`,`directory`,`relations`]:[`context`,`directory`],relationWorkspaceName:t,relationExcludeIds:new Set([e]),onConfirmRelation:async({predicate:a,direction:s,targetIds:c})=>{if(!(!t||!c.length)){o(!0);try{await Ec(t,e,a,c,s),r(`Related to ${c.length} document${c.length===1?``:`s`}`),He(),n()}catch(e){i(e instanceof Error?e.message:`Failed to create relation`),o(!1)}}}})})}var Wf=1200;function Gf(e){let t=new Date(e);return Number.isNaN(t.getTime())?e:t.toLocaleDateString(void 0,{year:`numeric`,month:`short`,day:`numeric`})+` `+t.toLocaleTimeString(void 0,{hour:`2-digit`,minute:`2-digit`})}function Kf(e,t){let[n,r]=(0,Q.useState)([]),[i,a]=(0,Q.useState)(!1),[o,s]=(0,Q.useState)(null),[c,l]=(0,Q.useState)(null),u=(0,Q.useCallback)(()=>{if(!e)return Promise.resolve();if(e.mode===`context`){let{contextId:n}=e;return Promise.all([gl(n,[t]),yl(n)]).then(([e,t])=>{r(Array.isArray(e)?e:[]);let n=t.workspaceName||t.workspaceId;l(n?{workspaceName:n,path:t.path||`/`,treeName:t.treeId||`context`,treeType:`context`}:null)}).catch(e=>s(e instanceof Error?e.message:`Failed to load documents`)).finally(()=>a(!1))}let{workspaceName:n,path:i,treeName:o,treeType:c}=e;return Xs(n,i,[t],{treeName:o,treeType:c,limit:50}).then(e=>{r(e.payload||[]),l({workspaceName:n,path:i,treeName:o,treeType:c})}).catch(e=>s(e instanceof Error?e.message:`Failed to load documents`)).finally(()=>a(!1))},[e,t]),d=(0,Q.useCallback)(async()=>{if(!e){r([]),l(null);return}a(!0),s(null),await u()},[e,u]),[f,p]=(0,Q.useState)(null);return(!f||f.target!==e||f.schema!==t)&&(p({target:e,schema:t}),e?(a(!0),s(null)):(r([]),l(null))),(0,Q.useEffect)(()=>{u()},[u]),(0,Q.useEffect)(()=>{let e=()=>d();return window.addEventListener(`workspace:documents:refresh`,e),()=>window.removeEventListener(`workspace:documents:refresh`,e)},[d]),{docs:n,setDocs:r,loading:i,error:o,scope:c,reload:d,removeDoc:(0,Q.useCallback)(async e=>{if(!c)throw Error(`No workspace scope resolved`);await Fo(c.workspaceName,[e],c.path,[],c.treeName,c.treeType),r(t=>t.filter(t=>t.id!==e))},[c])}}function qf({doc:e,updateWorkspace:t,registerEl:n,registerBody:r,highlighted:i,onLinkTo:a,onDelete:o}){let s=zc(e,t||``,!!t),{title:c,content:l,setTitle:u,setContent:d}=s,f=()=>{s.save().catch(()=>{})};return(0,$.jsxs)(`div`,{ref:t=>n(e.id,t),className:J(`group border-t border-border/60 px-4 py-3 transition-colors`,i&&`bg-primary/5`),children:[(0,$.jsxs)(`div`,{className:`mb-1 flex items-baseline justify-between gap-2`,children:[(0,$.jsxs)(`span`,{className:`text-[10px] uppercase tracking-wide text-muted-foreground/70`,children:[Gf(e.createdAt),` · #`,e.id]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-1 text-[10px] text-muted-foreground/70`,children:[(0,$.jsx)(qc,{...s,onRetry:s.save}),(0,$.jsx)(Hf,{onLinkTo:a,onDelete:o})]})]}),(0,$.jsx)(`input`,{value:c,onChange:e=>u(e.target.value),onBlur:f,placeholder:`Untitled`,spellCheck:!1,className:`mb-1 w-full border-0 bg-transparent p-0 text-sm font-semibold text-foreground outline-none placeholder:text-muted-foreground/50`}),(0,$.jsx)(Vf,{value:l,onChange:d,onBlur:f,innerRef:t=>r(e.id,t)})]})}function Jf({target:e,onCreated:t,onCancel:n}){let r=Rf(e,void 0,`applet`),{title:i,content:a,setTitle:o,setContent:s,saving:c}=r,[l,u]=(0,Q.useState)(null),d=async()=>{try{await r.save(e),r.finish(),t()}catch(e){u(e instanceof Error?e.message:`Failed to save note`)}};return(0,$.jsxs)(`div`,{className:`border-t border-border/60 bg-muted/30 px-4 py-3`,children:[(0,$.jsxs)(`div`,{className:`mb-1 flex items-baseline justify-between`,children:[(0,$.jsx)(`span`,{className:`text-[10px] uppercase tracking-wide text-muted-foreground/70`,children:`New note`}),(0,$.jsx)(`button`,{type:`button`,onClick:n,className:`text-muted-foreground hover:text-foreground`,"aria-label":`Close note`,children:(0,$.jsx)(mr,{className:`h-3 w-3`})})]}),(0,$.jsx)(`input`,{value:i,onChange:e=>o(e.target.value),placeholder:`Untitled`,autoFocus:!0,spellCheck:!1,className:`mb-1 w-full border-0 bg-transparent p-0 text-sm font-semibold text-foreground outline-none placeholder:text-muted-foreground/50`}),(0,$.jsx)(Vf,{value:a,onChange:s,placeholder:`Write your note…`}),(0,$.jsx)(qc,{...r,onRetry:r.retry}),l&&(0,$.jsx)(`p`,{className:`mt-1 text-xs text-destructive`,children:l}),(0,$.jsx)(`div`,{className:`mt-2 flex justify-end`,children:(0,$.jsx)(`button`,{type:`button`,onClick:d,disabled:!a.trim()||c,className:`rounded-md bg-primary px-2.5 py-1 text-xs text-primary-foreground disabled:opacity-50`,children:c?`Saving…`:`Done`})})]})}function Yf({autoAdd:e=!1}){let t=Bf(),{docs:n,loading:r,error:i,scope:a,reload:o,removeDoc:s}=Kf(t,ys),[c,l]=(0,Q.useState)(``),[u,d]=(0,Q.useState)(0),[f,p]=(0,Q.useState)(`desc`),[m,h]=(0,Q.useState)(e),[g,_]=(0,Q.useState)(null),v=(0,Q.useRef)(new Map),y=(0,Q.useRef)(new Map),b=(0,Q.useCallback)((e,t)=>{t?v.current.set(e,t):v.current.delete(e)},[]),x=(0,Q.useCallback)((e,t)=>{t?y.current.set(e,t):y.current.delete(e)},[]),S=(0,Q.useCallback)(async e=>{let t=e.data?.title?`"${e.data.title}"`:`#${e.id}`;if(window.confirm(`Delete note ${t}?\n\nIt is removed from this path and moves to the workspace trash if nothing else links it.`))try{await s(e.id)}catch{}},[s]),C=(0,Q.useMemo)(()=>{let e=[...n];return e.sort((e,t)=>{let n=new Date(e.createdAt).getTime()-new Date(t.createdAt).getTime();return f===`asc`?n:-n}),e},[n,f]),w=(0,Q.useMemo)(()=>{let e=c.trim().toLowerCase();if(!e)return[];let t=[];for(let n of C){let r=String(n.data?.content??``),i=String(n.data?.title??``),a=r.toLowerCase().indexOf(e);a>=0?t.push({docId:n.id,offset:a}):i.toLowerCase().includes(e)&&t.push({docId:n.id,offset:-1})}return t},[c,C]),T=w.length?w[Math.min(u,w.length-1)]:null;(0,Q.useEffect)(()=>{T&&v.current.get(T.docId)?.scrollIntoView({block:`center`,behavior:`smooth`})},[T]);let E=(0,Q.useCallback)(e=>{if(!w.length)return;let t=e?(u+1)%w.length:u;e&&d(t);let n=w[t],r=y.current.get(n.docId);r&&n.offset>=0&&(r.focus(),r.setSelectionRange(n.offset,n.offset+c.trim().length)),v.current.get(n.docId)?.scrollIntoView({block:`center`,behavior:`smooth`})},[w,u,c]);return t?(0,$.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,$.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2 border-b border-border px-3 py-2`,children:[(0,$.jsxs)(`div`,{className:`relative flex-1`,children:[(0,$.jsx)(ja,{className:`pointer-events-none absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground`}),(0,$.jsx)(`input`,{value:c,onChange:e=>{l(e.target.value),d(0)},onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),E(!0))},placeholder:`Search notes…`,spellCheck:!1,className:`w-full rounded-md border border-input bg-transparent py-1 pl-7 pr-14 text-xs outline-none placeholder:text-muted-foreground focus-visible:ring-1 focus-visible:ring-ring`}),c.trim()&&(0,$.jsx)(`span`,{className:`absolute right-2 top-1/2 -translate-y-1/2 text-[10px] tabular-nums text-muted-foreground`,children:w.length?`${Math.min(u+1,w.length)}/${w.length}`:`0/0`})]}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>p(e=>e===`desc`?`asc`:`desc`),className:`rounded-md border border-border p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground`,title:f===`desc`?`Newest first (click for oldest first)`:`Oldest first (click for newest first)`,"aria-label":`Toggle sort order`,children:f===`desc`?(0,$.jsx)(Di,{className:`h-3.5 w-3.5`}):(0,$.jsx)(ra,{className:`h-3.5 w-3.5`})}),(0,$.jsxs)(`button`,{type:`button`,onClick:()=>h(!0),className:`flex items-center gap-1 rounded-md bg-primary px-2 py-1.5 text-xs text-primary-foreground`,title:`Add a note`,children:[(0,$.jsx)(Wi,{className:`h-3.5 w-3.5`}),`Note`]})]}),(0,$.jsxs)(`div`,{className:`min-h-0 flex-1 overflow-y-auto`,children:[m&&(0,$.jsx)(Jf,{target:t,onCreated:()=>{h(!1),o()},onCancel:()=>h(!1)},JSON.stringify(t)),r&&!n.length&&(0,$.jsx)(`div`,{className:`flex items-center justify-center py-10`,children:(0,$.jsx)(Ta,{className:`h-5 w-5 animate-spin text-muted-foreground`})}),i&&(0,$.jsx)(`p`,{className:`px-4 py-6 text-center text-sm text-destructive`,children:i}),!r&&!i&&!C.length&&!m&&(0,$.jsx)(`p`,{className:`px-4 py-10 text-center text-sm text-muted-foreground`,children:`No notes here yet - add the first one.`}),C.map(e=>(0,$.jsx)(qf,{doc:e,updateWorkspace:a?.workspaceName??null,registerEl:b,registerBody:x,highlighted:T?.docId===e.id,onLinkTo:()=>_(e.id),onDelete:()=>S(e)},e.id))]}),g!==null&&(0,$.jsx)(Uf,{documentId:g,workspaceName:a?.workspaceName,onClose:()=>_(null)})]}):(0,$.jsx)(`div`,{className:`flex h-full items-center justify-center p-6 text-center text-sm text-muted-foreground`,children:Sl(t)})}var Xf=`2.1`,Zf=new Set([`completed`,`cancelled`]);function Qf({doc:e,updateWorkspace:t,registerEl:n,registerBody:r,highlighted:i,onLinkTo:a,onDelete:o,onStatusSaved:s}){let[c,l]=(0,Q.useState)(String(e.data?.title??``)),[u,d]=(0,Q.useState)(String(e.data?.description??``)),[f,p]=(0,Q.useState)(e.data?.status||`pending`),[m,h]=(0,Q.useState)(ve(e.data?.dueDate)),[g,_]=(0,Q.useState)(`idle`),{replicating:v,label:y}=is(e),b=(0,Q.useRef)({title:String(e.data?.title??``),description:String(e.data?.description??``)}),x=(0,Q.useRef)(null),S=(0,Q.useRef)(0),C=(0,Q.useCallback)(async n=>{if(!t||!n.title.trim())return!1;let r=++S.current;_(`saving`);try{let i=jt(n.due),a={...e.data||{},title:n.title.trim(),...n.description.trim()?{description:n.description.trim()}:{description:void 0},status:n.status,completed:n.status===`completed`};return i?a.dueDate=i:delete a.dueDate,await kc(t,{id:e.id,schema:e.schema,schemaVersion:e.schemaVersion,data:a,metadata:e.metadata}),r!==S.current||(b.current={title:n.title,description:n.description},_(`saved`),setTimeout(()=>_(e=>e===`saved`?`idle`:e),1500),!0)}catch{return r===S.current&&_(`error`),!1}},[e.id,e.schema,e.schemaVersion,e.data,e.metadata,t]),w=(0,Q.useCallback)((e,t)=>{(e!==b.current.title||t!==b.current.description)&&(_(`dirty`),x.current&&clearTimeout(x.current),x.current=setTimeout(()=>C({title:e,description:t,status:f,due:m}),Wf))},[C,f,m]),T=(0,Q.useCallback)(()=>{x.current&&=(clearTimeout(x.current),null),C({title:c,description:u,status:f,due:m})},[C,c,u,f,m]);(0,Q.useEffect)(()=>()=>{x.current&&clearTimeout(x.current)},[]);let E=(0,Q.useCallback)(async()=>{let t=f,n=f===`completed`?`pending`:`completed`;p(n),await C({title:c,description:u,status:n,due:m})?s(e.id,n):p(t)},[f,C,c,u,m,e.id,s]),D=(0,Q.useCallback)(e=>{h(e),x.current&&=(clearTimeout(x.current),null),C({title:c,description:u,status:f,due:e})},[C,c,u,f]),O=Zf.has(f);return(0,$.jsxs)(`div`,{ref:t=>n(e.id,t),className:J(`group border-t border-border/60 px-4 py-3 transition-colors`,i&&`bg-primary/5`),children:[(0,$.jsxs)(`div`,{className:`mb-1 flex items-baseline justify-between gap-2`,children:[(0,$.jsxs)(`span`,{className:`flex min-w-0 items-center gap-1.5 text-[10px] uppercase tracking-wide text-muted-foreground/70`,children:[(0,$.jsxs)(`span`,{className:`shrink-0`,children:[Gf(e.createdAt),` · #`,e.id,f!==`pending`&&(0,$.jsxs)(`span`,{children:[` · `,N[f]??f]})]}),(0,$.jsx)(ue,{value:m,onChange:D,compact:!0,placeholder:`No due date`,className:`w-[168px] shrink-0 normal-case tracking-normal`})]}),(0,$.jsxs)(`span`,{className:`flex items-center gap-1 text-[10px] text-muted-foreground/70`,children:[g===`saving`&&(0,$.jsx)(Ta,{className:`inline h-3 w-3 animate-spin`}),v&&(0,$.jsx)(`span`,{className:`whitespace-nowrap`,children:y}),g===`saved`&&(0,$.jsx)(rr,{className:`inline h-3 w-3 text-success`}),g===`dirty`&&`·`,g===`error`&&(0,$.jsx)(`span`,{className:`text-destructive`,children:`save failed`}),(0,$.jsx)(Hf,{onLinkTo:a,onDelete:o})]})]}),(0,$.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:E,className:`mt-0.5 shrink-0 text-muted-foreground transition-colors hover:text-foreground`,"aria-label":O?`Mark as pending`:`Mark as completed`,title:O?`Mark as pending`:`Mark as completed`,children:O?(0,$.jsx)(br,{className:`h-4 w-4 text-success`}):(0,$.jsx)(Ki,{className:`h-4 w-4`})}),(0,$.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,$.jsx)(`input`,{value:c,onChange:e=>{l(e.target.value),w(e.target.value,u)},onBlur:T,placeholder:`Untitled`,spellCheck:!1,className:J(`mb-1 w-full border-0 bg-transparent p-0 text-sm font-semibold outline-none placeholder:text-muted-foreground/50`,O?`text-muted-foreground line-through`:`text-foreground`)}),(0,$.jsx)(Vf,{value:u,onChange:e=>{d(e),w(c,e)},onBlur:T,placeholder:`Description…`,innerRef:t=>r(e.id,t)})]})]})]})}function $f({target:e,onCreated:t,onCancel:n}){let[r,i]=(0,Q.useState)(``),[a,o]=(0,Q.useState)(``),[s,c]=(0,Q.useState)(x()),[l,u]=(0,Q.useState)(!1),[d,f]=(0,Q.useState)(null);return(0,$.jsxs)(`div`,{className:`border-t border-border/60 bg-muted/30 px-4 py-3`,children:[(0,$.jsxs)(`div`,{className:`mb-1 flex items-baseline justify-between`,children:[(0,$.jsx)(`span`,{className:`text-[10px] uppercase tracking-wide text-muted-foreground/70`,children:`New todo`}),(0,$.jsx)(`button`,{type:`button`,onClick:n,className:`text-muted-foreground hover:text-foreground`,"aria-label":`Discard draft`,children:(0,$.jsx)(mr,{className:`h-3 w-3`})})]}),(0,$.jsx)(`input`,{value:r,onChange:e=>i(e.target.value),placeholder:`What needs doing?`,autoFocus:!0,spellCheck:!1,className:`mb-1 w-full border-0 bg-transparent p-0 text-sm font-semibold text-foreground outline-none placeholder:text-muted-foreground/50`}),(0,$.jsx)(Vf,{value:a,onChange:o,placeholder:`Description (optional)…`}),(0,$.jsx)(`div`,{className:`mt-2`,children:(0,$.jsx)(ue,{value:s,onChange:c,compact:!0,placeholder:`No due date`,className:`w-[188px]`})}),d&&(0,$.jsx)(`p`,{className:`mt-1 text-xs text-destructive`,children:d}),(0,$.jsx)(`div`,{className:`mt-2 flex justify-end`,children:(0,$.jsx)(`button`,{type:`button`,onClick:async()=>{if(!(!r.trim()||!e||l)){u(!0),f(null);try{await vl(e,[{schema:Vo,schemaVersion:Xf,data:A({title:r,description:a,status:`pending`,priority:``,due:s}),metadata:{features:[]}}]),t()}catch(e){f(e instanceof Error?e.message:`Failed to create todo`),u(!1)}}},disabled:!r.trim()||l,className:`rounded-md bg-primary px-2.5 py-1 text-xs text-primary-foreground disabled:opacity-50`,children:l?`Saving…`:`Save todo`})})]})}function ep({autoAdd:e=!1}){let t=Bf(),{docs:n,setDocs:r,loading:i,error:a,scope:o,reload:s,removeDoc:c}=Kf(t,Vo),[l,u]=(0,Q.useState)(``),[d,f]=(0,Q.useState)(0),[p,m]=(0,Q.useState)(`desc`),[h,g]=(0,Q.useState)(!1),[_,v]=(0,Q.useState)(e),[y,b]=(0,Q.useState)(null),x=(0,Q.useRef)(new Map),S=(0,Q.useRef)(new Map),C=(0,Q.useCallback)((e,t)=>{t?x.current.set(e,t):x.current.delete(e)},[]),w=(0,Q.useCallback)((e,t)=>{t?S.current.set(e,t):S.current.delete(e)},[]),T=(0,Q.useCallback)(async e=>{let t=e.data?.title?`"${e.data.title}"`:`#${e.id}`;if(window.confirm(`Delete todo ${t}?\n\nIt is removed from this path and moves to the workspace trash if nothing else links it.`))try{await c(e.id)}catch{}},[c]),E=(0,Q.useCallback)((e,t)=>{r(n=>n.map(n=>n.id===e?{...n,data:{...n.data||{},status:t,completed:t===`completed`}}:n))},[r]),D=(0,Q.useMemo)(()=>{let e=h?[...n]:n.filter(e=>!Zf.has(String(e.data?.status??`pending`)));return e.sort((e,t)=>{let n=new Date(e.createdAt).getTime()-new Date(t.createdAt).getTime();return p===`asc`?n:-n}),e},[n,p,h]),O=(0,Q.useMemo)(()=>n.filter(e=>Zf.has(String(e.data?.status??`pending`))).length,[n]),k=(0,Q.useMemo)(()=>{let e=l.trim().toLowerCase();if(!e)return[];let t=[];for(let n of D){let r=String(n.data?.description??``),i=String(n.data?.title??``),a=r.toLowerCase().indexOf(e);a>=0?t.push({docId:n.id,offset:a}):i.toLowerCase().includes(e)&&t.push({docId:n.id,offset:-1})}return t},[l,D]),A=k.length?k[Math.min(d,k.length-1)]:null;(0,Q.useEffect)(()=>{A&&x.current.get(A.docId)?.scrollIntoView({block:`center`,behavior:`smooth`})},[A]);let j=(0,Q.useCallback)(e=>{if(!k.length)return;let t=e?(d+1)%k.length:d;e&&f(t);let n=k[t],r=S.current.get(n.docId);r&&n.offset>=0&&(r.focus(),r.setSelectionRange(n.offset,n.offset+l.trim().length)),x.current.get(n.docId)?.scrollIntoView({block:`center`,behavior:`smooth`})},[k,d,l]);return t?(0,$.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,$.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2 border-b border-border px-3 py-2`,children:[(0,$.jsxs)(`div`,{className:`relative flex-1`,children:[(0,$.jsx)(ja,{className:`pointer-events-none absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground`}),(0,$.jsx)(`input`,{value:l,onChange:e=>{u(e.target.value),f(0)},onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),j(!0))},placeholder:`Search todos…`,spellCheck:!1,className:`w-full rounded-md border border-input bg-transparent py-1 pl-7 pr-14 text-xs outline-none placeholder:text-muted-foreground focus-visible:ring-1 focus-visible:ring-ring`}),l.trim()&&(0,$.jsx)(`span`,{className:`absolute right-2 top-1/2 -translate-y-1/2 text-[10px] tabular-nums text-muted-foreground`,children:k.length?`${Math.min(d+1,k.length)}/${k.length}`:`0/0`})]}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>g(e=>!e),className:J(`rounded-md border p-1.5 transition-colors`,h?`border-foreground text-foreground`:`border-border text-muted-foreground hover:bg-muted hover:text-foreground`),title:h?`Hide done items`:`Show done items${O?` (${O})`:``}`,"aria-label":h?`Hide done items`:`Show done items`,children:h?(0,$.jsx)(Ea,{className:`h-3.5 w-3.5`}):(0,$.jsx)(bi,{className:`h-3.5 w-3.5`})}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>m(e=>e===`desc`?`asc`:`desc`),className:`rounded-md border border-border p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground`,title:p===`desc`?`Newest first (click for oldest first)`:`Oldest first (click for newest first)`,"aria-label":`Toggle sort order`,children:p===`desc`?(0,$.jsx)(Di,{className:`h-3.5 w-3.5`}):(0,$.jsx)(ra,{className:`h-3.5 w-3.5`})}),(0,$.jsxs)(`button`,{type:`button`,onClick:()=>v(!0),className:`flex items-center gap-1 rounded-md bg-primary px-2 py-1.5 text-xs text-primary-foreground`,title:`Add a todo`,children:[(0,$.jsx)(Wi,{className:`h-3.5 w-3.5`}),`Todo`]})]}),(0,$.jsxs)(`div`,{className:`min-h-0 flex-1 overflow-y-auto`,children:[_&&(0,$.jsx)($f,{target:t,onCreated:()=>{v(!1),s()},onCancel:()=>v(!1)}),i&&!n.length&&(0,$.jsx)(`div`,{className:`flex items-center justify-center py-10`,children:(0,$.jsx)(Ta,{className:`h-5 w-5 animate-spin text-muted-foreground`})}),a&&(0,$.jsx)(`p`,{className:`px-4 py-6 text-center text-sm text-destructive`,children:a}),!i&&!a&&!D.length&&!_&&(0,$.jsx)(`p`,{className:`px-4 py-10 text-center text-sm text-muted-foreground`,children:O?`Nothing pending - ${O} done item${O>1?`s`:``} hidden.`:`No todos here yet - add the first one.`}),D.map(e=>(0,$.jsx)(Qf,{doc:e,updateWorkspace:o?.workspaceName??null,registerEl:C,registerBody:w,highlighted:A?.docId===e.id,onLinkTo:()=>b(e.id),onDelete:()=>T(e),onStatusSaved:E},e.id))]}),y!==null&&(0,$.jsx)(Uf,{documentId:y,workspaceName:o?.workspaceName,onClose:()=>b(null)})]}):(0,$.jsx)(`div`,{className:`flex h-full items-center justify-center p-6 text-center text-sm text-muted-foreground`,children:Sl(t)})}var tp=(0,Q.createContext)(null);function np(){let e=(0,Q.useContext)(tp);if(!e)throw Error(`useLensFeed must be used within a LensFeedProvider`);return e}function rp(e=!0){let{registerViewer:t}=np();(0,Q.useEffect)(()=>{if(e)return t()},[e,t])}var ip=[{id:`720p`,label:`720p`,width:1280,height:720},{id:`1080p`,label:`1080p`,width:1920,height:1080},{id:`4k`,label:`4K`,width:3840,height:2160}],ap=`canvas.lens.camera`,op={min:1,max:4,step:.1,hardware:!1};function sp(){let e={deviceId:null,resolution:`1080p`};try{let t=JSON.parse(localStorage.getItem(ap)||`null`);return t?{deviceId:typeof t.deviceId==`string`?t.deviceId:null,resolution:ip.some(e=>e.id===t.resolution)?t.resolution:e.resolution}:e}catch{return e}}function cp(e,t){let n=ip.find(t=>t.id===e.resolution)??ip[1];return{...t&&e.deviceId?{deviceId:{exact:e.deviceId}}:{facingMode:`environment`},width:{ideal:n.width},height:{ideal:n.height}}}function lp(e={}){let t=(0,Q.useRef)(null),n=(0,Q.useRef)(e.onEnded);(0,Q.useEffect)(()=>{n.current=e.onEnded});let r=(0,Q.useRef)(null),i=(0,Q.useRef)(null),[a,o]=(0,Q.useState)(!1),[s,c]=(0,Q.useState)(null),[l,u]=(0,Q.useState)(null),[d,f]=(0,Q.useState)(sp),p=(0,Q.useRef)(d),[m,h]=(0,Q.useState)([]),[g,_]=(0,Q.useState)(!1),[v,y]=(0,Q.useState)(null),[b,x]=(0,Q.useState)(null),[S,C]=(0,Q.useState)(1),w=(0,Q.useRef)(1),[T,E]=(0,Q.useState)(!1),D=(0,Q.useRef)(null),O=()=>r.current?.getVideoTracks()[0]??null,k=(0,Q.useCallback)(async e=>{let t=O();if(!t)return!1;try{return await t.applyConstraints({advanced:[e]}),!0}catch{return!1}},[]),A=(0,Q.useCallback)(async()=>{try{let e=(await navigator.mediaDevices.enumerateDevices()).filter(e=>e.kind===`videoinput`&&e.deviceId);h(e.map((e,t)=>({deviceId:e.deviceId,label:e.label||`Camera ${t+1}`})))}catch{}},[]),j=(0,Q.useCallback)(()=>{D.current&&window.clearTimeout(D.current),r.current?.getTracks().forEach(e=>e.stop()),r.current=null,t.current&&(t.current.srcObject=null),c(null),o(!1),_(!1),y(null),x(null),C(1),w.current=1,E(!1)},[]),M=(0,Q.useCallback)(async(e,i)=>{r.current=e,e.getVideoTracks().forEach(e=>{e.onended=()=>{j(),n.current?.()}}),t.current&&(t.current.srcObject=e,await t.current.play().catch(()=>{}));let a=e.getVideoTracks()[0],s=a?.getSettings();if(x(s?.width&&s?.height?{width:s.width,height:s.height}:null),_(i),E(!1),i&&a){let e=a.getCapabilities?.()??{};y(e),e.focusMode?.includes(`continuous`)&&await k({focusMode:`continuous`});let t=a.getSettings().zoom;C(e.zoom?t??e.zoom.min:1),w.current=1,A()}c(e),o(!0)},[j,k,A]),N=(0,Q.useCallback)(async e=>{try{return await navigator.mediaDevices.getUserMedia({video:cp(e,!0),audio:!1})}catch(t){let n=t?.name;if(e.deviceId&&(n===`OverconstrainedError`||n===`NotFoundError`||n===`NotReadableError`))return navigator.mediaDevices.getUserMedia({video:cp(e,!1),audio:!1});throw t}},[]),P=(0,Q.useCallback)(async()=>{if(u(null),!window.isSecureContext)return u(`Camera needs a secure context (https or localhost).`),!1;if(!navigator.mediaDevices?.getUserMedia)return u(`Camera API not available in this browser.`),!1;try{let e=await N(p.current);return await M(e,!0),!0}catch(e){let t=e?.name;return u(t===`NotAllowedError`?`Camera permission denied.`:t===`NotFoundError`?`No camera found.`:`Camera failed: ${e?.message||t||`unknown error`}`),o(!1),!1}},[M,N]),ee=(0,Q.useCallback)(async()=>{if(u(null),!window.isSecureContext)return u(`Screen capture needs a secure context (https or localhost).`),!1;if(!navigator.mediaDevices?.getDisplayMedia)return u(`Screen capture API not available in this browser.`),!1;try{let e=await navigator.mediaDevices.getDisplayMedia({video:{width:{ideal:1280},height:{ideal:720}},audio:!1});return await M(e,!1),!0}catch(e){let t=e?.name;return u(t===`NotAllowedError`?`Screen capture cancelled.`:`Screen capture failed: ${e?.message||t||`unknown error`}`),o(!1),!1}},[M]),F=(0,Q.useCallback)(e=>{let t={...p.current,...e};p.current=t,f(t);try{localStorage.setItem(ap,JSON.stringify(t))}catch{}!r.current||!g||(r.current.getTracks().forEach(e=>{e.onended=null,e.stop()}),r.current=null,P().then(e=>{e||(j(),n.current?.())}))},[g,P,j]),I=(0,Q.useCallback)(e=>{C(e),v?.zoom?k({zoom:e}):w.current=e},[v,k]),te=(0,Q.useCallback)(e=>{k({torch:e}).then(t=>{t&&E(e)})},[k]),L=!!v?.focusMode?.some(e=>e===`single-shot`||e===`continuous`),R=(0,Q.useCallback)(e=>{let t=v?.focusMode??[];if(!t.length)return;D.current&&window.clearTimeout(D.current);let n=navigator.mediaDevices.getSupportedConstraints(),r=e&&n.pointsOfInterest?{pointsOfInterest:[e]}:{};t.includes(`single-shot`)?(k({...r,focusMode:`single-shot`}),t.includes(`continuous`)&&(D.current=window.setTimeout(()=>void k({...r,focusMode:`continuous`}),1500))):k({...r,focusMode:`continuous`})},[v,k]),ne=(0,Q.useCallback)((e=640,n=.72)=>{let r=t.current;if(!r||r.readyState<2||!r.videoWidth)return null;let a=Math.max(1,w.current),o=r.videoWidth/a,s=r.videoHeight/a,c=(r.videoWidth-o)/2,l=(r.videoHeight-s)/2,u=Math.min(1,e/Math.max(o,s)),d=Math.round(o*u),f=Math.round(s*u);i.current||=document.createElement(`canvas`);let p=i.current;p.width=d,p.height=f;let m=p.getContext(`2d`);return m?(m.drawImage(r,c,l,o,s,0,0,d,f),p.toDataURL(`image/jpeg`,n)):null},[]);return(0,Q.useEffect)(()=>j,[j]),{videoRef:t,stream:s,active:a,error:l,start:P,startScreen:ee,stop:j,captureFrame:ne,camera:(0,Q.useMemo)(()=>g?{devices:m,prefs:d,setPrefs:F,size:b,zoomRange:v?.zoom?{min:v.zoom.min,max:v.zoom.max,step:v.zoom.step||.1,hardware:!0}:op,zoom:S,setZoom:I,torchSupported:!!v?.torch,torch:T,setTorch:te,focusSupported:L,focusAt:R}:null,[g,m,d,F,b,v,S,I,T,te,L,R])}}async function up(e,t,n={}){let r={limit:n.limit??12,scope:n.contextPath?`path`:`workspace`};t&&(r.image=t),n.similarTo&&(r.similarTo=n.similarTo);let i=n.q?.trim();i&&(r.q=i),n.maxDistance!=null&&Number.isFinite(n.maxDistance)&&(r.maxDistance=n.maxDistance),n.minDistance!=null&&Number.isFinite(n.minDistance)&&(r.minDistance=n.minDistance),n.debug&&(r.debug=!0),n.idsOnly&&(r.idsOnly=!0),n.contextPath&&(r.context=n.contextPath),n.treeId&&(r.treeNameOrTreeId=n.treeId),n.features&&Object.assign(r,n.features),n.filters&&(r.filters=n.filters),n.applyCanvasQuerySpec!==void 0&&(r.applyCanvasQuerySpec=n.applyCanvasQuerySpec);let a=await X.postEnvelope(`${Xa.workspaces}/${encodeURIComponent(e)}/documents/search/image`,r,n.signal?{signal:n.signal}:void 0),o=a.payload??[],s=n.idsOnly===!0;return{documents:s?[]:o,ids:s?o:o.map(e=>e.id),count:a.count??o.length,totalCount:a.totalCount??o.length,distances:a.debug?.distances??a.debug?.imageDistances??null}}var dp=[{label:`0.5 fps`,ms:2e3},{label:`1 fps`,ms:1e3},{label:`2 fps`,ms:500},{label:`5 fps`,ms:200},{label:`10 fps`,ms:100},{label:`15 fps`,ms:67},{label:`30 fps`,ms:33}],fp=1e3,pp=32,mp=12,hp=`canvas.lens.fit`;function gp({className:e,interactive:t=!1}){let{stream:n,camera:r,fit:i}=np(),a=(0,Q.useRef)(null),[o,s]=(0,Q.useState)(null);(0,Q.useEffect)(()=>{let e=a.current;if(e)return e.srcObject=n,n&&e.play().catch(()=>{}),()=>{e.srcObject=null}},[n]),(0,Q.useEffect)(()=>{if(!o)return;let e=window.setTimeout(()=>s(null),900);return()=>window.clearTimeout(e)},[o]);let c=r&&!r.zoomRange.hardware?r.zoom:1;return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`video`,{ref:a,muted:!0,playsInline:!0,onClick:t?e=>{let t=a.current;if(!t||!r?.focusSupported||!t.videoWidth)return;let n=t.getBoundingClientRect(),o=(e.clientX-n.left)/n.width,l=(e.clientY-n.top)/n.height,u=.5+(o-.5)/c,d=.5+(l-.5)/c,f=i===`contain`?Math.min(n.width/t.videoWidth,n.height/t.videoHeight):Math.max(n.width/t.videoWidth,n.height/t.videoHeight),p=t.videoWidth*f/n.width,m=t.videoHeight*f/n.height,h=.5+(u-.5)/p,g=.5+(d-.5)/m;h<0||h>1||g<0||g>1||(r.focusAt({x:h,y:g}),s({x:o,y:l,key:Date.now()}))}:void 0,style:c===1?void 0:{transform:`scale(${c})`},className:J(e,i===`contain`?`object-contain`:`object-cover`,t&&r?.focusSupported&&`cursor-crosshair`)}),o&&(0,$.jsx)(`span`,{"aria-hidden":!0,className:`pointer-events-none absolute h-10 w-10 -translate-x-1/2 -translate-y-1/2 rounded-full border-2 border-white/90 animate-fade-in`,style:{left:`${o.x*100}%`,top:`${o.y*100}%`}},o.key)]})}function _p({children:e}){let t=il(),n=(0,Q.useRef)(t);(0,Q.useEffect)(()=>{n.current=t});let r=t?.state.activeWorkspaceName??null,i=t!==null,a=(0,Q.useRef)(()=>{}),{videoRef:o,stream:s,camera:c,error:l,start:u,startScreen:d,stop:f,captureFrame:p}=lp({onEnded:()=>a.current()}),[m,h]=(0,Q.useState)(null),g=(0,Q.useRef)(m);(0,Q.useEffect)(()=>{g.current=m},[m]);let[_,v]=(0,Q.useState)(null),[y,b]=(0,Q.useState)(!1),[x,S]=(0,Q.useState)(fp),[C,w]=(0,Q.useState)(``),[T,E]=(0,Q.useState)(``),[D,O]=(0,Q.useState)(null),[k,A]=(0,Q.useState)(null),[j,M]=(0,Q.useState)(null),[N,P]=(0,Q.useState)([]),[ee,F]=(0,Q.useState)(null),[I,te]=(0,Q.useState)(null),L=I&&I.frame===ee?I:null,R=(0,Q.useRef)(null),[ne,z]=(0,Q.useState)(0),[re,ie]=(0,Q.useState)(``),[ae,oe]=(0,Q.useState)(()=>{try{return localStorage.getItem(hp)===`cover`?`cover`:`contain`}catch{return`contain`}}),se=(0,Q.useCallback)(e=>{oe(e);try{localStorage.setItem(hp,e)}catch{}},[]),B=(0,Q.useRef)({running:!1,paused:!1,consumer:null,workspaceRef:``,contextPath:null,text:``,maxDistance:NaN,rateMs:fp,snapshot:!1}),V=(0,Q.useRef)([]),H=(0,Q.useRef)(new Map),U=(0,Q.useRef)(null),ce=(0,Q.useRef)(null),le=(0,Q.useRef)(null),ue=(0,Q.useRef)(0),de=(0,Q.useRef)(``),fe=(0,Q.useRef)(!1),pe=(0,Q.useRef)(async()=>{}),me=(0,Q.useRef)(()=>{});(0,Q.useEffect)(()=>{B.current.text=T,B.current.maxDistance=C===``?NaN:Number(C),B.current.rateMs=x,B.current.paused=y},[T,C,x,y]);let he=(0,Q.useCallback)(()=>(z(e=>e+1),()=>z(e=>Math.max(0,e-1))),[]),ge=(0,Q.useCallback)(e=>{V.current=[...V.current.slice(-2),e];let t=V.current,r=[...new Set(t.flat())],i=t.length<2?e:r.filter(e=>t.filter(t=>t.includes(e)).length>=2);M(i.length);let a=U.current;(!a||a.length!==i.length||a.some((e,t)=>e!==i[t]))&&(U.current=i,n.current?.setLensIds(i))},[]),_e=(0,Q.useCallback)((e,t)=>{for(let n of e)H.current.set(n.id,{doc:n,distance:t.get(n.id)});let n=e.map(e=>e.id);V.current=[...V.current.slice(-2),n];let r=V.current,i=r[r.length-1]??[],a=r.length<2?i:i.filter(e=>r.filter(t=>t.includes(e)).length>=2),o=[...H.current.keys()].filter(e=>!i.includes(e)&&r.filter(t=>t.includes(e)).length>=2),s=[...a,...o].map(e=>H.current.get(e)).filter(e=>!!e);M(s.length),P(s)},[]),ve=(0,Q.useCallback)(async(e,t)=>{let r=performance.now(),i=t.consumer===`applet`;le.current?.abort();let a=new AbortController;le.current=a;try{let o=n.current?.state,s=!i&&o?.activeContextType===`context`,c=await up(t.workspaceRef,e,{q:i&&t.text||void 0,maxDistance:Number.isFinite(t.maxDistance)?t.maxDistance:void 0,contextPath:s?o.activeContextPath:i?t.contextPath:null,treeId:s?o.activeTreeName:null,features:s?o.filters.features:void 0,filters:s?[...tt(o.filters.timeline),...xn(o.filters.geo),...Te(o.filters.lens,o.filters.geo.includeUnlocated)]:void 0,applyCanvasQuerySpec:!s&&void 0,limit:i?mp:pp,idsOnly:!i,debug:i,signal:a.signal});return a.signal.aborted||B.current!==t||!t.running?!1:(ue.current=0,A(Math.round(performance.now()-r)),O(null),i?_e(c.documents,new Map((c.distances??[]).map(e=>[e.id,e.distance]))):ge(c.ids),!0)}catch(e){return a.signal.aborted||B.current!==t||!t.running?!1:(ue.current++,e?.name!==`AbortError`&&O(e?.message||`search failed`),!1)}},[_e,ge]),ye=(0,Q.useCallback)(async()=>{let e=B.current;if(!e.running)return;let t=performance.now();if(!e.paused&&!e.snapshot){let t=p();t&&e.workspaceRef&&await ve(t,e)}if(B.current.running){let e=Math.max(ue.current?Math.min(3e4,1e3*2**Math.min(ue.current-1,5)):0,B.current.rateMs-(performance.now()-t));ce.current=window.setTimeout(()=>void pe.current(),e)}},[p,ve]);(0,Q.useEffect)(()=>{pe.current=ye},[ye]);let W=(0,Q.useCallback)(()=>{let e=B.current.consumer===`filter`;B.current.running=!1,ue.current=0,B.current.consumer=null,ce.current&&window.clearTimeout(ce.current),le.current?.abort(),f(),V.current=[],H.current.clear(),U.current=null,h(null),v(null),b(!1),ie(``),P([]),F(null),M(null),A(null),O(null),e&&n.current?.state.activeContextType!==`context`&&n.current?.setLensIds(null)},[f]);(0,Q.useEffect)(()=>{a.current=W},[W]);let G=(0,Q.useCallback)(async(e,t,r)=>{if(!r.workspaceRef||fe.current||(B.current.running&&W(),e===`photo`&&!r.image))return!1;fe.current=!0;let i=e===`photo`?!0:e===`camera`?await u():await d();return fe.current=!1,i?(V.current=[],H.current.clear(),U.current=null,P([]),M(null),O(null),ie(r.workspaceRef),B.current={...B.current,running:!0,paused:!1,consumer:t,workspaceRef:r.workspaceRef,contextPath:r.contextPath??null,snapshot:e===`photo`},F(e===`photo`?r.image:null),h(e),v(t),b(!1),t===`filter`&&n.current?.setLensIds([]),e===`photo`?me.current(r.image):ye(),!0):!1},[u,d,W,ye]),be=JSON.stringify(t?{contextId:t.state.activeContextId,path:t.state.activeContextPath,tree:t.state.activeTreeName,features:t.state.filters.features,timeline:t.state.filters.timeline,geo:t.state.filters.geo,gps:t.state.filters.lens.gps}:null);(0,Q.useEffect)(()=>{de.current!==be&&(de.current=be,B.current.consumer===`filter`&&(le.current?.abort(),V.current=[],U.current=null,n.current?.setLensIds([])))},[be]);let K=(0,Q.useCallback)(e=>{B.current.contextPath=e},[]),q=(0,Q.useCallback)(e=>{B.current.paused=e,b(e)},[]),xe=JSON.stringify([T,C,be]),Se=(0,Q.useRef)(xe);(0,Q.useEffect)(()=>{Se.current=xe});let Ce=(0,Q.useCallback)(e=>{let t=B.current;!t.running||!t.workspaceRef||(R.current={frame:e,key:Se.current},V.current=[],H.current.clear(),U.current=null,M(null),ve(e,t))},[ve]);(0,Q.useEffect)(()=>{me.current=Ce},[Ce]);let we=(0,Q.useCallback)(()=>{let e=B.current;if(!e.running)return;let t=p(1280,.85);t&&(e.snapshot=!0,F(t),Ce(t))},[p,Ce]),Ee=(0,Q.useCallback)(()=>{if(B.current.running&&g.current===`photo`){W();return}B.current.snapshot=!1,le.current?.abort(),V.current=[],H.current.clear(),F(null)},[W]),De=(0,Q.useCallback)(async(e,t,n)=>{let r=B.current;return r.running&&r.consumer===t&&g.current===`camera`?(r.snapshot=!0,F(e),Ce(e),!0):G(`photo`,t,{...n,image:e})},[G,Ce]);(0,Q.useEffect)(()=>{if(!ee)return;let e=!0,t=new Image;return t.onload=()=>{e&&te({frame:ee,width:t.naturalWidth,height:t.naturalHeight})},t.src=ee,()=>{e=!1}},[ee]),(0,Q.useEffect)(()=>{if(!ee)return;let e=R.current;if(e&&e.frame===ee&&e.key===xe)return;let t=window.setTimeout(()=>Ce(ee),350);return()=>window.clearTimeout(t)},[ee,xe,Ce]),(0,Q.useEffect)(()=>{!i||!B.current.running||r&&r===B.current.workspaceRef||W()},[i,r,W]);let Oe=(0,Q.useCallback)(()=>{let e=n.current;if(e){if(B.current.consumer===`applet`){e.setView(`apps`),e.openApplet(`lens`);return}e.setView(`tools`),e.setToolsTab(`lens`)}},[]);(0,Q.useEffect)(()=>W,[W]);let ke=(0,Q.useMemo)(()=>({source:m,running:m!==null,paused:y,consumer:_,stream:s,camera:c,fit:ae,setFit:se,workspaceRef:re,rateMs:x,setRateMs:S,maxDistance:C,setMaxDistance:w,text:T,setText:E,error:l||D,latencyMs:k,lastCount:j,hits:N,start:G,setContextPath:K,stop:W,setPaused:q,snapshot:ee,takeSnapshot:we,clearSnapshot:Ee,snapshotSize:L,searchPhoto:De,reopen:Oe,hasViewer:ne>0,registerViewer:he}),[m,y,_,s,c,ae,se,re,x,C,T,l,D,k,j,N,G,K,W,q,ee,we,Ee,L,De,Oe,ne,he]);return(0,$.jsxs)(tp.Provider,{value:ke,children:[e,(0,$.jsx)(`video`,{ref:o,muted:!0,playsInline:!0,"aria-hidden":!0,className:`pointer-events-none fixed bottom-0 left-0 h-px w-px opacity-0`})]})}var vp=`h-7 min-w-0 rounded-md border border-input bg-transparent px-1.5 text-xs outline-none focus-visible:ring-1 focus-visible:ring-ring`,yp=`flex h-7 items-center gap-1 rounded-md border border-border px-2 text-xs text-muted-foreground transition-colors hover:bg-muted hover:text-foreground`,bp=e=>`${e<10?e.toFixed(1):Math.round(e)}×`;function xp({className:e}){let{camera:t,fit:n,setFit:r}=np();if(!t)return null;let{devices:i,prefs:a,setPrefs:o,size:s,zoomRange:c,zoom:l,setZoom:u}=t,d=c.max>c.min;return(0,$.jsxs)(`div`,{className:J(`flex flex-col gap-2`,e),children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[i.length>1&&(0,$.jsxs)(`select`,{className:J(vp,`max-w-[12rem] flex-1`),value:a.deviceId??``,onChange:e=>o({deviceId:e.target.value||null}),title:`Camera / lens. On phones with several rear cameras, pick the main or wide one if the picture is too zoomed in.`,"aria-label":`Camera`,children:[(0,$.jsx)(`option`,{value:``,children:`Default rear camera`}),i.map(e=>(0,$.jsx)(`option`,{value:e.deviceId,children:e.label},e.deviceId))]}),(0,$.jsx)(`select`,{className:vp,value:a.resolution,onChange:e=>o({resolution:e.target.value}),title:s?`Requested resolution — camera is delivering ${s.width}×${s.height}`:`Requested resolution`,"aria-label":`Resolution`,children:ip.map(e=>(0,$.jsx)(`option`,{value:e.id,children:e.label},e.id))}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>r(n===`contain`?`cover`:`contain`),className:yp,title:n===`contain`?`Showing the whole frame — switch to fill the preview`:`Filling the preview (edges cropped) — switch to the whole frame`,"aria-label":n===`contain`?`Fill preview`:`Fit whole frame`,children:n===`contain`?(0,$.jsx)(la,{className:`h-3.5 w-3.5`}):(0,$.jsx)(vi,{className:`h-3.5 w-3.5`})}),t.focusSupported&&(0,$.jsxs)(`button`,{type:`button`,onClick:()=>t.focusAt(),className:yp,title:`Refocus (or tap the preview to focus on a spot)`,children:[(0,$.jsx)(Ba,{className:`h-3.5 w-3.5`}),` Focus`]}),t.torchSupported&&(0,$.jsx)(`button`,{type:`button`,onClick:()=>t.setTorch(!t.torch),className:J(yp,t.torch&&`border-foreground text-foreground`),"aria-pressed":t.torch,title:t.torch?`Torch off`:`Torch on`,children:t.torch?(0,$.jsx)(Ar,{className:`h-3.5 w-3.5`}):(0,$.jsx)(jn,{className:`h-3.5 w-3.5`})}),s&&(0,$.jsxs)(`span`,{className:`text-[11px] tabular-nums text-muted-foreground`,children:[s.width,`×`,s.height]})]}),d&&(0,$.jsxs)(`label`,{className:`flex items-center gap-2 text-xs text-muted-foreground`,title:c.hardware?`Optical/sensor zoom`:`Digital zoom — crops the searched frame too`,children:[(0,$.jsx)(Yn,{className:`h-3.5 w-3.5 shrink-0`}),(0,$.jsx)(`input`,{type:`range`,min:c.min,max:c.max,step:c.step,value:l,onChange:e=>u(Number(e.target.value)),onDoubleClick:()=>u(c.min),className:`h-1 min-w-0 flex-1 accent-foreground`,"aria-label":`Zoom`}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>u(c.min),className:`w-10 shrink-0 text-right tabular-nums hover:text-foreground`,title:`Reset zoom`,children:bp(l)})]})]})}function Sp(){let{running:e,source:t,snapshot:n,takeSnapshot:r,clearSnapshot:i,fit:a}=np();return e?n?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`img`,{src:n,alt:`Snapshot being searched`,className:J(`absolute inset-0 h-full w-full bg-black`,a===`contain`?`object-contain`:`object-cover`)}),(0,$.jsx)(`span`,{className:`pointer-events-none absolute left-2 top-2 rounded bg-black/60 px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-white`,children:t===`photo`?`Photo`:`Snapshot`}),(0,$.jsx)(`button`,{type:`button`,onClick:i,className:`absolute bottom-2 left-1/2 flex h-9 -translate-x-1/2 items-center gap-1.5 rounded-full bg-black/60 px-3 text-xs font-medium text-white backdrop-blur transition-colors hover:bg-black/75`,title:t===`photo`?`Close the photo and clear its matches`:`Discard the snapshot and go back to the live feed`,children:t===`photo`?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(mr,{className:`h-3.5 w-3.5`}),` Close`]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Pa,{className:`h-3.5 w-3.5`}),` Live`]})})]}):t===`photo`?null:(0,$.jsx)(`button`,{type:`button`,onClick:r,"aria-label":`Take a snapshot and search it`,title:`Snapshot: freeze this frame and search for similar items`,className:`absolute bottom-2 left-1/2 flex h-12 w-12 -translate-x-1/2 items-center justify-center rounded-full border-4 border-white/90 bg-white/25 text-white shadow-lg backdrop-blur transition-transform hover:bg-white/40 active:scale-90`,children:(0,$.jsx)(Li,{className:`h-5 w-5`})}):null}async function Cp(e,t=1280,n=.85){let r,i=null;try{r=await createImageBitmap(e,{imageOrientation:`from-image`})}catch{i=URL.createObjectURL(e);let t=new Image;t.src=i,await t.decode(),r=t}try{let e=r.width,i=r.height,a=Math.min(1,t/Math.max(e,i)),o=document.createElement(`canvas`);o.width=Math.round(e*a),o.height=Math.round(i*a);let s=o.getContext(`2d`);if(!s)throw Error(`canvas unavailable`);return s.drawImage(r,0,0,o.width,o.height),o.toDataURL(`image/jpeg`,n)}finally{`close`in r&&r.close(),i&&URL.revokeObjectURL(i)}}function wp({consumer:e,workspaceRef:t,contextPath:n,disabled:r,className:i}){let{searchPhoto:a}=np(),o=(0,Q.useRef)(null),[s,c]=(0,Q.useState)(!1),[l,u]=(0,Q.useState)(null),d=async r=>{if(r){c(!0),u(null);try{let i=await Cp(r);await a(i,e,{workspaceRef:t,contextPath:n})}catch{u(`Could not read that image.`)}finally{c(!1),o.current&&(o.current.value=``)}}};return(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`button`,{type:`button`,onClick:()=>o.current?.click(),disabled:r||s||!t,className:i,title:l??`Search with a photo from the camera app or gallery`,children:[(0,$.jsx)(Pn,{className:`h-3.5 w-3.5`}),` `,s?`Reading…`:`Photo`]}),(0,$.jsx)(`input`,{ref:o,type:`file`,accept:`image/*`,className:`hidden`,onChange:e=>void d(e.target.files?.[0])}),l&&(0,$.jsx)(`span`,{className:`text-xs text-destructive`,children:l})]})}var Tp=`h-8 rounded-md border border-input bg-transparent px-2 text-xs outline-none focus-visible:ring-2 focus-visible:ring-ring`,Ep=`h-8 rounded-md border border-input bg-transparent px-2 text-xs outline-none focus-visible:ring-1 focus-visible:ring-ring`;function Dp({workspaceRef:e,doc:t,distance:n,onOpen:r}){let i=Zo(t),{blobUrl:a}=G(e,t.id,256,{enabled:i}),o=os(t);return(0,$.jsxs)(`button`,{type:`button`,onClick:()=>r(t),title:`Open ${o.title}`,className:`rounded-(--card-radius) border border-border bg-card overflow-hidden flex flex-col text-left cursor-pointer transition-colors hover:border-foreground/30 hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring`,children:[(0,$.jsx)(`div`,{className:`aspect-square bg-muted/40 flex items-center justify-center overflow-hidden`,children:i&&a?(0,$.jsx)(`img`,{src:a,alt:o.title,className:`h-full w-full object-cover`}):(0,$.jsx)(dt,{document:t,size:10})}),(0,$.jsxs)(`div`,{className:`p-2 min-w-0`,children:[(0,$.jsx)(`div`,{className:`text-xs font-medium truncate`,title:o.title,children:o.title}),(0,$.jsxs)(`div`,{className:`text-[10px] text-muted-foreground truncate`,children:[o.schemaLabel,n==null?``:` · d=${n.toFixed(3)}`]})]})]})}function Op(){let e=Bf(),t=ge(),n=np(),{rateMs:r,setRateMs:i,text:a,setText:o,maxDistance:s,setMaxDistance:c,latencyMs:l,error:u}=n,d=e?.mode===`workspace`?e.workspaceName:``,f=e?.mode===`workspace`&&e.path!==`/`?e.path:null,p=n.running&&n.consumer===`applet`,m=n.running&&n.consumer!==`applet`,h=p?n.hits:[];rp(p);let g=p?n.snapshotSize??n.camera?.size:null,_=!!g&&g.height>g.width,v=e=>{d&&n.start(e,`applet`,{workspaceRef:d,contextPath:f})},{setContextPath:y}=n;return(0,Q.useEffect)(()=>{p&&y(f)},[p,f,y]),e?.mode===`workspace`?(0,$.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col gap-3 overflow-y-auto p-3`,children:[(0,$.jsxs)(`div`,{className:`flex shrink-0 flex-wrap items-center gap-2`,children:[(0,$.jsx)(`select`,{className:Tp,value:r,onChange:e=>i(Number(e.target.value)),title:`Frame rate. High rates (10–30 fps) are experimental; the loop never overlaps requests, so the effective rate is capped by search latency.`,children:dp.map(e=>(0,$.jsx)(`option`,{value:e.ms,children:e.label},e.ms))}),(0,$.jsx)(`input`,{className:J(Ep,`w-44`),placeholder:`Optional text (fused mode)`,value:a,onChange:e=>o(e.target.value)}),(0,$.jsx)(`input`,{className:J(Ep,`w-28`),placeholder:`max distance`,inputMode:`decimal`,value:s,onChange:e=>c(e.target.value),title:`Cosine-distance floor (0 = identical). Empty = top-K.`}),p?(0,$.jsxs)(`button`,{type:`button`,onClick:n.stop,className:`flex h-8 items-center gap-1 rounded-md bg-destructive px-3 text-xs font-medium text-destructive-foreground transition-colors hover:bg-destructive/90`,children:[(0,$.jsx)(Ui,{className:`h-3.5 w-3.5`}),` `,n.source===`photo`?`Close photo`:`Stop`]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`button`,{type:`button`,onClick:()=>v(`camera`),disabled:m,className:`flex h-8 items-center gap-1 rounded-md bg-foreground px-3 text-xs font-medium text-background transition-colors hover:bg-foreground/90 disabled:opacity-50`,children:[(0,$.jsx)(Hr,{className:`h-3.5 w-3.5`}),` Camera`]}),(0,$.jsxs)(`button`,{type:`button`,onClick:()=>v(`screen`),disabled:m,className:`flex h-8 items-center gap-1 rounded-md bg-foreground px-3 text-xs font-medium text-background transition-colors hover:bg-foreground/90 disabled:opacity-50`,children:[(0,$.jsx)(pa,{className:`h-3.5 w-3.5`}),` Desktop`]})]}),(0,$.jsx)(wp,{consumer:`applet`,workspaceRef:d,contextPath:f,disabled:m,className:`flex h-8 items-center gap-1 rounded-md bg-foreground px-3 text-xs font-medium text-background transition-colors hover:bg-foreground/90 disabled:opacity-50`})]}),(0,$.jsxs)(`div`,{className:J(`relative shrink-0 overflow-hidden rounded-xl border border-border bg-black/80`,_?`aspect-[3/4] max-h-[60vh]`:`aspect-video max-h-80`),children:[p&&(0,$.jsx)(gp,{className:`h-full w-full`,interactive:!0}),p&&(0,$.jsx)(Sp,{}),!p&&(0,$.jsxs)(`div`,{className:`absolute inset-0 flex items-center justify-center text-sm text-muted-foreground`,children:[(0,$.jsx)(ii,{className:`mr-2 h-4 w-4`}),` camera off · or pick a photo`]})]}),p&&(0,$.jsx)(xp,{className:`shrink-0`}),(0,$.jsx)(`div`,{className:`shrink-0 text-xs text-muted-foreground`,children:u?(0,$.jsx)(`span`,{className:`text-destructive`,children:u}):p?(0,$.jsxs)($.Fragment,{children:[n.snapshot?`snapshot`:`live`,` · `,l==null?`searching…`:`${l} ms/frame`,` · `,h.length,` match`,h.length===1?``:`es`,f?` · scoped to ${f}`:``]}):m?`The Lens filter is using the camera. Stop it there first.`:`Frames are ephemeral: embedded for the query, never stored or indexed.`}),h.length===0?(0,$.jsx)(`div`,{className:`flex min-h-24 flex-1 items-center justify-center rounded-xl border border-dashed border-border text-sm text-muted-foreground`,children:p?n.snapshot?`Nothing similar in the snapshot`:`Nothing matching in view`:`Matches appear here`}):(0,$.jsx)(`div`,{className:`grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-4`,children:h.map(e=>(0,$.jsx)(Dp,{workspaceRef:d,doc:e.doc,distance:e.distance,onOpen:e=>t.open(e,d)},e.doc.id))})]}):(0,$.jsx)(`div`,{className:`flex h-full items-center justify-center p-6 text-center text-sm text-muted-foreground`,children:`Lens searches a workspace. Bind it to a workspace path to start.`})}var kp=`data/schema/`,Ap={"data/schema/file":{label:`Files`,icon:Vi},"data/schema/note":{label:`Notes`,icon:Sa},"data/schema/task":{label:`Todos`,icon:Oi},"data/schema/tab":{label:`Tabs`,icon:Gr},"data/schema/message/email":{label:`Emails`,icon:ui},"data/schema/link":{label:`Links`,icon:Qi},"data/schema/identity":{label:`Identities`,icon:Vr},"data/schema/drawing":{label:`Sketches`,icon:cr}};function jp(e){return Ap[e]??{label:e.startsWith(`data/schema/`)?e.slice(12).replace(/(^|\/)(\w)/g,(e,t,n)=>t+n.toUpperCase()):e,icon:kr}}function Mp(e){return Ap[e]?.icon??kr}function Np(e){return{...e,lens:Ye.lens}}function Pp(e,t,n=!1){let r=n?e=>e:Np;return JSON.stringify(r(e))!==JSON.stringify(r(t??Ye))}var Fp={savedGeoSelection:null,liveEnabled:!1,liveError:null,t1Open:!1,t1View:null,toolsTab:`features`,appsAppletId:null,t2Open:!1,t2AgentId:null,addModal:!1,addOpen:!1,addKind:null,addRelateTo:null,editDocument:null,editWorkspaceId:null,activeContextPath:null,activeContextType:null,activeWorkspaceName:null,activeTreeName:null,activeCanvasId:null,activeContextId:null,activeAccentColor:null,filters:Ye,geoSelection:null,mapDocuments:[],mapWorkspaceId:null,savedFilters:null,savedSearchQuery:null,isDirty:!1,isSaving:!1,availableBitmaps:[],bitmapsLoading:!1,availableTimelines:[],timelineScales:{},timelinesLoading:!1};function Ip(e,t){switch(t.type){case`SET_VIEW`:return{...e,t1Open:t.view!==null,t1View:t.view};case`TOGGLE_VIEW`:return e.t1View===t.view?{...e,t1Open:!1,t1View:null}:{...e,t1Open:!0,t1View:t.view};case`CLOSE_T1`:return{...e,t1Open:!1,t1View:null,t2Open:!1,t2AgentId:null};case`OPEN_T2_AGENT`:return{...e,t2Open:!0,t2AgentId:t.agentId};case`CLOSE_T2`:return{...e,t2Open:!1,t2AgentId:null};case`OPEN_ADD`:return{...e,addOpen:!0,addModal:t.modal??(e.addOpen&&e.addModal),addKind:t.kind,addRelateTo:t.relateTo===void 0?e.addRelateTo:t.relateTo,editDocument:null,editWorkspaceId:null};case`CLOSE_ADD`:return{...e,addOpen:!1,addModal:!1,addKind:null,addRelateTo:null,editDocument:null,editWorkspaceId:null};case`OPEN_EDIT`:return{...e,addOpen:!0,addModal:!1,addKind:null,addRelateTo:null,editDocument:t.document,editWorkspaceId:t.workspaceId};case`SET_TOOLS_TAB`:return{...e,toolsTab:t.tab};case`SET_APPS_APPLET`:return{...e,appsAppletId:t.appletId};case`SET_ACCENT_COLOR`:return e.activeAccentColor===t.color?e:{...e,activeAccentColor:t.color};case`SET_GEO_SELECTION`:return{...e,geoSelection:t.selection,isDirty:e.activeContextType===`context`?Pp(e.filters,e.savedFilters,!0)||JSON.stringify(t.selection)!==JSON.stringify(e.savedGeoSelection):e.isDirty};case`SET_SAVED_GEO_SELECTION`:return{...e,savedGeoSelection:t.selection,isDirty:e.activeContextType===`context`?Pp(e.filters,e.savedFilters,!0)||JSON.stringify(e.geoSelection)!==JSON.stringify(t.selection):e.isDirty};case`SET_MAP_DOCUMENTS`:return e.mapDocuments===t.documents&&e.mapWorkspaceId===t.workspaceId?e:{...e,mapDocuments:t.documents,mapWorkspaceId:t.workspaceId};case`SET_NAVIGATION`:{let n=e.activeContextType===t.contextType&&e.activeContextId===t.contextId&&e.activeCanvasId===t.canvasId;return{...e,activeWorkspaceName:t.workspaceName,activeTreeName:t.treeName,activeCanvasId:t.canvasId,activeContextId:t.contextId,activeContextType:t.contextType,activeContextPath:t.contextPath,geoSelection:null,...n?{}:{filters:Ye,savedFilters:null,savedSearchQuery:null,isDirty:!1,savedGeoSelection:null,liveEnabled:!1,liveError:null}}}case`SET_CONTEXT_SCOPE`:return e.activeContextType!==`context`||e.activeWorkspaceName===t.workspaceName&&e.activeContextPath===t.contextPath&&e.activeTreeName===t.treeId?e:{...e,activeWorkspaceName:t.workspaceName,activeContextPath:t.contextPath,activeTreeName:t.treeId};case`SET_LIVE`:return{...e,liveEnabled:t.enabled,liveError:null};case`SET_LIVE_ERROR`:return{...e,liveError:t.error};case`SET_FILTERS`:return{...e,filters:t.filters,isDirty:e.activeContextType===null?!1:Pp(t.filters,e.savedFilters,e.activeContextType===`context`)||e.activeContextType===`context`&&JSON.stringify(e.geoSelection)!==JSON.stringify(e.savedGeoSelection)};case`SET_SAVED_FILTERS`:{let n=t.hydrating===!0&&e.isDirty,r=n?e.filters:t.savedFilters??Ye;return{...e,savedFilters:t.savedFilters,savedSearchQuery:t.savedSearchQuery??null,filters:r,isDirty:n?Pp(r,t.savedFilters,e.activeContextType===`context`):!1}}case`SET_SAVING`:return{...e,isSaving:t.isSaving};case`SET_BITMAPS`:return{...e,availableBitmaps:t.keys,bitmapsLoading:!1};case`SET_BITMAPS_LOADING`:return{...e,bitmapsLoading:t.loading};case`SET_TIMELINES`:return{...e,availableTimelines:t.names,timelineScales:t.scales??e.timelineScales,timelinesLoading:!1};case`SET_TIMELINES_LOADING`:return{...e,timelinesLoading:t.loading};default:return e}}var Lp=`toolbox:session:filters`;function Rp(){try{let e=localStorage.getItem(Lp);if(!e)return null;let t=JSON.parse(e);return{...Ye,...t,features:{...Ye.features,...t.features??{}},timeline:{...Ye.timeline,...t.timeline??{}},geo:{...Ye.geo,...t.geo??{}},lens:Ye.lens,sort:vn(t.sort)}}catch{return null}}function zp(e){try{localStorage.setItem(Lp,JSON.stringify(Np(e)))}catch{}}function Bp(e,t=!1){if(!e?.toolbox)return null;try{let n=e.toolbox;return{features:{allOf:n.features?.allOf??[],anyOf:n.features?.anyOf??[],noneOf:n.features?.noneOf??[]},timeline:{quickFilter:n.timeline?.quickFilter??null,customRanges:n.timeline?.customRanges??(n.timeline?.customRange?[n.timeline.customRange]:[]),indexCreated:n.timeline?.indexCreated??!0,indexUpdated:n.timeline?.indexUpdated??!0,indexDeleted:n.timeline?.indexDeleted??!1,contentEvents:n.timeline?.contentEvents??!1,selectedTimelines:n.timeline?.selectedTimelines??[]},geo:{bbox:n.geo?.bbox??null,includeUnlocated:n.geo?.includeUnlocated??!1},lens:t?{...Ye.lens,...n.lens??{}}:Ye.lens,sort:vn(n.sort)}}catch{return null}}function Vp(e,t){let n=e;for(let e of t.split(`/`).filter(Boolean))if(n=n?.children?.find(t=>t.name===e)??null,!n)break;return n}function Hp({children:e,target:t}){let[n,r]=(0,Q.useReducer)(Ip,Fp),i=an(),a=ot(),o=new URLSearchParams(i.search).get(`ownerId`)||void 0,s=(0,Q.useRef)(null),c=(0,Q.useRef)(n);(0,Q.useEffect)(()=>{c.current=n}),(0,Q.useEffect)(()=>{let e=!1,n=i.pathname.split(`/`).filter(Boolean),a=t===void 0?n[0]===`workspaces`&&decodeURIComponent(n[1]||``)||null:t?.mode===`workspace`?t.workspaceName:null,o=t===void 0?n[0]===`contexts`&&decodeURIComponent(n[1]||``)||null:t?.mode===`context`?t.contextId:null,{path:s,treeName:l}=t?.mode===`workspace`?t:a?Qd(i.pathname):{path:`/`,treeName:``},u=t=>{if(e)return;let n=t?`canvas`:o?`context`:null,i=c.current;i.activeContextType!==null&&n===null&&zp(i.filters),r({type:`SET_NAVIGATION`,workspaceName:a,treeName:a?l:null,canvasId:t,contextId:o,contextType:n,contextPath:a?s:null})};return a&&s!==`/`?(Jo(a,l).then(t=>{if(e)return;let n=Vp(t,s);u(n?.type===`canvas`?n.id:null)}).catch(()=>u(null)),()=>{e=!0}):(u(null),()=>{e=!0})},[i.pathname,t]),(0,Q.useEffect)(()=>{let e=n.activeWorkspaceName;e&&(r({type:`SET_BITMAPS_LOADING`,loading:!0}),jo(e).then(e=>{r({type:`SET_BITMAPS`,keys:e})}))},[n.activeWorkspaceName]),(0,Q.useEffect)(()=>{let e=n.activeWorkspaceName;e&&(r({type:`SET_TIMELINES_LOADING`,loading:!0}),es(e).then(e=>{r({type:`SET_TIMELINES`,names:e.map(e=>e.name),scales:Object.fromEntries(e.filter(e=>e.scales?.length).map(e=>[e.name,e.scales]))})}))},[n.activeWorkspaceName]),(0,Q.useEffect)(()=>{let{activeContextType:e,activeCanvasId:t,activeWorkspaceName:i,activeTreeName:a,activeContextPath:o}=n;if(e!==`context`){if(e===`canvas`&&t&&i&&o)Jo(i,a||`context`).then(e=>{let t=Vp(e,o),n=Bp(t?.metadata);r({type:`SET_SAVED_FILTERS`,savedFilters:n,savedSearchQuery:t?.querySpec?.query??null,hydrating:!0})}).catch(()=>{r({type:`SET_SAVED_FILTERS`,savedFilters:null,savedSearchQuery:null,hydrating:!0})});else{let e=Rp();r({type:`SET_SAVED_FILTERS`,savedFilters:e,savedSearchQuery:null})}}},[n.activeCanvasId,n.activeContextPath,n.activeContextType,n.activeTreeName,n.activeWorkspaceName]),(0,Q.useEffect)(()=>{let{activeContextType:e,activeContextId:t}=n;if(e!==`context`||!t)return;let l=!1;s.current=null;let u=0,d=e=>{let t=new URLSearchParams(window.location.search);t.delete(`q`),t.delete(`search`);for(let n of e)t.append(`q`,n);let n=t.toString();a(`${i.pathname}${n?`?${n}`:``}${window.location.hash}`,{replace:!0})},f=(e,t,n,i=null,a=n?[n]:[])=>{let o=e?.filters??t??Ye,c=e?.geoSelection??i;s.current=JSON.stringify({filters:o,geoSelection:c,queries:e?.queries??a}),r({type:`SET_SAVED_FILTERS`,savedFilters:t,savedSearchQuery:n}),r({type:`SET_FILTERS`,filters:o}),r({type:`SET_GEO_SELECTION`,selection:c}),r({type:`SET_SAVED_GEO_SELECTION`,selection:i}),r({type:`SET_LIVE`,enabled:e!==null}),d(e?.queries??a)},p=e=>{let n=++u;return yl(t,o).then(t=>{if(l||n!==u)return;let i=t.metadata,a=Bp(i,!0),o=typeof i?.toolboxSearchQuery==`string`?i.toolboxSearchQuery:null;if(r({type:`SET_CONTEXT_SCOPE`,workspaceName:t.workspaceName||t.workspaceId||null,contextPath:t.path||`/`,treeId:t.treeId||null}),t.liveQuery)f(t.liveQuery,a,o,i?.toolboxGeoSelection??null,t.queryOptions?.queries);else if(e){r({type:`SET_LIVE`,enabled:!1});let e=c.current.isDirty?c.current.filters:a??Ye,n=i?.toolboxGeoSelection??null;s.current=JSON.stringify({filters:e,geoSelection:n,queries:[]}),r({type:`SET_SAVED_FILTERS`,savedFilters:a,savedSearchQuery:o,hydrating:!0}),r({type:`SET_GEO_SELECTION`,selection:n}),r({type:`SET_SAVED_GEO_SELECTION`,selection:n});let l=new URLSearchParams(window.location.search),u=t.queryOptions?.queries?.length?t.queryOptions.queries:o?[o]:[];!l.has(`q`)&&!l.has(`search`)&&u.length&&d(u)}}).catch(e=>{l||n!==u||r({type:`SET_LIVE_ERROR`,error:e instanceof Error?e.message:`Could not load context`})})};p(!0);let m=()=>{p(!1)},h=L.on(`context.url.set`,e=>{e?.id===t&&m()}),g=L.on(`context.updated`,e=>{let n=e;if((n.contextId||n.id)!==t)return;if(!n.metadata){p(!0);return}++u;let r=Bp(n.metadata,!0);f(n.liveQuery??null,r,typeof n.metadata.toolboxSearchQuery==`string`?n.metadata.toolboxSearchQuery:null,n.metadata.toolboxGeoSelection??null,n.queryOptions?.queries)}),_=L.on(`connect`,()=>{p(!0)}),v=L.on(`disconnect`,()=>{c.current.liveEnabled&&r({type:`SET_LIVE_ERROR`,error:`Disconnected — Live updates will resume when connected.`})});return window.addEventListener(`contexts:refresh`,m),()=>{l=!0,s.current=null,h(),g(),_(),v(),window.removeEventListener(`contexts:refresh`,m)}},[n.activeContextId,n.activeContextType,o]);let l=(0,Q.useMemo)(()=>{let e=new URLSearchParams(i.search),t=e.getAll(`q`).map(e=>e.trim()).filter(Boolean),n=(e.get(`search`)||``).trim();return t.length?t:n?[n]:[]},[i.search]),u=(0,Q.useRef)(l);(0,Q.useEffect)(()=>{u.current=l},[l]);let d=(0,Q.useRef)(!1),f=(0,Q.useRef)(null),[p,m]=(0,Q.useState)(0);(0,Q.useEffect)(()=>()=>{f.current!==null&&window.clearTimeout(f.current),f.current=null},[n.activeContextType,n.activeContextId,n.liveEnabled,o]),(0,Q.useEffect)(()=>{n.activeContextType!==`context`||!n.activeContextId||o||!n.liveEnabled||s.current===null||d.current||f.current!==null||!L.isConnected()||JSON.stringify({filters:n.filters,geoSelection:n.geoSelection,queries:l})!==s.current&&(f.current=window.setTimeout(()=>{f.current=null;let e=c.current;if(e.activeContextId!==n.activeContextId||!e.liveEnabled)return;let t=u.current,i=JSON.stringify({filters:e.filters,geoSelection:e.geoSelection,queries:t});if(i===s.current)return;let a=s.current;d.current=!0;let o={filters:e.filters,geoSelection:e.geoSelection,queries:t,binding:wn(e.filters,e.geoSelection,t)};L.request(`context.filters.set`,{contextId:e.activeContextId,liveQuery:o}).then(()=>{c.current.activeContextId===e.activeContextId&&s.current===a&&(s.current=i,r({type:`SET_LIVE_ERROR`,error:null}))}).catch(t=>{c.current.activeContextId===e.activeContextId&&r({type:`SET_LIVE_ERROR`,error:t instanceof Error?t.message:`Live update failed`})}).finally(()=>{d.current=!1,m(e=>e+1)})},n.liveError?1500:100))},[n.activeContextType,n.activeContextId,n.liveEnabled,n.filters,n.geoSelection,l,o,p,n.liveError]);let h=(0,Q.useCallback)(async e=>{let t=c.current;if(t.activeContextType!==`context`||!t.activeContextId||o)return;let n=l,i=e?{filters:t.filters,geoSelection:t.geoSelection,queries:n,binding:wn(t.filters,t.geoSelection,n)}:null;try{await L.request(`context.filters.set`,{contextId:t.activeContextId,liveQuery:i}),s.current=JSON.stringify({filters:t.filters,geoSelection:t.geoSelection,queries:n}),r({type:`SET_LIVE`,enabled:e})}catch(e){r({type:`SET_LIVE_ERROR`,error:e instanceof Error?e.message:`Could not change Live mode`})}},[o,l]);(0,Q.useEffect)(()=>{n.activeContextType===null&&zp(n.filters)},[n.filters,n.activeContextType]);let g=(0,Q.useCallback)(e=>r({type:`SET_VIEW`,view:e}),[]),_=(0,Q.useCallback)(e=>r({type:`TOGGLE_VIEW`,view:e}),[]),v=(0,Q.useCallback)(()=>r({type:`CLOSE_T1`}),[]),y=(0,Q.useCallback)(e=>r({type:`OPEN_T2_AGENT`,agentId:e}),[]),b=(0,Q.useCallback)(()=>r({type:`CLOSE_T2`}),[]),x=(0,Q.useCallback)(e=>r({type:`OPEN_ADD`,kind:e}),[]),S=(0,Q.useCallback)(e=>r({type:`OPEN_ADD`,kind:null,modal:e?.modal,relateTo:e?.fresh?null:void 0}),[]),C=(0,Q.useCallback)((e,t=!1)=>r({type:`OPEN_ADD`,kind:null,relateTo:e,modal:t}),[]),w=(0,Q.useCallback)(()=>r({type:`CLOSE_ADD`}),[]),T=(0,Q.useCallback)((e,t)=>r({type:`OPEN_EDIT`,document:e,workspaceId:t}),[]),E=(0,Q.useCallback)(e=>r({type:`SET_TOOLS_TAB`,tab:e}),[]),D=(0,Q.useCallback)(e=>r({type:`SET_APPS_APPLET`,appletId:e}),[]),O=(0,Q.useCallback)(e=>r({type:`SET_ACCENT_COLOR`,color:e}),[]),k=(0,Q.useCallback)(e=>{r({type:`SET_FILTERS`,filters:e})},[]),A=(0,Q.useCallback)((e,t)=>{let{filters:n}=c.current,i=e.startsWith(kp),a=i?n.features.allOf.filter(t=>t!==e):t?[...new Set([...n.features.allOf,e])]:n.features.allOf.filter(t=>t!==e),o=i&&t?[...new Set([...n.features.anyOf,e])]:n.features.anyOf.filter(t=>t!==e),s=n.features.noneOf.filter(t=>t!==e);r({type:`SET_FILTERS`,filters:{...n,features:{allOf:a,anyOf:o,noneOf:s}}})},[]),j=(0,Q.useCallback)((e,t)=>{let{filters:n}=c.current,i=n.features.allOf.filter(t=>t!==e),a=n.features.anyOf.filter(t=>t!==e),o=n.features.noneOf.filter(t=>t!==e);t===`allOf`?i.push(e):t===`anyOf`?a.push(e):t===`noneOf`&&o.push(e),r({type:`SET_FILTERS`,filters:{...n,features:{allOf:i,anyOf:a,noneOf:o}}})},[]),M=(0,Q.useCallback)(()=>{let{filters:e}=c.current;r({type:`SET_GEO_SELECTION`,selection:null}),r({type:`SET_FILTERS`,filters:{...Ye,timeline:{...e.timeline,quickFilter:null,customRanges:[],customRange:null,selectedTimelines:[]}}});let t=new URLSearchParams(i.search);t.delete(`q`),t.delete(`search`),t.set(`q`,``),a({pathname:i.pathname,search:t.toString(),hash:i.hash},{replace:!0})},[i.pathname,i.search,i.hash,a]),N=(0,Q.useCallback)(e=>{let{filters:t}=c.current;r({type:`SET_FILTERS`,filters:{...t,sort:e}})},[]),P=(0,Q.useCallback)(e=>{let{filters:t}=c.current;r({type:`SET_FILTERS`,filters:{...t,timeline:{...t.timeline,...e}}})},[]),ee=(0,Q.useCallback)(e=>{let{filters:t}=c.current;r({type:`SET_FILTERS`,filters:{...t,geo:{...t.geo,bbox:e}}})},[]),F=(0,Q.useCallback)(e=>{let{filters:t}=c.current;r({type:`SET_FILTERS`,filters:{...t,lens:{...t.lens,gps:e}}})},[]),I=(0,Q.useCallback)(e=>{let{filters:t}=c.current;r({type:`SET_FILTERS`,filters:{...t,lens:{...t.lens,ids:e}}})},[]),te=(0,Q.useCallback)(e=>{r({type:`SET_GEO_SELECTION`,selection:e})},[]),R=(0,Q.useCallback)((e,t=null)=>{r({type:`SET_MAP_DOCUMENTS`,documents:e,workspaceId:t})},[]),ne=(0,Q.useCallback)(async()=>{let{activeContextType:e,activeContextId:t,activeWorkspaceName:n,activeTreeName:a,activeContextPath:s,filters:u,geoSelection:d,isSaving:f}=c.current;if(!f){r({type:`SET_SAVING`,isSaving:!0});try{if(e===`canvas`&&n&&s){let e=a||`context`,t=Vp(await Jo(n,e),s),r=new URLSearchParams(i.search).get(`q`)||new URLSearchParams(i.search).get(`search`)||``;await Io(n,s,{metadata:{...t?.metadata||{},toolbox:Np(u)},querySpec:{features:u.features,filters:[...tt(u.timeline),...xn(u.geo)],query:r.trim()||void 0,sort:u.sort?.sortBy?u.sort:null}},e),Gs(n,e)}else if(e===`context`&&t){let e=(await yl(t,o)).metadata||{},n=new URLSearchParams(i.search).get(`q`)||new URLSearchParams(i.search).get(`search`)||``;await al(t,{metadata:{...e,toolbox:u,toolboxGeoSelection:d,toolboxSearchQuery:n.trim()||void 0},...wn(u,d,l)},o)}let c=new URLSearchParams(i.search).get(`q`)||new URLSearchParams(i.search).get(`search`)||``;r({type:`SET_SAVED_FILTERS`,savedFilters:u,savedSearchQuery:c.trim()||null,hydrating:!0}),e===`context`&&r({type:`SET_SAVED_GEO_SELECTION`,selection:d})}finally{r({type:`SET_SAVING`,isSaving:!1})}}},[i.search,o,l]),z=(0,Q.useCallback)(e=>{let t=c.current.availableBitmaps.filter(t=>t!==e);r({type:`SET_BITMAPS`,keys:t});let n=c.current.filters,i={...n,features:{allOf:n.features.allOf.filter(t=>t!==e),anyOf:n.features.anyOf.filter(t=>t!==e),noneOf:n.features.noneOf.filter(t=>t!==e)}};JSON.stringify(i.features)!==JSON.stringify(n.features)&&r({type:`SET_FILTERS`,filters:i})},[]),re=(0,Q.useCallback)(async e=>{let t=c.current.activeWorkspaceName;if(!t)throw Error(`No active workspace`);await Oc(t,e),z(e)},[z]),ie=(0,Q.useCallback)(async e=>{let t=c.current.activeWorkspaceName;if(!t)throw Error(`No active workspace`);let n=await gs(t,e);return z(e),window.dispatchEvent(new CustomEvent(`workspace:documents:refresh`,{detail:{workspaceName:t}})),n.documentsDeleted},[z]),ae=(0,Q.useCallback)(()=>{let e=c.current.activeWorkspaceName;e&&(r({type:`SET_TIMELINES_LOADING`,loading:!0}),es(e).then(e=>{r({type:`SET_TIMELINES`,names:e.map(e=>e.name),scales:Object.fromEntries(e.filter(e=>e.scales?.length).map(e=>[e.name,e.scales]))})}))},[]),oe=(0,Q.useCallback)(async e=>{let t=c.current.activeWorkspaceName;if(!t)throw Error(`No active workspace`);await ps(t,e),ae()},[ae]),se=(0,Q.useCallback)(async e=>{let t=c.current.activeWorkspaceName;if(!t)throw Error(`No active workspace`);await rs(t,e);let n=c.current.availableTimelines.filter(t=>t!==e);r({type:`SET_TIMELINES`,names:n});let i=c.current.filters,a=i.timeline.selectedTimelines.filter(t=>t!==e);a.length!==i.timeline.selectedTimelines.length&&r({type:`SET_FILTERS`,filters:{...i,timeline:{...i.timeline,selectedTimelines:a}}})},[]),{features:B,timeline:V,geo:H,lens:U}=n.filters,ce=B.allOf.length>0||B.anyOf.length>0||B.noneOf.length>0||V.quickFilter!==null||(V.customRanges?.length??0)>0||(V.selectedTimelines?.length??0)>0||H.bbox!==null||U.gps!==null||U.ids!==null||n.geoSelection!==null;return(0,$.jsx)($c.Provider,{value:{state:n,setView:g,toggleView:_,closeT1:v,openAgentT2:y,closeT2:b,openAdd:x,openAddPicker:S,openAddRelated:C,closeAdd:w,openEdit:T,setToolsTab:E,openApplet:D,setAccentColor:O,setFilters:k,setFeatureToggle:A,setFeatureMode:j,clearFilters:M,hasActiveFilters:ce,setTimelineFilter:P,setGeoBBox:ee,setLensGps:F,setLensIds:I,setGeoSelection:te,setMapDocuments:R,setSort:N,setLiveEnabled:h,saveFilters:ne,deleteBitmap:re,deleteDataset:ie,createTimeline:oe,deleteTimeline:se,refreshTimelines:ae},children:e})}function Up(e){let t=new URLSearchParams(e),n=t.getAll(`q`).map(e=>e.trim()).filter(Boolean),r=(t.get(`search`)||``).trim();return t.has(`q`)?n:r?[r]:[]}function Wp(){let{state:e,setFilters:t}=el();return(0,$.jsxs)(`label`,{className:`flex items-center gap-2 text-xs text-muted-foreground`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:e.filters.geo.includeUnlocated??!1,onChange:n=>t({...e.filters,geo:{...e.filters.geo,includeUnlocated:n.target.checked}})}),`Include documents without a location`]})}var Gp=p(),Kp=n(Dl(),1);Ol();var qp=`#8b5cf6`,Jp=`#94a3b8`,Yp={color:qp,weight:2,fillColor:qp,fillOpacity:.12},Xp={color:qp,weight:2,dashArray:`5,5`,fillColor:qp,fillOpacity:.06},Zp=e=>Math.round(e*1e6)/1e6;function Qp(e){let t=e<10?32:e<100?38:44,n=`<div style="display:flex;align-items:center;justify-content:center;width:${t}px;height:${t}px;border-radius:9999px;background:${qp};color:#fff;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.4);font:600 12px system-ui,sans-serif;cursor:pointer">${e}</div>`;return Kp.default.divIcon({html:n,className:`canvas-map-cluster`,iconSize:[t,t],iconAnchor:[t/2,t/2]})}var $p=e=>e.replace(/[&<>"']/g,e=>({"&":`&`,"<":`<`,">":`>`,'"':`"`,"'":`'`})[e]),em=new Map;function tm(e){let t=em.get(e);return t??(t=(0,Gp.renderToStaticMarkup)((0,Q.createElement)(Mp(e),{width:13,height:13,strokeWidth:2.5})),em.set(e,t)),t}var nm=new Map;function rm(e,t){let n=`${e}|${+!!t}`,r=nm.get(n);if(!r){let i=`<div style="display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:9999px;background:${t?qp:Jp};color:#fff;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.4);cursor:pointer">${tm(e)}</div>`;r=Kp.default.divIcon({html:i,className:`canvas-map-pin`,iconSize:[26,26],iconAnchor:[13,13]}),nm.set(n,r)}return r}function im(){let{state:e,setGeoSelection:t,setGeoBBox:n}=el(),{mapDocuments:r,geoSelection:i,mapWorkspaceId:a}=e,o=e.filters.geo.bbox,{open:s}=ge(),c=(0,Q.useRef)(null),l=(0,Q.useRef)(null),u=(0,Q.useRef)(null),d=(0,Q.useRef)(null),f=(0,Q.useRef)(null),p=(0,Q.useRef)([]),m=(0,Q.useRef)(!1),[h,g]=(0,Q.useState)(`idle`),[_,v]=(0,Q.useState)(0),y=(0,Q.useRef)(h),b=(0,Q.useMemo)(()=>r.reduce((e,t)=>e+ +!!Ae(t),0),[r]),x=(0,Q.useMemo)(()=>i?r.reduce((e,t)=>{let n=Ae(t);return e+(n&&bn(n.lat,n.lon,i)?1:0)},0):0,[r,i]),S=(0,Q.useCallback)(()=>{let e=f.current;if(!e)return;e.clearLayers();let t=p.current;t.length!==0&&(t.length>=2&&Kp.default.polyline(t,Xp).addTo(e),t.forEach(t=>Kp.default.circleMarker(t,{radius:4,color:qp,weight:2,fillColor:`#fff`,fillOpacity:1}).addTo(e)))},[]),C=(0,Q.useCallback)(()=>{p.current=[],v(0),f.current?.clearLayers()},[]),w=(0,Q.useCallback)(()=>{let e=p.current;e.length>=3&&t({kind:`polygon`,points:e.map(e=>({lat:Zp(e.lat),lon:Zp(e.lng)}))}),C(),g(`idle`)},[t,C]),T=(0,Q.useCallback)(()=>{C(),g(`idle`),t(null),n(null)},[C,t,n]);(0,Q.useEffect)(()=>{let e=c.current;if(!e||l.current)return;let t=Kp.default.map(e,{center:[20,0],zoom:2,worldCopyJump:!0});Kp.default.tileLayer(`https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png`,{attribution:`© OpenStreetMap contributors`,maxZoom:19}).addTo(t),u.current=Kp.default.markerClusterGroup({showCoverageOnHover:!1,maxClusterRadius:44,spiderfyOnMaxZoom:!0,chunkedLoading:!0,iconCreateFunction:e=>Qp(e.getChildCount())}).addTo(t),f.current=Kp.default.layerGroup().addTo(t),l.current=t;let r=t.getContainer(),i=null,a=null,o=()=>{a&&=(a.remove(),null)},s=e=>{if(y.current===`rect`){e.preventDefault(),i=t.mouseEventToLatLng(e),o();try{r.setPointerCapture(e.pointerId)}catch{}}},m=e=>{if(y.current!==`rect`||!i)return;e.preventDefault();let n=Kp.default.latLngBounds(i,t.mouseEventToLatLng(e));a?a.setBounds(n):a=Kp.default.rectangle(n,Xp).addTo(t)},h=e=>{if(y.current!==`rect`||!i)return;let a=Kp.default.latLngBounds(i,t.mouseEventToLatLng(e));i=null,o();try{r.releasePointerCapture(e.pointerId)}catch{}let s=a.getSouthWest(),c=a.getNorthEast();s.lat!==c.lat&&s.lng!==c.lng&&n({minLat:Zp(s.lat),minLon:Zp(s.lng),maxLat:Zp(c.lat),maxLon:Zp(c.lng)}),g(`idle`)};r.addEventListener(`pointerdown`,s),r.addEventListener(`pointermove`,m),r.addEventListener(`pointerup`,h),r.addEventListener(`pointercancel`,h);let _=e=>{y.current===`polygon`&&(p.current=[...p.current,e.latlng],v(p.current.length),S())};t.on(`click`,_);let b=new ResizeObserver(()=>t.invalidateSize());b.observe(e);let x=window.setTimeout(()=>t.invalidateSize(),120);return()=>{r.removeEventListener(`pointerdown`,s),r.removeEventListener(`pointermove`,m),r.removeEventListener(`pointerup`,h),r.removeEventListener(`pointercancel`,h),t.off(`click`,_),b.disconnect(),window.clearTimeout(x),t.remove(),l.current=null,u.current=null,f.current=null,d.current=null}},[t,n,S]),(0,Q.useEffect)(()=>{y.current=h;let e=l.current;if(!e)return;let t=e.getContainer();h!==`polygon`&&p.current.length&&C(),h===`rect`?(e.dragging.disable(),e.doubleClickZoom.disable(),t.style.cursor=`crosshair`,t.style.touchAction=`none`):h===`polygon`?(e.dragging.enable(),e.doubleClickZoom.disable(),t.style.cursor=`crosshair`,t.style.touchAction=``):(e.dragging.enable(),e.doubleClickZoom.enable(),t.style.cursor=``,t.style.touchAction=``)},[h,C]),(0,Q.useEffect)(()=>{let e=l.current,t=c.current;if(!e||!t)return;let n=new ResizeObserver(()=>e.invalidateSize());return n.observe(t),()=>n.disconnect()},[]),(0,Q.useEffect)(()=>{let e=l.current,t=u.current;if(!e||!t)return;t.clearLayers();let n=[],o=[];for(let e of r){let t=Ae(e);if(!t)continue;n.push([t.lat,t.lon]);let r=!i||bn(t.lat,t.lon,i),c=Kp.default.marker([t.lat,t.lon],{icon:rm(e.schema,r),opacity:i&&!r?.55:1,zIndexOffset:r?1e3:0});c.bindTooltip($p(os(e).title),{direction:`top`,offset:[0,-14]}),c.on(`click`,()=>{y.current===`idle`&&s(e,a??``)}),o.push(c)}t.addLayers(o),!m.current&&n.length&&!i&&(m.current=!0,e.fitBounds(Kp.default.latLngBounds(n),{padding:[30,30],maxZoom:14,animate:!1}))},[r,i,s,a]),(0,Q.useEffect)(()=>{let e=l.current;if(!e||(d.current&&=(d.current.remove(),null),!o&&!i))return;let t=Kp.default.layerGroup();o&&Kp.default.rectangle(Kp.default.latLngBounds([o.minLat,o.minLon],[o.maxLat,o.maxLon]),Yp).addTo(t),i?.kind===`polygon`&&Kp.default.polygon(i.points.map(e=>[e.lat,e.lon]),Yp).addTo(t),t.addTo(e),d.current=t},[o,i]);let E=h===`rect`?`Drag a box on the map…`:h===`polygon`?`Tap to add points${_?` · ${_}`:``}`:o||i?`Area selected`:`Pan & pick an area`,D=`flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-xs font-medium transition-colors`;return(0,$.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col`,children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5 border-b border-border px-3 py-2 shrink-0`,children:[(0,$.jsxs)(`button`,{type:`button`,onClick:()=>g(h===`rect`?`idle`:`rect`),className:J(D,h===`rect`?`border-primary bg-primary/10 text-foreground`:`border-border text-muted-foreground hover:bg-muted hover:text-foreground`),title:`Drag a rectangle to select an area`,children:[(0,$.jsx)(_a,{className:`h-3.5 w-3.5`}),`Box`]}),(0,$.jsxs)(`button`,{type:`button`,onClick:()=>g(h===`polygon`?`idle`:`polygon`),className:J(D,h===`polygon`?`border-primary bg-primary/10 text-foreground`:`border-border text-muted-foreground hover:bg-muted hover:text-foreground`),title:`Tap points to enclose an area`,children:[(0,$.jsx)(Er,{className:`h-3.5 w-3.5`}),`Polygon`]}),h===`polygon`&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`button`,{type:`button`,onClick:w,disabled:_<3,className:J(D,`border-primary bg-primary text-primary-foreground hover:bg-primary disabled:opacity-40 disabled:hover:bg-primary`),title:`Close the polygon and filter`,children:[(0,$.jsx)(rr,{className:`h-3.5 w-3.5`}),`Finish`]}),_>0&&(0,$.jsx)(`button`,{type:`button`,onClick:C,className:J(D,`border-border text-muted-foreground hover:bg-muted hover:text-foreground`),title:`Discard the points placed so far`,children:(0,$.jsx)(mr,{className:`h-3.5 w-3.5`})})]}),(0,$.jsxs)(`button`,{type:`button`,onClick:T,disabled:!o&&!i&&h===`idle`,className:J(D,`border-border text-muted-foreground hover:bg-muted hover:text-foreground disabled:opacity-40 disabled:hover:bg-transparent`),title:`Clear the area selection`,children:[(0,$.jsx)(Xr,{className:`h-3.5 w-3.5`}),`Clear`]}),(0,$.jsx)(`span`,{className:`ml-auto text-[11px] text-muted-foreground`,children:E})]}),(0,$.jsxs)(`div`,{className:`relative isolate flex-1 min-h-0`,children:[(0,$.jsx)(`div`,{ref:c,className:`absolute inset-0`}),b===0&&(0,$.jsx)(`div`,{className:`pointer-events-none absolute inset-0 z-[2] flex items-center justify-center`,children:(0,$.jsxs)(`div`,{className:`rounded-lg border bg-card/95 px-4 py-3 text-center shadow-elevation-2`,children:[(0,$.jsx)(`p`,{className:`text-sm font-medium text-foreground`,children:`No located documents`}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`None of the current results carry location metadata.`})]})})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5 border-t border-border px-3 py-2 shrink-0 text-[11px] text-muted-foreground`,children:[(0,$.jsx)(Bi,{className:`h-3 w-3`}),b,` of `,r.length,` located`,i&&(0,$.jsxs)(`span`,{className:`text-foreground font-medium`,children:[`· `,x,` in area`]})]})]})}var am=[{label:`25 m`,m:25},{label:`100 m`,m:100},{label:`500 m`,m:500},{label:`2 km`,m:2e3},{label:`10 km`,m:1e4}],om=`h-7 rounded-md border border-input bg-transparent px-1.5 text-xs outline-none focus-visible:ring-1 focus-visible:ring-ring`,sm=`h-7 rounded-md border border-input bg-transparent px-2 text-xs outline-none focus-visible:ring-1 focus-visible:ring-ring`,cm=e=>Math.round(e*1e4)/1e4;function lm(){let{state:e,setLensGps:t,setLensIds:n}=el(),r=e.filters.lens,i=e.activeWorkspaceName,a=r.gps?.radiusM??100,[o,s]=(0,Q.useState)(!1),[c,l]=(0,Q.useState)(r.gps?.radiusM??100),[u,d]=(0,Q.useState)(null),[f,p]=(0,Q.useState)(0),[m,h]=(0,Q.useState)(`prompt`),g=(0,Q.useRef)(null),_=(0,Q.useRef)(c);(0,Q.useEffect)(()=>{_.current=c},[c]);let v=`geolocation`in navigator&&window.isSecureContext;(0,Q.useEffect)(()=>{if(!navigator.permissions?.query)return;let e=null;return navigator.permissions.query({name:`geolocation`}).then(t=>{e=t,h(t.state===`granted`?`granted`:t.state===`denied`?`denied`:`prompt`),t.onchange=()=>h(t.state===`granted`?`granted`:t.state===`denied`?`denied`:`prompt`)}).catch(()=>{}),()=>{e&&(e.onchange=null)}},[]),(0,Q.useEffect)(()=>{if(!o||!v)return;let e=navigator.geolocation.watchPosition(e=>{let n=cm(e.coords.latitude),r=cm(e.coords.longitude);t({lat:n,lon:r,radiusM:_.current})},e=>d(e.code===e.PERMISSION_DENIED?`Location permission denied.`:e.message),{enableHighAccuracy:!0,maximumAge:15e3,timeout:2e4});return g.current=e,()=>{navigator.geolocation.clearWatch(e),g.current=null}},[o,v,f,t]);let y=e=>{s(e),d(null),e||t(null)},b=()=>{d(null),s(!0),p(e=>e+1)},x=e=>{l(e),r.gps&&t({...r.gps,radiusM:e})},S=np(),{rateMs:C,setRateMs:w,maxDistance:T,setMaxDistance:E,error:D}=S,O=S.running&&S.consumer===`filter`,k=S.running&&S.consumer!==`filter`;rp(O);let A=t=>{i&&S.start(t,`filter`,{workspaceRef:i,contextPath:e.activeContextPath})},j=O,M=S.snapshotSize??S.camera?.size,N=!!M&&M.height>M.width;return(0,$.jsxs)(`div`,{className:`flex flex-col gap-4 p-3 text-sm`,children:[e.activeContextType===`context`&&(0,$.jsxs)(`p`,{className:`text-xs text-muted-foreground`,children:[`Point the camera at an object to find visually related content in this context. `,e.liveEnabled?`Bound devices follow your matches as you move.`:`Enable Live to show the matches on your other devices.`]}),(0,$.jsx)(Wp,{}),(0,$.jsxs)(`section`,{className:`space-y-2`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,$.jsxs)(`label`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:o,disabled:!v,onChange:e=>y(e.target.checked)}),(0,$.jsx)(Ji,{className:`h-4 w-4 text-muted-foreground`}),(0,$.jsx)(`span`,{children:`Track this device’s GPS`})]}),(0,$.jsx)(`select`,{className:om,value:c,onChange:e=>x(Number(e.target.value)),disabled:!o,children:am.map(e=>(0,$.jsx)(`option`,{value:e.m,children:e.label},e.m))})]}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:v?m===`denied`?(0,$.jsx)(`span`,{className:`text-destructive`,children:`Location is blocked for this site. Allow it in your browser/app settings, then retry.`}):u?(0,$.jsxs)(`span`,{className:`text-destructive`,children:[u,` `,(0,$.jsx)(`button`,{type:`button`,onClick:b,className:`underline hover:text-foreground`,children:`Request again`})]}):r.gps?`Showing documents within ${a>=1e3?`${a/1e3} km`:`${a} m`} of ${r.gps.lat}, ${r.gps.lon}.`:o?`Waiting for a position fix…`:`Resurface documents geotagged near your current position.`:`Needs a secure context (https or localhost) with location access.`})]}),(0,$.jsxs)(`section`,{className:`space-y-2 border-t border-border pt-3`,children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[j?(0,$.jsxs)(`button`,{type:`button`,onClick:S.stop,className:`flex h-7 items-center gap-1 rounded-md bg-destructive px-2.5 text-xs font-medium text-destructive-foreground hover:bg-destructive/90`,children:[(0,$.jsx)(Ui,{className:`h-3.5 w-3.5`}),` `,S.source===`photo`?`Close photo`:`Stop ${S.source===`camera`?`camera`:`recording`}`]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`button`,{type:`button`,onClick:()=>A(`camera`),disabled:!i||k,className:`flex h-7 items-center gap-1 rounded-md bg-foreground px-2.5 text-xs font-medium text-background hover:bg-foreground/90 disabled:opacity-50`,children:[(0,$.jsx)(Hr,{className:`h-3.5 w-3.5`}),` Camera`]}),(0,$.jsxs)(`button`,{type:`button`,onClick:()=>A(`screen`),disabled:!i||k,className:`flex h-7 items-center gap-1 rounded-md bg-foreground px-2.5 text-xs font-medium text-background hover:bg-foreground/90 disabled:opacity-50`,children:[(0,$.jsx)(pa,{className:`h-3.5 w-3.5`}),` Desktop`]})]}),(0,$.jsx)(wp,{consumer:`filter`,workspaceRef:i??``,contextPath:e.activeContextPath,disabled:k,className:`flex h-7 items-center gap-1 rounded-md bg-foreground px-2.5 text-xs font-medium text-background hover:bg-foreground/90 disabled:opacity-50`}),(0,$.jsx)(`select`,{className:om,value:C,onChange:e=>w(Number(e.target.value)),disabled:!i,title:`Frame rate. High rates (10–30 fps) are experimental; the loop never overlaps requests, so the effective rate is capped by search latency.`,children:dp.map(e=>(0,$.jsx)(`option`,{value:e.ms,children:e.label},e.ms))}),(0,$.jsx)(`input`,{className:J(sm,`w-24`),placeholder:`max dist`,inputMode:`decimal`,value:T,onChange:e=>E(e.target.value),title:`Cosine-distance floor (0 = identical). Empty = top-K (loose but tunable).`})]}),(0,$.jsxs)(`div`,{className:J(`relative overflow-hidden rounded-lg border border-border bg-black/80`,j?N?`aspect-[3/4] max-h-[60vh]`:`aspect-video`:`hidden`),children:[(0,$.jsx)(gp,{className:`h-full w-full`,interactive:!0}),(0,$.jsx)(Sp,{})]}),j&&(0,$.jsx)(xp,{}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:D?(0,$.jsx)(`span`,{className:`text-destructive`,children:D}):j?S.snapshot?`Snapshot: view narrowed to ${S.lastCount??`…`} match${S.lastCount===1?``:`es`}. The photo is not stored. Tap Live to resume the feed.`:`Live: view narrowed to ${S.lastCount??`…`} match${S.lastCount===1?``:`es`}. Tap the shutter to search one still frame. Frames are ephemeral, never stored. Closing the toolbox keeps it running.`:k?`The Lens applet is using the camera. Stop it there first.`:r.ids===null?i?`Point a camera (or share a screen). The view narrows to what the feed matches.`:`Open a workspace to refine with a live feed.`:`The current view holds ${r.ids.length} camera match${r.ids.length===1?``:`es`}. Save to keep this view, or clear matches to remove the camera filter.`}),!j&&r.ids!==null&&(0,$.jsx)(`button`,{type:`button`,onClick:()=>n(null),className:`min-h-10 rounded-md border border-border px-3 text-xs hover:bg-muted`,children:`Clear matches`})]})]})}var um={"crud:created":`var(--data-5)`,"crud:updated":`var(--data-8)`,"crud:deleted":`var(--data-3)`,content:`var(--data-10)`,tasks:`var(--data-1)`};function dm(e){let t=0;for(let n=0;n<e.length;n++)t=t*31+e.charCodeAt(n)|0;return(t%360+360)%360}function fm(e){return um[e]??`oklch(var(--data-l) var(--data-c) ${dm(e)})`}var pm=[{label:`Day`,cells:[`yesterday`,`today`,`tomorrow`]},{label:`Week`,cells:[`lastWeek`,`thisWeek`,`nextWeek`]},{label:`Month`,cells:[`lastMonth`,`thisMonth`,`nextMonth`]},{label:`Year`,cells:[`lastYear`,`thisYear`,`nextYear`]}],mm=[{label:`Decade`,cells:[`lastDecade`,`thisDecade`,`nextDecade`]},{label:`Century`,cells:[`lastCentury`,`thisCentury`,`nextCentury`]},{label:`Millennium`,cells:[`lastMillennium`,`thisMillennium`,`nextMillennium`]}],hm=[`Yesterday`,`Today`,`Tomorrow`],gm=[{label:`Millennium`,unit:`millennium`},{label:`Century`,unit:`century`},{label:`Decade`,unit:`decade`},{label:`Year`,unit:`year`},{label:`Month`,unit:`month`},{label:`Week`,unit:`week`}],_m=10,vm=[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`];function ym(e,t){let n=new Date;switch(e){case`millennium`:{let e=Math.floor(n.getFullYear()/1e3)*1e3;return new Date(e-t*1e3,0,1)}case`century`:{let e=Math.floor(n.getFullYear()/100)*100;return new Date(e-t*100,0,1)}case`decade`:{let e=Math.floor(n.getFullYear()/10)*10;return new Date(e-t*10,0,1)}case`year`:return new Date(n.getFullYear()-t,0,1);case`month`:return new Date(n.getFullYear(),n.getMonth()-t,1);case`week`:{let e=(n.getDay()+6)%7,r=new Date(n.getFullYear(),n.getMonth(),n.getDate()-e);return r.setDate(r.getDate()-t*7),r}}}function bm(e,t){let n=new Date(t);switch(e){case`millennium`:n.setFullYear(n.getFullYear()+1e3);break;case`century`:n.setFullYear(n.getFullYear()+100);break;case`decade`:n.setFullYear(n.getFullYear()+10);break;case`year`:n.setFullYear(n.getFullYear()+1);break;case`month`:n.setMonth(n.getMonth()+1);break;case`week`:n.setDate(n.getDate()+7)}return n}function xm(e,t,n){if(n===0)return`Now`;switch(e){case`millennium`:case`century`:case`decade`:{let e=t.getFullYear();return e<=0?`${1-e} BCE`:`${e}`}case`year`:return`${t.getFullYear()}`;case`month`:return`${vm[t.getMonth()]} ${t.getFullYear()}`;case`week`:{let e=new Date(t);return e.setDate(e.getDate()+6),`${t.getDate()} ${vm[t.getMonth()]} – ${e.getDate()} ${vm[e.getMonth()]}`}}}function Sm(e,t){return Array.from({length:t},(t,n)=>{let r=ym(e,n),i=bm(e,r);return{offset:n,label:xm(e,r,n),start:r,end:i,isNow:n===0}})}var Cm={yesterday:5,today:5,tomorrow:5,lastWeek:5,thisWeek:5,nextWeek:5,lastMonth:4,thisMonth:4,nextMonth:4,lastYear:3,thisYear:3,nextYear:3,lastDecade:2,thisDecade:2,nextDecade:2,lastCentury:1,thisCentury:1,nextCentury:1,lastMillennium:0,thisMillennium:0,nextMillennium:0};function wm(e){let t=e=>String(e).padStart(2,`0`);return`${e.getFullYear()}-${t(e.getMonth()+1)}-${t(e.getDate())}`}function Tm(e,t){let n=Am(e);return n?(n.setDate(n.getDate()+t),wm(n)):e}function Em(e){let t=[...e].sort((e,t)=>e.start.localeCompare(t.start)),n=[];for(let e of t){let t=n[n.length-1];t&&e.start<=Tm(t.end,1)?e.end>t.end&&(t.end=e.end):n.push({...e})}return n}function Dm(e,t){let n=e.find(e=>t>=e.start&&t<=e.end);if(!n)return Em([...e,{start:t,end:t}]);let r=e.filter(e=>e!==n);return n.start<=Tm(t,-1)&&r.push({start:n.start,end:Tm(t,-1)}),Tm(t,1)<=n.end&&r.push({start:Tm(t,1),end:n.end}),r.sort((e,t)=>e.start.localeCompare(t.start))}function Om(e,t){if(e===`week`||e===`month`){let e=new Date(t.end);return e.setDate(e.getDate()-1),{start:wm(t.start),end:wm(e)}}return{start:String(t.start.getFullYear()),end:String(t.end.getFullYear()-1)}}function km({quickFilterKey:e,activeRangeCount:t,onSelectRanges:n,histogramNames:r}){let{state:i}=el(),{activeWorkspaceName:a,activeTreeName:o,activeContextPath:s,filters:c}=i,[l,u]=(0,Q.useState)(3),[d,f]=(0,Q.useState)(_m),[p,m]=(0,Q.useState)(new Set),[h,g]=(0,Q.useState)([]),[_,v]=(0,Q.useState)(e);e!==_&&(v(e),e&&Cm[e]!==void 0&&u(Cm[e]),m(new Set));let[y,b]=(0,Q.useState)(t);t!==y&&(b(t),t===0&&m(new Set));let x=gm[l],S=Sm(x.unit,d),C=JSON.stringify(c.features)+JSON.stringify(c.geo),w=r.join(`,`);(0,Q.useEffect)(()=>{if(!a||r.length===0)return;let e=!1,t=setTimeout(()=>{xs(a,{names:r,buckets:Sm(x.unit,d).map(e=>Om(x.unit,e)),context:s??`/`,...o?{treeNameOrTreeId:o}:{},allOf:c.features.allOf,anyOf:c.features.anyOf,noneOf:c.features.noneOf,filters:xn(c.geo),applyCanvasSpec:!1}).then(t=>{e||g(t)}).catch(()=>{e||g([])})},250);return()=>{e=!0,clearTimeout(t)}},[a,o,s,x.unit,d,w,C]);let T=a&&r.length>0?h:[],E=Math.max(1,...T.map(e=>e.total)),D=e=>{u(t=>Math.max(0,Math.min(5,t+e))),f(_m),m(new Set)},O=(0,Q.useCallback)((e,t)=>{m(r=>{let i;if(t&&r.size>0){let t=Math.min(e,...r),n=Math.max(e,...r);i=new Set(r);for(let e=t;e<=n;e++)i.add(e)}else i=new Set(r),i.has(e)?i.delete(e):i.add(e);let a=[...i].sort((e,t)=>e-t),o=[];for(let e of a){let t=o[o.length-1];t&&e===t[1]+1?t[1]=e:o.push([e,e])}return n(o.map(([e,t])=>{let n=S.find(e=>e.offset===t).start,r=new Date(S.find(t=>t.offset===e).end);return r.setDate(r.getDate()-1),{start:wm(n),end:wm(r)}})),i})},[S,n]);return(0,$.jsxs)(`div`,{className:`w-48 shrink-0 flex flex-col border-r border-border bg-muted/20`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-1 px-2 py-1.5 border-b border-border shrink-0`,children:[(0,$.jsx)(`span`,{className:`text-[11px] font-semibold text-foreground/80 select-none`,children:x.label}),(0,$.jsxs)(`div`,{className:`flex items-center gap-0.5`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:()=>D(1),className:`p-1 rounded text-muted-foreground hover:text-foreground hover:bg-muted transition-colors`,title:`Zoom in (finer periods)`,children:(0,$.jsx)(Yn,{className:`w-3.5 h-3.5`})}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>D(-1),className:`p-1 rounded text-muted-foreground hover:text-foreground hover:bg-muted transition-colors`,title:`Zoom out (coarser periods)`,children:(0,$.jsx)(Tr,{className:`w-3.5 h-3.5`})})]})]}),(0,$.jsxs)(`div`,{className:`flex-1 min-h-0 overflow-y-auto p-1.5 space-y-1 touch-target`,children:[S.map(e=>{let t=p.has(e.offset),n=T[e.offset],r=n?.total??0,i=r>0?Math.log1p(r)/Math.log1p(E):0,a=n&&r>0?`: ${r} doc${r===1?``:`s`} (${Object.entries(n.counts).map(([e,t])=>`${e}: ${t}`).join(`, `)})`:``;return(0,$.jsxs)(`button`,{type:`button`,onClick:t=>O(e.offset,t.shiftKey),title:`${e.isNow?`Now`:e.label}${a}. Click to tag, shift-click to fill range`,className:J(`w-full flex items-center gap-2 rounded-2xl px-3 py-1.5 text-xs font-medium transition-colors select-none text-left`,t?`bg-primary text-primary-foreground`:e.isNow?`bg-primary/10 text-primary hover:bg-primary/20`:`bg-card text-foreground hover:bg-muted shadow-elevation-1`),children:[e.isNow&&(0,$.jsx)(Kn,{className:`w-3 h-3 shrink-0`}),(0,$.jsxs)(`span`,{className:`flex-1 min-w-0 flex flex-col`,children:[(0,$.jsxs)(`span`,{className:`flex items-baseline justify-between gap-1`,children:[(0,$.jsx)(`span`,{className:`truncate`,children:e.label}),r>0&&(0,$.jsx)(`span`,{className:J(`text-[9px] tabular-nums shrink-0`,t?`text-primary-foreground/80`:`text-muted-foreground/70`),children:r})]}),r>0&&(0,$.jsx)(`span`,{className:`mt-1 flex h-[3px] overflow-hidden rounded-full`,style:{width:`${Math.max(8,i*100)}%`},children:Object.entries(n.counts).map(([e,t])=>(0,$.jsx)(`span`,{style:{width:`${t/r*100}%`,backgroundColor:fm(e)}},e))})]})]},e.offset)}),d<200&&(0,$.jsx)(`button`,{type:`button`,onClick:()=>f(e=>e+_m),className:`w-full text-[11px] text-muted-foreground/60 hover:text-muted-foreground py-1.5 transition-colors text-center`,children:`Show older…`})]})]})}function Am(e){let t=/^(-?\d{1,6})-(\d{2})-(\d{2})$/.exec(e);return t?new Date(Number(t[1]),Number(t[2])-1,Number(t[3])):null}function jm({ranges:e,onCommitRange:t,onToggleDay:n}){let r=new Date,[i,a]=(0,Q.useState)(()=>{let t=e[0]?.start&&Am(e[0].start)||r;return{y:t.getFullYear(),m:t.getMonth()}}),[o,s]=(0,Q.useState)(null),[c,l]=(0,Q.useState)(null),u=e=>a(t=>{let n=new Date(t.y,t.m+e,1);return{y:n.getFullYear(),m:n.getMonth()}}),d=(e,r)=>{if(r){n(e),s(null),l(null);return}if(!o){s(e);return}let[i,a]=o<=e?[o,e]:[e,o];t(i,a),s(null),l(null)},f=new Date(i.y,i.m,1),p=new Date(f);p.setDate(p.getDate()-(f.getDay()+6)%7);let m=Array.from({length:42},(e,t)=>{let n=new Date(p);return n.setDate(n.getDate()+t),n}),[h,g]=o?c&&c!==o?o<=c?[o,c]:[c,o]:[o,o]:[null,null],_=t=>e.some(e=>t>=e.start&&t<=e.end),v=t=>e.some(e=>t===e.start||t===e.end),y=wm(r);return(0,$.jsxs)(`div`,{className:`select-none`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between mb-1.5`,children:[(0,$.jsxs)(`div`,{className:`flex items-center`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:()=>u(-12),className:`p-1 rounded text-muted-foreground hover:text-foreground hover:bg-muted transition-colors`,title:`Previous year`,children:(0,$.jsx)(Fr,{className:`w-3.5 h-3.5`})}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>u(-1),className:`p-1 rounded text-muted-foreground hover:text-foreground hover:bg-muted transition-colors`,title:`Previous month`,children:(0,$.jsx)(zn,{className:`w-3.5 h-3.5`})})]}),(0,$.jsxs)(`button`,{type:`button`,onClick:()=>a({y:r.getFullYear(),m:r.getMonth()}),className:`text-xs font-semibold text-foreground hover:text-primary transition-colors`,title:`Jump to current month`,children:[vm[i.m],` `,i.y]}),(0,$.jsxs)(`div`,{className:`flex items-center`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:()=>u(1),className:`p-1 rounded text-muted-foreground hover:text-foreground hover:bg-muted transition-colors`,title:`Next month`,children:(0,$.jsx)(Wa,{className:`w-3.5 h-3.5`})}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>u(12),className:`p-1 rounded text-muted-foreground hover:text-foreground hover:bg-muted transition-colors`,title:`Next year`,children:(0,$.jsx)(hr,{className:`w-3.5 h-3.5`})})]})]}),(0,$.jsx)(`div`,{className:`grid grid-cols-7 mb-0.5`,children:[`Mo`,`Tu`,`We`,`Th`,`Fr`,`Sa`,`Su`].map(e=>(0,$.jsx)(`span`,{className:`text-center text-[9px] font-semibold uppercase text-muted-foreground/60 py-0.5`,children:e},e))}),(0,$.jsx)(`div`,{className:`grid grid-cols-7 gap-y-0.5`,children:m.map(e=>{let t=wm(e),n=e.getMonth()===i.m,r=h!==null&&g!==null&&t>=h&&t<=g,a=t===h||t===g,s=!o&&_(t),c=a||s&&v(t);return(0,$.jsx)(`button`,{type:`button`,onClick:e=>d(t,e.ctrlKey||e.metaKey),onMouseEnter:()=>o&&l(t),className:J(`h-6 text-[11px] tabular-nums transition-colors`,c?`bg-primary text-primary-foreground rounded-md`:r||s?`bg-primary/15 text-foreground`:n?`text-foreground hover:bg-muted rounded-md`:`text-muted-foreground/40 hover:bg-muted rounded-md`,t===y&&!c&&`font-bold text-primary`),children:e.getDate()},t)})}),(0,$.jsx)(`p`,{className:`mt-1.5 text-[10px] text-muted-foreground/70`,children:o?`From ${o}: pick the end date`:`Click start + end. Ctrl+click adds/removes single days.`})]})}function Mm({label:e,checked:t,onChange:n,color:r}){return(0,$.jsxs)(`div`,{role:`switch`,"aria-checked":t,tabIndex:0,onClick:()=>n(!t),onKeyDown:e=>(e.key===` `||e.key===`Enter`)&&n(!t),className:`flex items-center justify-between gap-3 cursor-pointer select-none outline-none focus-visible:ring-2 focus-visible:ring-ring rounded`,children:[(0,$.jsxs)(`span`,{className:`flex items-center gap-2 min-w-0`,children:[(0,$.jsx)(`span`,{className:`w-2 h-2 rounded-full shrink-0`,style:{backgroundColor:r}}),(0,$.jsx)(`span`,{className:`text-sm text-foreground truncate`,children:e})]}),(0,$.jsx)(`div`,{className:J(`relative w-10 h-5 rounded-full transition-colors shrink-0`,!t&&`bg-accent dark:bg-muted-foreground`),style:t?{backgroundColor:r}:void 0,children:(0,$.jsx)(`div`,{className:J(`absolute top-[2px] w-4 h-4 rounded-full bg-background shadow-elevation-1 transition-transform`,t?`translate-x-[22px]`:`translate-x-[2px]`)})})]})}function Nm(){let{state:e,setTimelineFilter:t,createTimeline:n,deleteTimeline:r,refreshTimelines:i}=el(),{timeline:a}=e.filters,{availableTimelines:o,timelineScales:s,timelinesLoading:c}=e,[l,u]=(0,Q.useState)(``),[d,f]=(0,Q.useState)(!1),[p,m]=(0,Q.useState)(null),[h,g]=(0,Q.useState)(`quick`),[_,v]=(0,Q.useState)(!1),{showToast:y}=vo(),b=new Set(a.selectedTimelines??[]),x=(0,Q.useMemo)(()=>{let e=[];return a.indexCreated&&e.push(`crud:created`),a.indexUpdated&&e.push(`crud:updated`),a.indexDeleted&&e.push(`crud:deleted`),a.contentEvents&&e.push(`content`),e.push(...a.selectedTimelines??[]),e.length>0?e:[`crud:created`]},[a.indexCreated,a.indexUpdated,a.indexDeleted,a.contentEvents,a.selectedTimelines]),S=e=>{let n=new Set(b);n.has(e)?n.delete(e):n.add(e),t({selectedTimelines:[...n]})},C=async()=>{let e=l.trim();if(e){f(!0);try{await n(e),u(``),y({title:`Timeline created`,description:e})}catch(e){y({title:`Failed to create timeline`,description:e instanceof Error?e.message:String(e),variant:`destructive`})}finally{f(!1)}}},w=async e=>{if(window.confirm(`Delete timeline "${e}"?\n\nThis removes all interval data for this timeline.`)){m(e);try{await r(e),y({title:`Timeline deleted`,description:e})}catch(e){y({title:`Failed to delete timeline`,description:e instanceof Error?e.message:String(e),variant:`destructive`})}finally{m(null)}}},T=o.filter(e=>!e.startsWith(`crud:`)&&e!==`content`),D=E(a),O=D.length>0,k=(0,Q.useCallback)(e=>{t({customRanges:e,customRange:null,...e.length>0?{quickFilter:null}:{}})},[t]),A=e=>{t({quickFilter:a.quickFilter===e?null:e,customRanges:[],customRange:null})},j=e=>{t({customRanges:D.filter((t,n)=>n!==e),customRange:null})},M=(e,t)=>(0,$.jsxs)(`div`,{className:`grid grid-cols-[3.5rem_1fr_1fr_1fr] gap-1 items-center`,children:[(0,$.jsx)(`span`,{className:`text-[11px] text-muted-foreground`,children:e.label}),e.cells.map((e,n)=>{let r=a.quickFilter===e&&!O;return(0,$.jsx)(`button`,{type:`button`,onClick:()=>A(e),className:J(`text-xs px-1.5 py-1 rounded-md transition-colors truncate`,r?`bg-primary text-primary-foreground font-medium`:`bg-muted/50 text-foreground hover:bg-muted`),title:e,children:t?hm[n]:[`Last`,`This`,`Next`][n]},e)})]},e.label);return(0,$.jsxs)(`div`,{className:`flex h-full min-h-0`,children:[(0,$.jsx)(km,{quickFilterKey:a.quickFilter,activeRangeCount:D.length,onSelectRanges:k,histogramNames:x}),(0,$.jsxs)(`div`,{className:`flex-1 overflow-y-auto p-4 space-y-5`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between mb-2`,children:[(0,$.jsx)(`p`,{className:`text-[11px] font-semibold uppercase tracking-wide text-muted-foreground`,children:h===`quick`?`Quick filter`:`Date range`}),(0,$.jsxs)(`div`,{className:`flex rounded-md overflow-hidden border border-border divide-x divide-border`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:()=>g(`quick`),className:J(`px-2 py-0.5 transition-colors`,h===`quick`?`bg-primary text-primary-foreground`:`text-muted-foreground hover:bg-muted hover:text-foreground`),title:`Quick filters`,children:(0,$.jsx)(ar,{className:`w-3 h-3`})}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>g(`calendar`),className:J(`px-2 py-0.5 transition-colors`,h===`calendar`?`bg-primary text-primary-foreground`:`text-muted-foreground hover:bg-muted hover:text-foreground`),title:`Calendar range picker`,children:(0,$.jsx)(er,{className:`w-3 h-3`})})]})]}),h===`quick`?(0,$.jsxs)(`div`,{className:`space-y-1`,children:[(0,$.jsxs)(`div`,{className:`grid grid-cols-[3.5rem_1fr_1fr_1fr] gap-1`,children:[(0,$.jsx)(`span`,{}),[`Last`,`This`,`Next`].map(e=>(0,$.jsx)(`span`,{className:`text-center text-[9px] font-semibold uppercase tracking-wide text-muted-foreground/60`,children:e},e))]}),pm.map((e,t)=>M(e,t===0)),(0,$.jsxs)(`button`,{type:`button`,onClick:()=>v(e=>!e),className:`flex items-center gap-1 text-[11px] text-muted-foreground/70 hover:text-muted-foreground pt-1 transition-colors`,children:[(0,$.jsx)(Kr,{className:J(`w-3 h-3 transition-transform`,!_&&`-rotate-90`)}),`Deep time`]}),_&&mm.map(e=>M(e,!1))]}):(0,$.jsx)(jm,{ranges:D,onCommitRange:(e,n)=>t({customRanges:[{start:e,end:n}],customRange:null,quickFilter:null}),onToggleDay:e=>t({customRanges:Dm(D,e),customRange:null,quickFilter:null})}),O&&(0,$.jsx)(`div`,{className:`mt-2 space-y-1`,children:D.map((e,t)=>(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-2 rounded-md bg-primary/10 border border-primary/30 px-2.5 py-1.5`,children:[(0,$.jsx)(`span`,{className:`text-xs text-foreground truncate`,children:e.start===e.end?e.start:`${e.start} → ${e.end}`}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>j(t),className:`text-muted-foreground hover:text-foreground shrink-0`,title:`Remove range`,children:(0,$.jsx)(mr,{className:`w-3.5 h-3.5`})})]},`${e.start}..${e.end}`))})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`p`,{className:`text-[11px] font-semibold uppercase tracking-wide text-muted-foreground mb-2`,children:`Apply to`}),(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(Mm,{label:`crud:created`,checked:a.indexCreated,onChange:e=>t({indexCreated:e}),color:fm(`crud:created`)}),(0,$.jsx)(Mm,{label:`crud:updated`,checked:a.indexUpdated,onChange:e=>t({indexUpdated:e}),color:fm(`crud:updated`)}),(0,$.jsx)(Mm,{label:`crud:deleted`,checked:a.indexDeleted,onChange:e=>t({indexDeleted:e}),color:fm(`crud:deleted`)}),(0,$.jsx)(Mm,{label:`content`,checked:a.contentEvents,onChange:e=>t({contentEvents:e}),color:fm(`content`)})]}),(0,$.jsx)(`p`,{className:`text-[10px] text-muted-foreground/70 mt-1`,children:`content = content-derived timestamps (EXIF, logs, extracted periods)`})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between mb-2`,children:[(0,$.jsx)(`p`,{className:`text-[11px] font-semibold uppercase tracking-wide text-muted-foreground`,children:`Domain timelines`}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>i(),className:`text-muted-foreground/60 hover:text-muted-foreground transition-colors`,title:`Refresh timelines`,children:(0,$.jsx)(qn,{className:`w-3 h-3`})})]}),c?(0,$.jsxs)(`div`,{className:`flex items-center gap-2 py-2 text-xs text-muted-foreground`,children:[(0,$.jsx)(Ta,{className:`w-3 h-3 animate-spin`}),`Loading…`]}):T.length===0?(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground py-1`,children:`No domain timelines yet`}):(0,$.jsx)(`div`,{className:`flex flex-col gap-0.5`,children:T.map(e=>{let t=b.has(e),n=fm(e);return(0,$.jsxs)(`div`,{className:J(`flex items-center gap-2.5 group rounded-md px-2 py-1.5 cursor-pointer transition-colors`,t?`bg-muted/60`:`hover:bg-muted/30`),onClick:()=>S(e),children:[(0,$.jsx)(`div`,{className:J(`shrink-0 w-4 h-4 rounded border-2 flex items-center justify-center transition-colors`,!t&&`border-muted-foreground/40 bg-transparent group-hover:border-muted-foreground/70`),style:t?{backgroundColor:n,borderColor:n}:void 0,children:t&&(0,$.jsx)(`svg`,{className:J(`w-2.5 h-2.5`,en(n)),viewBox:`0 0 10 10`,fill:`none`,children:(0,$.jsx)(`path`,{d:`M2 5l2.5 2.5L8 3`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})})}),(0,$.jsx)(`span`,{className:`flex-1 text-sm text-foreground truncate select-none`,children:e}),(s[e]?.length??0)>0&&(0,$.jsx)(`span`,{className:`shrink-0 text-[10px] px-1 py-0.5 rounded bg-muted text-muted-foreground select-none`,title:`Observed granularity for "${e}" — each entry is indexed at its own precision (a bare year at year cells, a full date at day cells)`,children:(s[e]??[]).join(`·`)}),(0,$.jsx)(`button`,{type:`button`,disabled:p===e,onClick:t=>{t.stopPropagation(),w(e)},className:`shrink-0 p-1 rounded text-muted-foreground/40 hover:text-destructive hover:bg-destructive/10 transition-colors disabled:opacity-50 reveal-on-hover`,title:`Delete timeline "${e}"`,children:p===e?(0,$.jsx)(Ta,{className:`w-3 h-3 animate-spin`}):(0,$.jsx)(Xr,{className:`w-3 h-3`})})]},e)})}),(0,$.jsxs)(`div`,{className:`mt-3 flex gap-1.5`,children:[(0,$.jsx)(`input`,{type:`text`,value:l,onChange:e=>u(e.target.value),onKeyDown:e=>e.key===`Enter`&&C(),placeholder:`New timeline (e.g. wikipedia, trips)…`,title:`A timeline is a named time axis. Entries index at their own precision — a bare year at year granularity, a full date at day granularity — nothing to configure.`,className:`flex-1 px-2 py-1 text-xs rounded-md bg-muted border border-transparent focus:border-ring focus:outline-none`}),(0,$.jsx)(`button`,{type:`button`,onClick:C,disabled:d||!l.trim(),className:`shrink-0 p-1.5 rounded-md bg-muted hover:bg-muted/80 text-muted-foreground hover:text-foreground transition-colors disabled:opacity-50 touch-target`,title:`Create timeline`,children:d?(0,$.jsx)(Ta,{className:`w-3.5 h-3.5 animate-spin`}):(0,$.jsx)(Wi,{className:`w-3.5 h-3.5`})})]})]})]})]})}var Pm={data:`Data`,"data/backend":`Backends`,"data/mime":`MIME types`,"data/dataset":`Datasets`,client:`Client`,tag:`Tags`,device:`Device`,custom:`Custom`,feature:`Feature`},Fm=`data/dataset/default`;function Im(e){let t=new Map;for(let n of e){let e=n.startsWith(`data/backend/`)?`data/backend`:n.startsWith(`data/mime/`)?`data/mime`:n.startsWith(`data/dataset/`)?`data/dataset`:n.split(`/`)[0];t.has(e)||t.set(e,[]),t.get(e).push(n)}return t}var Lm=[`off`,`anyOf`,`allOf`,`noneOf`];function Rm(e){return Lm[(Lm.indexOf(e)+1)%Lm.length]}var zm=[{m:`anyOf`,label:`any`,on:`bg-info text-info-foreground`},{m:`allOf`,label:`all`,on:`bg-success text-success-foreground`},{m:`noneOf`,label:`not`,on:`bg-destructive text-destructive-foreground`}];function Bm({mode:e,onSet:t}){return(0,$.jsx)(`div`,{className:`flex shrink-0 rounded-md overflow-hidden border border-border divide-x divide-border`,children:zm.map(n=>(0,$.jsx)(`button`,{type:`button`,onClick:()=>t(e===n.m?`off`:n.m),className:J(`px-2 py-0.5 text-[11px] font-medium transition-colors`,e===n.m?n.on:`bg-transparent text-muted-foreground hover:bg-muted hover:text-foreground`),title:`${n.label}: ${n.m}`,children:n.label},n.m))})}function Vm({keys:e,modeOf:t,onCycle:n}){return e.length?(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`p`,{className:`text-[11px] font-semibold uppercase tracking-wide text-muted-foreground mb-2`,children:`Document types`}),(0,$.jsx)(`div`,{className:`grid grid-cols-2 gap-2 sm:grid-cols-3`,children:e.map(e=>{let{label:r,icon:i}=jp(e),a=t(e),o=zm.find(e=>e.m===a);return(0,$.jsxs)(`button`,{type:`button`,onClick:()=>n(e),title:`${e}: ${a===`off`?`tap to filter`:a}`,className:J(`relative flex flex-col items-center justify-center gap-1.5 rounded-(--card-radius) border p-3 min-h-[4.5rem] transition-colors select-none`,a===`off`?`border-border bg-muted/40 text-foreground hover:bg-muted`:a===`anyOf`?`border-info bg-info/10 text-foreground`:a===`allOf`?`border-success bg-success/10 text-foreground`:`border-destructive bg-destructive/10 text-foreground`),children:[o&&(0,$.jsx)(`span`,{className:J(`absolute right-1.5 top-1.5 rounded px-1 py-0.5 text-[9px] font-semibold leading-none`,o.on),children:o.label}),(0,$.jsx)(i,{className:`h-5 w-5 text-muted-foreground`}),(0,$.jsx)(`span`,{className:`text-xs font-medium leading-none`,children:r})]},e)})})]}):null}function Hm(){let{state:e,setFeatureMode:t,clearFilters:n,hasActiveFilters:r,deleteBitmap:i,deleteDataset:a}=el(),{availableBitmaps:o,bitmapsLoading:s,filters:c}=e,l=new Set(c.features.allOf),u=new Set(c.features.anyOf),d=new Set(c.features.noneOf),f=e=>l.has(e)?`allOf`:u.has(e)?`anyOf`:d.has(e)?`noneOf`:`off`,[p,m]=(0,Q.useState)(``),[h,g]=(0,Q.useState)(null),{showToast:_}=vo(),v=async e=>{if(e.startsWith(`data/dataset/`)&&e!==Fm){let t=e.slice(13);if(!window.confirm(`Drop dataset "${t}"?\n\nALL documents stamped with this dataset will be PERMANENTLY DELETED. Documents in other datasets (or the default dataset) are unaffected. Re-ingesting recreates the dataset from scratch.`))return;g(e);try{let n=await a(e);_({title:`Dataset dropped`,description:`"${t}": ${n} document(s) deleted`})}catch(e){_({title:`Dataset drop failed`,description:e instanceof Error?e.message:String(e),variant:`destructive`})}finally{g(null)}return}if(!e.startsWith(`data/`)&&window.confirm(`Delete bitmap "${e}"?\n\nThis removes the bitmap from the database. Documents are unaffected, but any features/filters relying on this bitmap will lose their grouping.`)){g(e);try{await i(e),_({title:`Bitmap deleted`,description:e})}catch(e){_({title:`Delete failed`,description:e instanceof Error?e.message:String(e),variant:`destructive`})}finally{g(null)}}};if(s)return(0,$.jsx)(`div`,{className:`flex items-center justify-center py-10`,children:(0,$.jsx)(Ta,{className:`w-4 h-4 animate-spin text-muted-foreground`})});let y=[...c.features.allOf,...c.features.anyOf,...c.features.noneOf],b=[...new Set([...o,...y])];if(!b.length)return(0,$.jsx)(`div`,{className:`p-4 text-xs text-muted-foreground text-center py-10`,children:`No feature bitmaps found`});let x=p.trim().toLowerCase(),S=x?b.filter(e=>e.toLowerCase().includes(x)):b,C=S.filter(e=>e.startsWith(kp)).sort((e,t)=>{let n=Object.keys(Ap),r=n.indexOf(e),i=n.indexOf(t);return(r===-1?n.length:r)-(i===-1?n.length:i)||e.localeCompare(t)}),w=Im(S.filter(e=>!e.startsWith(kp))),T=w.get(`data/dataset`);return T&&!T.includes(Fm)&&(!x||Fm.includes(x))&&T.unshift(Fm),(0,$.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col`,children:[(0,$.jsxs)(`div`,{className:`px-4 py-2 border-b border-border shrink-0 space-y-2`,children:[(0,$.jsxs)(`div`,{className:`relative`,children:[(0,$.jsx)(ja,{className:`absolute left-2 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-muted-foreground pointer-events-none`}),(0,$.jsx)(`input`,{type:`text`,value:p,onChange:e=>m(e.target.value),placeholder:`Search features…`,className:`w-full pl-7 pr-3 py-1.5 text-xs rounded-md bg-muted border border-transparent focus:border-ring focus:outline-none`})]}),(0,$.jsxs)(`button`,{type:`button`,onClick:n,disabled:!r,className:`flex items-center gap-1.5 w-full justify-center px-2.5 py-1.5 text-xs rounded-md border border-border text-muted-foreground hover:text-foreground hover:bg-muted transition-colors disabled:opacity-40 disabled:hover:bg-transparent`,children:[(0,$.jsx)(mr,{className:`w-3 h-3`}),`Clear all filters`]})]}),(0,$.jsxs)(`div`,{className:`flex-1 min-h-0 overflow-y-auto p-4 space-y-5`,children:[(0,$.jsx)(Vm,{keys:C,modeOf:f,onCycle:e=>t(e,Rm(f(e)))}),w.size===0&&C.length===0?(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground text-center py-6`,children:`No matches`}):Array.from(w.entries()).map(([e,n])=>(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`p`,{className:`text-[11px] font-semibold uppercase tracking-wide text-muted-foreground mb-2`,children:Pm[e]??e}),(0,$.jsx)(`div`,{className:`flex flex-col gap-1`,children:n.map((e,n)=>{let r=e.startsWith(`data/`),i=e===Fm,a=e.startsWith(`data/dataset/`)&&!i,o=f(e);return(0,$.jsxs)(`div`,{onClick:()=>t(e,Rm(o)),role:`button`,tabIndex:0,onKeyDown:n=>{(n.key===`Enter`||n.key===` `)&&(n.preventDefault(),t(e,Rm(o)))},className:J(`flex items-center gap-2 group rounded-md pl-2 pr-1.5 py-1 border-l-2 transition-colors cursor-pointer select-none`,n%2==0?`bg-muted/50`:`bg-transparent`,`hover:bg-muted`,o===`off`?`border-l-transparent`:o===`anyOf`?`border-l-blue-500 !bg-info/10`:o===`allOf`?`border-l-emerald-500 !bg-success/10`:`border-l-rose-500 !bg-destructive/10`),children:[(0,$.jsxs)(`span`,{className:`flex-1 min-w-0 text-xs font-mono text-foreground truncate`,title:i?`Virtual dataset: documents not stamped with any dataset. Included by default; "not" hides them, "all" shows only them.`:e,children:[e,i&&(0,$.jsx)(`span`,{className:`ml-1.5 text-[10px] text-muted-foreground font-sans`,children:`virtual · on by default`})]}),(0,$.jsx)(`span`,{onClick:e=>e.stopPropagation(),children:(0,$.jsx)(Bm,{mode:o,onSet:n=>t(e,n)})}),(!r||a)&&(0,$.jsx)(`button`,{type:`button`,disabled:h===e,onClick:t=>{t.stopPropagation(),v(e)},className:`shrink-0 p-1 rounded text-muted-foreground/40 hover:text-destructive hover:bg-destructive/10 transition-colors disabled:opacity-50 reveal-on-hover`,title:a?`Drop dataset "${e.slice(13)}" (DELETES its documents)`:`Delete bitmap "${e}" from database`,"aria-label":a?`Drop dataset ${e}`:`Delete bitmap ${e}`,children:h===e?(0,$.jsx)(Ta,{className:`w-3.5 h-3.5 animate-spin`}):(0,$.jsx)(Xr,{className:`w-3.5 h-3.5`})})]},e)})})]},e))]})]})}function Um(){let{state:e,setToolsTab:t,saveFilters:n,clearFilters:r,hasActiveFilters:i,setLiveEnabled:a}=el(),{toolsTab:o,isDirty:s,isSaving:c,activeContextType:l,savedSearchQuery:u}=e,d=an(),f=(new URLSearchParams(d.search).has(`q`)||new URLSearchParams(d.search).has(`search`)?Up(d.search):u?[u]:[])[0]||``,p=l!==null&&f.trim()!==(u||``),m=e.filters.sort??Ye.sort,h=m.sortBy!==Ye.sort.sortBy||m.order!==Ye.sort.order,g=i||!!f.trim()||h,_=(0,$.jsxs)($.Fragment,{children:[g&&(0,$.jsxs)(`button`,{type:`button`,onClick:r,title:`Clear all active filters`,className:`flex items-center gap-1.5 rounded-md border border-border px-2.5 py-1 text-xs text-muted-foreground transition-colors hover:bg-muted hover:text-foreground`,children:[(0,$.jsx)(mr,{className:`h-3 w-3`}),`Clear`]}),l!==null&&g&&(s||p)&&(0,$.jsxs)(`button`,{type:`button`,onClick:n,disabled:c,className:`flex items-center gap-1.5 rounded-md bg-primary px-2.5 py-1 text-xs text-primary-foreground transition-colors hover:bg-primary disabled:opacity-60`,children:[c?(0,$.jsx)(Ta,{className:`h-3 w-3 animate-spin`}):(0,$.jsx)(zr,{className:`h-3 w-3`}),`Save filters`]})]});return(0,$.jsxs)(`div`,{className:`flex flex-col h-full`,children:[(0,$.jsx)(`div`,{className:`flex border-b border-border shrink-0`,children:[{id:`features`,label:`Features`},{id:`timeline`,label:`Timeline`},{id:`map`,label:`Map`},{id:`lens`,label:`Lens`}].map(e=>(0,$.jsx)(`button`,{type:`button`,onClick:()=>t(e.id),className:J(`flex-1 py-2.5 text-xs transition-colors`,o===e.id?`-mb-px border-b-2 border-foreground font-semibold text-foreground`:`font-medium text-muted-foreground hover:text-foreground`),children:e.label},e.id))}),l===`context`&&(0,$.jsxs)(`div`,{className:`shrink-0 space-y-1 border-b border-border px-3 py-1.5`,children:[(0,$.jsxs)(`div`,{className:`flex min-h-8 flex-wrap items-center justify-between gap-x-3 gap-y-1`,children:[(0,$.jsxs)(`label`,{className:`flex min-h-8 cursor-pointer items-center gap-2 text-sm font-medium`,title:`Live view updates every device bound to this context. Save filters to keep the current view.`,children:[(0,$.jsx)(`input`,{type:`checkbox`,className:`h-4 w-4 accent-current`,checked:e.liveEnabled,disabled:new URLSearchParams(d.search).has(`ownerId`),onChange:e=>{a(e.target.checked)}}),`Live view`]}),(0,$.jsx)(`div`,{className:`ml-auto flex items-center gap-2`,children:_})]}),e.liveError&&(0,$.jsx)(`p`,{role:`status`,className:`text-xs text-destructive`,children:e.liveError})]}),l!==`context`&&g&&(0,$.jsx)(`div`,{className:`flex items-center justify-end gap-2 border-b border-border px-3 py-1.5 shrink-0`,children:_}),(0,$.jsxs)(`div`,{className:`flex-1 min-h-0 overflow-hidden`,children:[o===`features`&&(0,$.jsx)(Hm,{}),o===`timeline`&&(0,$.jsx)(Nm,{}),o===`map`&&(0,$.jsx)(im,{}),o===`lens`&&(0,$.jsx)(lm,{})]})]})}function Wm(){let e=Bf(),t=il()?.state,n=!!t&&(e?.mode===`context`?t.activeContextType===`context`&&t.activeContextId===e.contextId:e?.mode===`workspace`?t.activeContextType!==`context`&&t.activeWorkspaceName===e.workspaceName&&t.activeTreeName===e.treeName&&t.activeContextPath===e.path:!t.activeWorkspaceName&&!t.activeContextId),r=!n&&e?.mode===`context`?e.contextId:null;return(0,Q.useEffect)(()=>{if(!r)return;let e=`context:${r}`,t=()=>L.emit(`subscribe`,{channel:e}),n=L.on(`connect`,t);return t(),()=>{n(),L.emit(`unsubscribe`,{channel:e})}},[r]),n?(0,$.jsx)(Um,{}):(0,$.jsx)(Hp,{target:e,children:(0,$.jsx)(_p,{children:(0,$.jsx)(Um,{})})})}function Gm({doc:e,scope:t,onOpen:n,onRemove:r}){let{blobUrl:i,loading:a}=G(t.workspaceName,e.id,256,{version:e.checksumArray?.[0]??null}),o=String(e.data?.title??`Sketch`);return(0,$.jsxs)(`div`,{className:`group relative overflow-hidden rounded-(--card-radius) border bg-card shadow-elevation-2 transition-shadow hover:shadow-elevation-3`,children:[(0,$.jsxs)(`button`,{type:`button`,onClick:n,className:`block w-full text-left`,children:[(0,$.jsx)(`div`,{className:`flex aspect-[4/3] items-center justify-center overflow-hidden bg-muted/30`,children:i?(0,$.jsx)(`img`,{src:i,alt:o,className:`h-full w-full object-contain`}):(0,$.jsx)(cr,{className:`h-6 w-6 text-muted-foreground ${a?`animate-pulse`:``}`})}),(0,$.jsxs)(`div`,{className:`px-2 py-1.5`,children:[(0,$.jsx)(`div`,{className:`truncate text-xs font-medium`,children:o}),(0,$.jsx)(`div`,{className:`text-[10px] text-muted-foreground`,children:Gf(e.updatedAt||e.createdAt)})]})]}),(0,$.jsx)(`button`,{type:`button`,onClick:r,"aria-label":`Delete ${o}`,className:`absolute right-1.5 top-1.5 rounded-md bg-background/80 p-1 opacity-0 transition-opacity hover:text-destructive group-hover:opacity-100`,children:(0,$.jsx)(Xr,{className:`h-3.5 w-3.5`})})]})}function Km({autoAdd:e}){let t=Bf(),{docs:n,loading:r,error:i,scope:a,reload:o,removeDoc:s}=Kf(t,ds),[c,l]=(0,Q.useState)(e?`new`:null),{showErrorToast:u}=So();return t?(0,$.jsxs)(`div`,{className:`flex flex-col gap-3 p-3`,children:[(0,$.jsxs)(Z,{size:`sm`,variant:`outline`,className:`self-start`,onClick:()=>l(`new`),children:[(0,$.jsx)(Wi,{className:`mr-1.5 h-4 w-4`}),`New sketch`]}),i&&(0,$.jsx)(`p`,{className:`text-sm text-destructive`,children:i}),r&&!n.length&&(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Loading sketches…`}),!r&&!n.length&&!i&&(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`No sketches here yet.`}),a&&n.length>0&&(0,$.jsx)(`div`,{className:`grid grid-cols-2 gap-2 sm:grid-cols-3 lg:grid-cols-4`,children:n.map(e=>(0,$.jsx)(Gm,{doc:e,scope:a,onOpen:()=>l(e),onRemove:()=>{confirm(`Delete "${String(e.data?.title??`Sketch`)}"?`)&&s(e.id).catch(e=>u(e instanceof Error?e.message:`Failed to delete sketch`))}},`${e.id}:${e.checksumArray?.[0]??``}`))}),c&&a&&(0,$.jsx)(Q.Suspense,{fallback:(0,$.jsx)(`div`,{className:`fixed inset-0 z-fullscreen flex items-center justify-center bg-background surface-glass`,children:(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Loading sketch editor…`})}),children:(0,$.jsx)(P,{doc:c===`new`?null:c,workspaceName:a.workspaceName,target:t,onSaved:()=>{l(null),o()},onClose:()=>l(null)})}),c&&!a&&(0,$.jsx)(`div`,{className:`fixed inset-0 z-fullscreen flex items-center justify-center bg-background surface-glass`,children:(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Resolving destination…`})})]}):(0,$.jsx)(`p`,{className:`p-4 text-sm text-muted-foreground`,children:`Select a context or workspace path first.`})}var qm=[{id:`filters`,label:`Filters`,icon:ba,modes:[`context`,`global`],description:`Search and filter a workspace or a live context`,Component:Wm},{id:`notes`,label:`Notes`,icon:Sa,modes:[`context`],description:`All notes in the current context, editable in place`,Component:Yf},{id:`todo`,label:`Todos`,icon:Oi,modes:[`context`],description:`Todos in the current context, done items hidden by default`,Component:ep},{id:`sketch`,label:`Sketch`,icon:cr,modes:[`context`],description:`Quick-sketch into the current context; tap a sketch to keep editing`,Component:Km},{id:`lens`,label:`Lens`,icon:La,modes:[`context`],description:`Point a camera at things; matching documents surface live`,Component:Op}];function Jm(e){return qm.filter(t=>t.modes.includes(e))}function Ym({target:e,children:t}){return(0,$.jsx)(zf.Provider,{value:e,children:t})}function Xm({children:e}){let[t,n]=(0,Q.useState)(null),r=(0,Q.useCallback)((e,t)=>n({document:e,workspaceId:t}),[]),i=(0,Q.useCallback)(()=>n(null),[]),a=(0,Q.useMemo)(()=>({open:r,close:i}),[r,i]);return(0,$.jsxs)(pe.Provider,{value:a,children:[e,(0,$.jsx)(Oe,{document:t?.document??null,isOpen:!!t,onClose:i,workspaceId:t?.workspaceId})]})}var Zm=`universe`;function Qm(){let{appletId:e}=Ft(),[t,n]=pn(),r=qm.find(t=>t.id===e),i=t.get(`context`),a=t.get(`workspace`)||Zm,o=t.get(`path`)||`/`,s=t.get(`tree`)||`context`,c=t.get(`add`)===`1`,l=(0,Q.useMemo)(()=>i?{mode:`context`,contextId:i}:{mode:`workspace`,workspaceName:a,path:o,treeName:s,treeType:s===`directory`?`directory`:`context`},[i,a,o,s]),[u,d]=(0,Q.useState)([]),[f,p]=(0,Q.useState)([]);(0,Q.useEffect)(()=>{ss().then(d).catch(()=>d([])),cl().then(p).catch(()=>p([]))},[]);let[m,h]=(0,Q.useState)(o),[g,_]=(0,Q.useState)(o);g!==o&&(_(o),h(o));let v=e=>{let r=new URLSearchParams(t);r.delete(`add`);for(let[t,n]of Object.entries(e))n===null?r.delete(t):r.set(t,n);n(r,{replace:!0})};if(!r)return(0,$.jsxs)(`div`,{className:`flex h-viewport flex-col items-center justify-center gap-3 surface-desk`,children:[(0,$.jsxs)(`p`,{className:`text-sm text-muted-foreground`,children:[`Unknown app`,e?` "${e}"`:``,`.`]}),(0,$.jsx)(`div`,{className:`flex gap-2`,children:qm.map(e=>(0,$.jsx)(We,{to:`/apps/${e.id}`,className:`rounded-md border border-border px-3 py-1.5 text-sm hover:bg-muted`,children:e.label},e.id))})]});let y=i?`context`:`path`;return(0,$.jsx)(Xm,{children:(0,$.jsx)(_p,{children:(0,$.jsxs)(`div`,{className:`flex h-viewport flex-col surface-desk p-shell gap-shell`,children:[(0,$.jsxs)(`div`,{className:`flex shrink-0 flex-wrap items-center gap-2 rounded-xl border bg-card px-3 py-2 shadow-elevation-2`,children:[(0,$.jsx)(r.icon,{className:`h-4 w-4 text-muted-foreground`}),(0,$.jsx)(`span`,{className:`text-sm font-semibold`,children:r.label}),(0,$.jsx)(`div`,{className:`ml-2 flex overflow-hidden rounded-md border border-border`,children:[`path`,`context`].map(e=>(0,$.jsx)(`button`,{type:`button`,onClick:()=>{e!==y&&v(e===`path`?{context:null}:{context:f[0]?.id??``,workspace:null,path:null,tree:null})},className:J(`px-2.5 py-1 text-xs capitalize transition-colors`,y===e?`bg-foreground text-background`:`text-muted-foreground hover:bg-muted hover:text-foreground`),children:e},e))}),y===`path`?(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`select`,{value:a,onChange:e=>v({workspace:e.target.value,path:`/`}),className:`h-7 rounded-md border border-input bg-transparent px-1.5 text-xs`,"aria-label":`Workspace`,children:[!u.some(e=>e.name===a)&&(0,$.jsx)(`option`,{value:a,children:a}),u.map(e=>(0,$.jsx)(`option`,{value:e.name,children:e.label||e.name},e.id))]}),(0,$.jsx)(`input`,{value:m,onChange:e=>h(e.target.value),onBlur:()=>{let e=m.trim()||`/`;e!==o&&v({path:e})},onKeyDown:e=>{e.key===`Enter`&&e.target.blur()},spellCheck:!1,placeholder:`/`,className:`h-7 w-40 rounded-md border border-input bg-transparent px-2 text-xs outline-none focus-visible:ring-1 focus-visible:ring-ring`,"aria-label":`Path`})]}):(0,$.jsxs)(`select`,{value:i??``,onChange:e=>v({context:e.target.value}),className:`h-7 max-w-56 rounded-md border border-input bg-transparent px-1.5 text-xs`,"aria-label":`Context`,children:[!i&&(0,$.jsx)(`option`,{value:``,children:`Pick a context…`}),f.map(e=>(0,$.jsxs)(`option`,{value:e.id,children:[e.id,e.url?` (${e.url})`:``]},e.id))]}),(0,$.jsx)(`div`,{className:`grow`}),(0,$.jsx)(We,{to:`/home`,className:`flex items-center gap-1 rounded-md p-1.5 text-xs text-muted-foreground transition-colors hover:bg-muted hover:text-foreground`,title:`Open the full Canvas app`,children:(0,$.jsx)(_r,{className:`h-3.5 w-3.5`})})]}),(0,$.jsx)(`div`,{className:`flex min-h-0 flex-1 flex-col overflow-hidden rounded-xl border bg-card shadow-elevation-2`,children:y===`context`&&!i?(0,$.jsxs)(`div`,{className:`flex h-full items-center justify-center p-6 text-center text-sm text-muted-foreground`,children:[`Pick a context above to bind `,r.label,` to it.`]}):(0,$.jsx)(Ym,{target:l,children:(0,$.jsx)(r.Component,{autoAdd:c},JSON.stringify(l))})})]})})})}var $m=`false`,eh=`false`,th=$m===`true`,nh=eh===`true`;function rh(e={}){let{immediate:t=!1,onNeedReload:n,onNeedRefresh:r,onOfflineReady:i,onRegistered:a,onRegisteredSW:o,onRegisterError:s}=e,c,l,u,d=async(e=!0)=>{await l,th||u?.()};async function f(){if(`serviceWorker`in navigator){if(c=await g(async()=>{let{Workbox:e}=await import(`./workbox-window.prod.es5-Bd17z0YL.js`);return{Workbox:e}},[]).then(({Workbox:e})=>new e(`/sw.js`,{scope:`/`,type:`classic`})).catch(e=>{s?.(e)}),!c)return;if(u=()=>{c?.messageSkipWaiting()},!nh){if(th)c.addEventListener(`activated`,e=>{(e.isUpdate||e.isExternal)&&(n?n():window.location.reload())}),c.addEventListener(`installed`,e=>{e.isUpdate||i?.()});else{let e=!1,t=()=>{e=!0,c?.addEventListener(`controlling`,e=>{e.isUpdate&&(n?n():window.location.reload())}),r?.()};c.addEventListener(`installed`,n=>{n.isUpdate===void 0?n.isExternal===void 0?!e&&i?.():n.isExternal?t():!e&&i?.():n.isUpdate||i?.()}),c.addEventListener(`waiting`,t)}}c.register({immediate:t}).then(e=>{o?o(`/sw.js`,e):a?.(e)}).catch(e=>{s?.(e)})}}return l=f(),d}var ih=new Set,ah=!1,oh=rh({immediate:!0,onRegisteredSW(e,t){t&&setInterval(()=>{t.update()},36e5)},onNeedRefresh(){ah=!0,ih.forEach(e=>e())}});function sh(e){return ih.add(e),ah&&e(),()=>{ih.delete(e)}}function ch(){oh(!0)}function lh(){let[e,t]=(0,Q.useState)(!1),[n,r]=(0,Q.useState)(!1);return(0,Q.useEffect)(()=>sh(()=>t(!0)),[]),!e||n?null:(0,$.jsx)(`div`,{className:`fixed bottom-4 left-1/2 z-50 -translate-x-1/2`,children:(0,$.jsxs)(`div`,{className:`flex items-center gap-3 rounded-full border border-border bg-card px-4 py-2 shadow-elevation-2`,children:[(0,$.jsx)(`span`,{className:`text-sm`,children:`A new version of Canvas is ready`}),(0,$.jsxs)(`button`,{type:`button`,onClick:()=>ch(),className:`flex items-center gap-1 rounded-full bg-foreground px-3 py-1 text-xs font-medium text-background hover:bg-foreground/90`,children:[(0,$.jsx)(qn,{className:`h-3 w-3`}),` Reload`]}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>r(!0),"aria-label":`Not now`,className:`rounded-full p-1 text-muted-foreground hover:bg-muted hover:text-foreground`,children:(0,$.jsx)(mr,{className:`h-3.5 w-3.5`})})]})})}var uh;function dh(){let[e,t]=(0,Q.useState)({local:!1});return(0,Q.useEffect)(()=>{uh??=fetch(`${po}/runtime/capabilities`).then(async e=>e.ok?(await e.json()).payload:{local:!1}).catch(()=>({local:!1}));let e=!0;return uh.then(n=>{e&&t(n)}),()=>{e=!1}},[]),e}function fh(e){return e.isShared||e.type===`shared`?e.id:e.name}function ph({title:e,description:t,actions:n,backTo:r,onBack:i,className:a,compact:o}){let s=ot();return(0,$.jsxs)(`div`,{className:J(`flex flex-wrap items-start gap-x-3 gap-y-2`,!o&&`border-b pb-4`,a),children:[(0,$.jsxs)(`div`,{className:`flex min-w-[14rem] flex-1 items-start gap-3`,children:[(i||r)&&(0,$.jsx)(`button`,{type:`button`,onClick:()=>i?i():s(r),"aria-label":`Back`,title:`Back`,className:`mt-1 shrink-0 text-muted-foreground transition-colors hover:text-foreground touch-target`,children:(0,$.jsx)(wa,{className:`h-5 w-5`})}),(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsx)(`h1`,{className:J(`truncate font-bold tracking-tight`,o?`text-xl`:`text-3xl`),children:e}),t&&(0,$.jsx)(`p`,{className:J(`break-words text-muted-foreground`,o?`mt-1 text-xs`:`mt-2`),children:t})]})]}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>s(`/`),"aria-label":`Close`,title:`Close`,className:`order-2 flex h-9 w-9 shrink-0 items-center justify-center rounded-md border text-muted-foreground transition-colors hover:bg-muted hover:text-foreground touch-target`,children:(0,$.jsx)(mr,{className:`h-4 w-4`})}),n&&(0,$.jsx)(`div`,{className:`order-3 flex w-full items-center gap-2 max-sm:flex-wrap sm:order-1 sm:w-auto`,children:n})]})}function mh({className:e}){let t=ot();return(0,$.jsx)(`button`,{type:`button`,onClick:()=>t(`/`),"aria-label":`Close`,title:`Close`,className:J(`flex h-7 w-7 shrink-0 items-center justify-center rounded-md border text-muted-foreground transition-colors hover:bg-accent hover:text-foreground touch-target`,e),children:(0,$.jsx)(mr,{className:`h-3.5 w-3.5`})})}function hh({onBack:e,title:t=`Back`,className:n}){return(0,$.jsx)(`button`,{type:`button`,onClick:e,"aria-label":t,title:t,className:J(`flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-foreground touch-target`,n),children:(0,$.jsx)(wa,{className:`h-4 w-4`})})}var gh=180;function _h({x:e,y:t,current:n,onChange:r,onClose:i}){nt(i);let[a,o]=(0,Q.useState)(``),[s,c]=(0,Q.useState)([]),[l,u]=(0,Q.useState)({q:``,list:[]}),[d,p]=(0,Q.useState)(!0),m=(0,Q.useRef)(null),h=(0,Q.useRef)({name:``,t:0}),g=(e,t)=>{r({icon:e}),h.current.name===e&&t-h.current.t<350&&i(),h.current={name:e,t}};(0,Q.useEffect)(()=>{m.current?.focus()},[]),(0,Q.useEffect)(()=>{let e=!0;return ht().then(t=>{e&&(c(t),p(!1))}),()=>{e=!1}},[]),(0,Q.useEffect)(()=>{let e=a.trim();if(!e)return;let t=setTimeout(()=>{xt(e).then(t=>{u({q:e,list:t})})},250);return()=>clearTimeout(t)},[a]);let _=a.trim(),v=l.q===_,y=_!==``&&!v,b=(0,Q.useMemo)(()=>(_?v?l.list:[]:s).slice(0,gh),[_,v,l.list,s]),x=(0,Q.useRef)(null),[S,C]=(0,Q.useState)({x:e,y:t});return(0,Q.useLayoutEffect)(()=>{let n=x.current;if(!n)return;let r=()=>{let{width:r,height:i}=n.getBoundingClientRect();C({x:Math.max(8,Math.min(e,window.innerWidth-r-8)),y:Math.max(8,Math.min(t,window.innerHeight-i-8))})};r();let i=new ResizeObserver(r);return i.observe(n),window.addEventListener(`resize`,r),()=>{i.disconnect(),window.removeEventListener(`resize`,r)}},[e,t]),(0,Id.createPortal)((0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`div`,{className:`fixed inset-0 z-40`,onClick:i}),(0,$.jsxs)(`div`,{ref:x,className:`fixed z-50 w-[270px] max-w-[90vw] rounded-md border bg-popover p-2 shadow-elevation-4`,style:{left:S.x,top:S.y},children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between px-1 pb-1.5`,children:[(0,$.jsx)(`span`,{className:`text-xs font-medium`,children:`Icon & color`}),(0,$.jsx)(`button`,{type:`button`,onClick:i,className:`text-muted-foreground hover:text-foreground`,children:(0,$.jsx)(mr,{className:`w-3.5 h-3.5`})})]}),(0,$.jsxs)(`div`,{className:`flex flex-wrap gap-1.5 px-1 pb-2`,children:[Pt.map(e=>(0,$.jsx)(`button`,{type:`button`,title:e,onClick:()=>r({color:e}),className:J(`w-5 h-5 rounded-full border transition-transform hover:scale-110`,n.color===e?`ring-2 ring-offset-1 ring-foreground`:`border-border`),style:{backgroundColor:e}},e)),(0,$.jsx)(`button`,{type:`button`,title:`No color`,onClick:()=>r({color:void 0}),className:J(`w-5 h-5 rounded-full border flex items-center justify-center text-muted-foreground hover:scale-110 transition-transform`,!n.color&&`ring-2 ring-offset-1 ring-foreground`),children:(0,$.jsx)(mr,{className:`w-3 h-3`})}),(0,$.jsx)(`label`,{title:`Custom color`,className:J(`relative w-5 h-5 rounded-full border border-border cursor-pointer hover:scale-110 transition-transform overflow-hidden`,n.color&&!Pt.includes(n.color)&&`ring-2 ring-offset-1 ring-foreground`),style:{background:n.color&&!Pt.includes(n.color)?n.color:`conic-gradient(from 0deg, #ef4444, #eab308, #22c55e, #06b6d4, #6366f1, #ec4899, #ef4444)`},children:(0,$.jsx)(`input`,{type:`color`,value:n.color??`#3b82f6`,onChange:e=>r({color:e.target.value}),className:`absolute inset-0 opacity-0 cursor-pointer`})})]}),(0,$.jsx)(`input`,{ref:m,value:a,onChange:e=>o(e.target.value),placeholder:`Search icons…`,className:`w-full mb-2 rounded-sm border bg-background px-2 py-1 text-xs outline-none focus:ring-1 focus:ring-primary`}),d||y?(0,$.jsxs)(`div`,{className:`flex items-center justify-center gap-2 py-8 text-xs text-muted-foreground`,children:[(0,$.jsx)(Ta,{className:`w-4 h-4 animate-spin`}),` `,y?`Searching…`:`Loading icons…`]}):(0,$.jsxs)(`div`,{className:`grid grid-cols-7 gap-0.5 max-h-[200px] overflow-y-auto`,children:[(0,$.jsx)(`button`,{type:`button`,title:`No icon`,onClick:()=>r({icon:void 0}),className:J(`aspect-square flex items-center justify-center rounded-sm hover:bg-accent text-muted-foreground`,!n.icon&&`bg-accent ring-1 ring-primary`),children:(0,$.jsx)(mr,{className:`w-4 h-4`})}),b.map(e=>(0,$.jsx)(`button`,{type:`button`,title:e.replace(/^[^:]+:/,``).replace(`-fill`,``),onClick:t=>g(e,t.timeStamp),className:J(`aspect-square flex items-center justify-center rounded-sm hover:bg-accent`,n.icon===e&&`bg-accent ring-1 ring-primary`),children:(0,$.jsx)(f,{icon:e,width:18,height:18,color:n.color})},e))]}),!d&&!y&&b.length===0&&(0,$.jsxs)(`div`,{className:`px-1 py-3 text-center text-[11px] text-muted-foreground`,children:[`No icons match “`,a,`”`]})]})]}),document.body)}function vh(e,t,n){let r=(0,Q.useRef)(n);(0,Q.useEffect)(()=>{r.current=n}),(0,Q.useEffect)(()=>{if(!e)return;e.emit(`subscribe`,{channel:t});let n=Object.keys(r.current).map(t=>{let n=(...e)=>{r.current[t]?.(...e)};return e.on(t,n),[t,n]});return()=>{e.emit(`unsubscribe`,{channel:t});for(let[t,r]of n)e.off(t,r)}},[e,t])}function yh({title:e,onClose:t,children:n}){return(0,$.jsxs)(`div`,{className:`space-y-4 rounded-(--card-radius) border bg-card p-4 shadow-elevation-1`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,$.jsx)(`h2`,{className:`text-xl font-semibold`,children:e}),(0,$.jsx)(`button`,{type:`button`,onClick:t,"aria-label":`Close`,className:`rounded p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground touch-target`,children:(0,$.jsx)(mr,{className:`h-4 w-4`})})]}),n]})}function bh({workspace:e,onStart:t,onStop:n,onEnter:r,onEdit:i,onSettings:a,onDestroy:o}){let[s,c]=(0,Q.useState)(!1),l=e.status===`active`,u=e.type===`universe`||e.name===`universe`,d=e.status===`error`,f=e.status===`not_found`,p=e.isShared===!0||e.type===`shared`,m=e.ownerEmail||e.owner,h=typeof e.sharedVia==`object`&&e.sharedVia?e.sharedVia:null,g=h?.permissions||[],_=g.includes(`admin`)?`admin`:g.includes(`write`)?`read/write`:`read-only`,v=h?.type===`group`?`via group ${h.principal}`:h?.type===`user`?`shared with you`:``,y=e.origin===`remote`,b=e.status===`offline`,x=wt(e.color),S=x?``:`border-border`,C=x?{borderLeftColor:x,borderLeftWidth:`4px`}:{borderLeftWidth:`4px`};return(0,$.jsx)($.Fragment,{children:(0,$.jsxs)(Nl,{className:`relative ${S}`,style:C,children:[(0,$.jsx)(Pl,{children:(0,$.jsxs)(`div`,{className:`flex flex-wrap items-start justify-between gap-2`,children:[(0,$.jsxs)(`div`,{className:`min-w-0 flex-1 basis-40`,children:[(0,$.jsx)(Fl,{className:`truncate`,children:e.label||e.name}),(0,$.jsx)(Il,{children:p?`Shared from ${m}`:e.description||``})]}),(0,$.jsxs)(`div`,{className:`flex w-full shrink-0 flex-wrap items-center gap-2 sm:w-auto`,children:[l?(0,$.jsx)(Z,{variant:`outline`,size:`icon`,onClick:()=>n(fh(e)),title:`Stop Workspace`,disabled:d||f,children:(0,$.jsx)(_a,{className:`h-4 w-4`})}):(0,$.jsx)(Z,{variant:`outline`,size:`icon`,onClick:()=>t(fh(e)),title:b?`Remote unreachable${e.statusMessage?`: ${e.statusMessage}`:``}`:`Start Workspace`,disabled:d||f||b,children:(0,$.jsx)(xr,{className:`h-4 w-4`})}),l&&(0,$.jsx)(Z,{variant:`outline`,size:`icon`,onClick:()=>r(fh(e)),title:`Enter Workspace`,disabled:d||f,children:(0,$.jsx)(ci,{className:`h-4 w-4`})}),a&&(0,$.jsx)(Z,{variant:`outline`,size:`icon`,onClick:()=>a(e),title:V(e)?`Workspace settings`:`Workspace settings require admin access`,"aria-label":`Workspace settings`,disabled:f||!V(e),children:(0,$.jsx)(ea,{className:`h-4 w-4`})}),i&&!u&&!p&&(0,$.jsx)(Z,{variant:`outline`,size:`icon`,onClick:()=>i(e),title:`Edit Workspace`,disabled:d||f,children:(0,$.jsx)(Hi,{className:`h-4 w-4`})}),o&&!u&&!p&&(0,$.jsxs)(fo,{open:s,onOpenChange:c,children:[(0,$.jsx)(io,{asChild:!0,children:(0,$.jsx)(Z,{variant:`outline`,size:`icon`,title:y?`Remove remote workspace reference`:`Delete Workspace`,disabled:l&&!y,className:`text-destructive hover:text-destructive hover:bg-destructive/10`,children:(0,$.jsx)(Xr,{className:`h-4 w-4`})})}),(0,$.jsxs)(ro,{children:[(0,$.jsxs)(uo,{children:[(0,$.jsx)(Qa,{children:y?`Remove remote workspace`:`Delete Workspace`}),(0,$.jsx)(Za,{children:y?(0,$.jsxs)($.Fragment,{children:[`Remove the reference to "`,e.label||e.name,`" from this server?`,(0,$.jsx)(`br`,{}),(0,$.jsx)(`br`,{}),`The workspace itself stays untouched on `,e.remote?.url||e.host,`; only the stored share token and the local cache entry are dropped.`]}):(0,$.jsxs)($.Fragment,{children:[`Are you sure you want to delete the workspace "`,e.label||e.name,`"?`,(0,$.jsx)(`br`,{}),(0,$.jsx)(`br`,{}),(0,$.jsx)(`strong`,{children:`This action cannot be undone.`}),` All data associated with this workspace, including documents, contexts, and configurations will be permanently removed.`]})})]}),(0,$.jsxs)(so,{children:[(0,$.jsx)(lo,{children:`Cancel`}),(0,$.jsx)(oo,{onClick:()=>{o(e),c(!1)},className:`bg-destructive text-destructive-foreground hover:bg-destructive/90`,children:y?`Remove reference`:`Delete Workspace`})]})]})]})]})]})}),(0,$.jsx)(Ll,{children:(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`div`,{className:`h-3 w-3 rounded-full ${(()=>{switch(e.status){case`active`:return`bg-success`;case`inactive`:case`available`:return`bg-muted-foreground`;case`error`:case`offline`:return`bg-destructive`;case`not_found`:return`bg-muted-foreground`;default:return`bg-accent`}})()}`}),(0,$.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:(()=>{switch(e.status){case`active`:return`Active`;case`inactive`:return`Inactive`;case`error`:return`Error`;case`not_found`:return`Not Found`;case`available`:return`Available`;case`removed`:return`Removed`;case`destroyed`:return`Destroyed`;case`offline`:return`Offline`;default:return e.status}})()}),u&&(0,$.jsx)(`span`,{className:`ml-2 rounded-full bg-primary/10 px-2 py-1 text-xs text-primary`,children:`Universe`}),y&&(0,$.jsxs)(`span`,{className:`ml-2 rounded-full bg-info/10 px-2 py-1 text-xs text-info`,title:e.remote?.url?`${e.remote.url} (${(e.remote.permissions||[]).join(`, `)||`no permissions`})`:void 0,children:[`Remote · `,e.host]}),p&&(0,$.jsxs)(`span`,{className:`ml-2 rounded-full bg-info/10 px-2 py-1 text-xs text-info`,title:[v,`${_} access`].filter(Boolean).join(` · `),children:[`Shared · `,_]})]})})]})})}function xh(){let[e,t]=pn(),n=e.get(`create`)===`1`,[r,i]=(0,Q.useState)(n),[a,o]=(0,Q.useState)(n);return n!==a&&(o(n),n&&i(!0)),[r,(0,Q.useCallback)(r=>{if(i(r),!r&&n){let n=new URLSearchParams(e);n.delete(`create`),t(n,{replace:!0})}},[e,n,t])]}var Sh=`canvas:lastPath`,Ch=200;function wh(){try{let e=localStorage.getItem(Sh);if(!e)return{};let t=JSON.parse(e);return t&&typeof t==`object`?t:{}}catch{return{}}}function Th(e){try{localStorage.setItem(Sh,JSON.stringify(e))}catch{}}function Eh(e,t,n){if(!e)return;let r=wh(),i=r[e];if(i&&i.tree===t&&i.path===n)return;delete r[e],r[e]={tree:t,path:n};let a=Object.keys(r);if(a.length>Ch)for(let e of a.slice(0,a.length-Ch))delete r[e];Th(r)}function Dh(e){let t=wh()[e];return!t||typeof t.path!=`string`||typeof t.tree!=`string`?null:t}function Oh(e){let t=Dh(e);return t?$d(e,t.path,t.tree):`/workspaces/${e}`}var kh=[{id:`device`,label:`This device`,description:`Personalize this browser and manage content available offline.`,items:[{path:`/appearance`,icon:ir,label:`Appearance`,description:`Choose the theme, layout, colours, display density and document reading pane.`},{path:`/key-bindings`,icon:Ia,label:`Keyboard shortcuts`,description:`View and customize shortcuts for navigation and actions.`},{path:`/offline`,icon:Ua,label:`Offline & cache`,description:`Manage cached content and storage on this device.`}]},{id:`account`,label:`Your account`,description:`Manage your access and the defaults your workspaces inherit.`,items:[{path:`/api-tokens`,icon:Rr,label:`API access tokens`,description:`Create and revoke credentials for apps and integrations.`},{path:`/devices`,icon:pa,label:`Registered devices`,description:`Manage devices connected to your account.`},{path:`/embedding`,icon:oa,label:`Search & AI defaults`,description:`Choose default embedding providers and models for your workspaces.`},{path:`/shared`,icon:ua,label:`Shared with you`,description:`Find content other people have shared with your account.`}]},{id:`server`,label:`Server administration`,description:`Administrator controls for everyone using this Canvas server.`,items:[{path:`/admin/users`,icon:tr,label:`Users`,description:`Manage accounts and server access.`},{path:`/admin/roles`,icon:Yi,label:`Roles & permissions`,description:`Manage reusable permissions across the server.`},{path:`/admin/auth`,icon:Hn,label:`Authentication`,description:`Configure sign-in backends: local passwords, LDAP and IMAP.`},{path:`/admin/embedding`,icon:oa,label:`Server search & AI defaults`,description:`Set the embedding providers and models accounts inherit.`},{path:`/admin/logs`,icon:Va,label:`Server logs`,description:`Inspect server activity and troubleshoot failures.`},{path:`/admin/contexts`,icon:za,label:`All contexts`,description:`Inspect and manage contexts across the server.`},{path:`/admin/workspaces`,icon:Zr,label:`All workspaces`,description:`Inspect and manage workspaces across the server.`},{path:`/admin/agents`,icon:ti,label:`All agents`,description:`Inspect and manage agents across the server.`}]},{id:`information`,label:`Information`,description:`Information about your Canvas installation.`,items:[{path:`/about`,icon:Jn,label:`About Canvas`,description:`View versions and information about this installation.`}]}],Ah=[`/settings`,...kh.filter(e=>e.id!==`server`).flatMap(e=>e.items.map(e=>e.path))];function jh(e,...t){let n=t.join(` `).toLocaleLowerCase();return e.toLocaleLowerCase().trim().split(/\s+/).every(e=>n.includes(e))}var Mh=[{id:`classic`,name:`Classic`,description:`Menu panel on the left, one content sheet.`},{id:`strip`,name:`Canvas strip (beta)`,description:`Experimental. Menus and canvases side by side in a strip you walk with the arrow keys or a swipe. Shift+click opens a second canvas to the right; pins open their own row.`}],Nh=`canvas:layout`;function Ph(){try{return localStorage.getItem(Nh)===`strip`?`strip`:`classic`}catch{return`classic`}}var Fh=Ph(),Ih=new Set;function Lh(){for(let e of Ih)e()}function Rh(){return Fh}function zh(e){try{e===`strip`?localStorage.setItem(Nh,e):localStorage.removeItem(Nh)}catch{}Fh=e,Lh()}function Bh(e){Ih.add(e);let t=t=>{(t.key===Nh||t.key===null)&&(Fh=Ph(),e())};return window.addEventListener(`storage`,t),()=>{Ih.delete(e),window.removeEventListener(`storage`,t)}}function Vh(){return(0,Q.useSyncExternalStore)(Bh,Rh,()=>`classic`)}var Hh=[{id:`shift`,name:`Shift + arrows`,description:`Shift with an arrow key moves between columns and rows.`},{id:`alt`,name:`Alt + arrows`,description:`Alt with an arrow key. Some browsers use Alt+Left/Right for history.`},{id:`ctrl`,name:`Ctrl + arrows`,description:`Ctrl (Cmd on macOS) with an arrow key.`},{id:`none`,name:`Bare arrows`,description:`Plain arrow keys, except while typing in a field.`}],Uh=`canvas:layout-nav`;function Wh(){try{let e=localStorage.getItem(Uh);return e===`alt`||e===`ctrl`||e===`none`?e:`shift`}catch{return`shift`}}var Gh=Wh(),Kh=new Set;function qh(){return Gh}function Jh(e){try{e===`shift`?localStorage.removeItem(Uh):localStorage.setItem(Uh,e)}catch{}Gh=e;for(let e of Kh)e()}function Yh(e){Kh.add(e);let t=t=>{(t.key===Uh||t.key===null)&&(Gh=Wh(),e())};return window.addEventListener(`storage`,t),()=>{Kh.delete(e),window.removeEventListener(`storage`,t)}}function Xh(){return(0,Q.useSyncExternalStore)(Yh,qh,()=>`shift`)}function Zh(e,t){let n=e.ctrlKey||e.metaKey;switch(t){case`shift`:return e.shiftKey&&!e.altKey&&!n;case`alt`:return e.altKey&&!e.shiftKey&&!n;case`ctrl`:return n&&!e.shiftKey&&!e.altKey;case`none`:return!e.shiftKey&&!e.altKey&&!n}}function Qh(){return window.matchMedia(`(max-width: 767px)`).matches&&Rh()!==`strip`}var $h=(0,Q.createContext)(null);function eg(){let e=(0,Q.useContext)($h);if(!e)throw Error(`useMenu must be used within a MenuProvider`);return e}function tg(e){let t=e.split(`/`).filter(Boolean),n=t[0]||``,r=t[1]||null,i=t[2]||null;return n===`contexts`?{section:`contexts`,entityId:r,m2View:i===`settings`?`settings`:r?`detail`:null}:n===`workspaces`?{section:`workspaces`,entityId:r,m2View:i===`settings`?`settings`:r?`detail`:null}:n===`agents`?{section:`agents`,entityId:r,m2View:i===`settings`?`settings`:r?`detail`:null}:n===`admin`||Ah.includes(`/${n}`)?{section:`settings`,entityId:null,m2View:null}:{section:null,entityId:null,m2View:null}}function ng(e,t){let n=an(),r=ot(),i=(0,Q.useRef)(!1),a=(0,Q.useRef)(e);return(0,Q.useEffect)(()=>{a.current=e},[e]),(0,Q.useLayoutEffect)(()=>{if(i.current){i.current=!1;return}let{section:e,entityId:r,m2View:o}=tg(n.pathname);if(e===null&&n.pathname!==`/`&&Rh()===`strip`){let t=a.current;e=t.activeSection,r=t.selectedEntityId,o=t.m2View}let s=Qh(),c=s?n.state?.canvasMenu:void 0;t(c?{type:`RESTORE_MENU`,menu:c}:{type:`SYNC_FROM_URL`,section:e,entityId:r,m2View:o,mobile:s})},[n.key,n.pathname,n.state,t]),{navigateToEntity:(0,Q.useCallback)(e=>{i.current=!0,r(e)},[r])}}function rg(){let[e,t]=(0,Q.useState)(null);return(0,Q.useEffect)(()=>{let e=localStorage.getItem(`authToken`);if(!e)return;let n=ho(Xa.ws,{auth:{token:e},transports:[`websocket`],reconnection:!0,reconnectionAttempts:5,reconnectionDelay:1e3});return n.on(`connect`,()=>{console.log(`WebSocket connected`)}),n.on(`connect_error`,e=>{console.error(`WebSocket connection error:`,e)}),n.on(`error`,e=>{console.error(`WebSocket error:`,e)}),t(n),()=>{n.close()}},[]),e}var ig=[`Home`,`Travel`,`Work`,`Books`,`Workouts`,`Beauty`,`Recipes`,`To Watch`,`To Read`,`Learning`,`Tech`,`Music`,`Finance`,`Shopping`,`Ideas`];async function ag(e,t,n){let r=0,i=0,a=n===`directory`?`directory`:`context`;for(let n of t)try{await qs(e,`/${n}`,!0,a);let t=Rt(`/${n}`);t&&await Io(e,`/${n}`,t,a).catch(()=>{}),r+=1}catch{i+=1}return Gs(e),window.dispatchEvent(new CustomEvent(`workspace:tree:refresh`,{detail:{workspaceName:e,treeName:n}})),{ok:r,failed:i}}function og(){let[e,t]=(0,Q.useState)(new Set),[n,r]=(0,Q.useState)(`context`);return{selected:e,setSelected:t,tree:n,setTree:r,toggle:e=>{t(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})}}}function sg({selected:e,onToggle:t,tree:n,onTreeChange:r,disabled:i=!1,idPrefix:a=`default-folders`,stacked:o=!1}){return(0,$.jsxs)(`div`,{children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-3 text-xs`,children:[(0,$.jsx)(`span`,{className:`text-muted-foreground`,children:`Create in:`}),[`context`,`directory`].map(e=>(0,$.jsxs)(`label`,{className:`flex items-center gap-1`,children:[(0,$.jsx)(`input`,{type:`radio`,name:`${a}-tree`,checked:n===e,onChange:()=>r(e),disabled:i}),e,` tree`]},e))]}),(0,$.jsx)(`div`,{className:`mt-3 grid gap-1.5 ${o?`grid-cols-1`:`grid-cols-2 sm:grid-cols-3 md:grid-cols-4`}`,children:ig.map(n=>{let r=at[n.toLowerCase()];return(0,$.jsxs)(`label`,{className:`flex cursor-pointer items-center gap-2 rounded border px-2 py-1.5 text-sm hover:bg-accent/50`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:e.has(n),onChange:()=>t(n),disabled:i}),r?.icon&&(0,$.jsx)(f,{icon:r.icon,width:16,height:16,color:r.color}),(0,$.jsx)(`span`,{className:`truncate`,children:n})]},n)})})]})}var cg=[{value:`full`,icon:$n,title:`Standard`,blurb:`Everything in one folder: your files in home/, alongside db/, data/, git/.`,tree:[`workspace.json`,`home/ ← your files`,`db/ data/ cache/ Git/`]},{value:`home`,icon:Pr,title:`Roaming home`,blurb:`The workspace folder IS your drive. Mount it over WebDAV and it looks like a plain home directory. Canvas keeps its files in a hidden .workspace/.`,tree:[`your files, at the top level`,`.workspace/ ← hidden, ignored`]}];function lg({value:e,onChange:t,disabled:n=!1,idPrefix:r=`workspace-layout`,compact:i=!1}){return(0,$.jsx)(`div`,{className:i?`space-y-1.5`:`grid gap-2 sm:grid-cols-2`,children:cg.map(i=>{let a=e===i.value,o=i.icon;return(0,$.jsxs)(`button`,{id:`${r}-${i.value}`,type:`button`,role:`radio`,"aria-checked":a,disabled:n,onClick:()=>t(i.value),className:`flex w-full gap-2 rounded-md border p-2.5 text-left transition-colors disabled:opacity-50 ${a?`border-primary bg-accent/40`:`hover:bg-accent/20`}`,children:[(0,$.jsx)(o,{className:`mt-0.5 h-4 w-4 shrink-0 ${a?`text-primary`:`text-muted-foreground`}`}),(0,$.jsxs)(`span`,{className:`min-w-0`,children:[(0,$.jsx)(`span`,{className:`block text-xs font-medium`,children:i.title}),(0,$.jsx)(`span`,{className:`mt-0.5 block text-[11px] leading-snug text-muted-foreground`,children:i.blurb}),(0,$.jsx)(`span`,{className:`mt-1 block font-mono text-[10px] leading-relaxed text-muted-foreground/80`,children:i.tree.map(e=>(0,$.jsx)(`span`,{className:`block truncate`,children:e},e))})]})]},i.value)})})}function ug(){let[e,t]=(0,Q.useState)(`full`),[n,r]=(0,Q.useState)(!1);return(0,Q.useEffect)(()=>{let e=!0;return X.get(`/ping`,{skipAuth:!0}).then(r=>{let i=r?.defaults?.workspaceLayout;e&&!n&&(i===`home`||i===`full`)&&t(i)}).catch(()=>{}),()=>{e=!1}},[]),[e,e=>{r(!0),t(e)}]}function dg({disabled:e}){let[t,n]=(0,Q.useState)(0),[r,i]=(0,Q.useState)(!0),[a,o]=(0,Q.useState)([]),[s,c]=(0,Q.useState)(null),[l,u]=(0,Q.useState)(``),d=(0,Q.useRef)(null);return(0,Q.useEffect)(()=>{let e=!0;return d.current?.id!==t&&(d.current={id:t,promise:Is()}),d.current.promise.then(t=>{if(!e)return;let n=[...t.discovered,...t.adopted];o(e=>[...new Map([...e,...n].map(e=>[e.id,e])).values()]),c(t)}).catch(t=>{e&&u(t instanceof Error?t.message:`Workspace scan failed`)}).finally(()=>{e&&i(!1)}),()=>{e=!1}},[t]),(0,$.jsxs)(`section`,{className:`space-y-2 rounded-md border p-3`,"aria-label":`Find workspace folders`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`h3`,{className:`text-sm font-medium`,children:`Workspaces folder`}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Copied a workspace folder here? Scan to add it to your workspaces.`})]}),(0,$.jsxs)(Z,{type:`button`,variant:`outline`,size:`sm`,disabled:e||r,onClick:()=>{i(!0),u(``),n(e=>e+1)},children:[(0,$.jsx)(qn,{className:`mr-2 h-3.5 w-3.5 ${r?`animate-spin`:``}`}),r?`Scanning…`:`Rescan`]})]}),r&&(0,$.jsx)(`p`,{role:`status`,className:`text-sm text-muted-foreground`,children:`Looking for workspace folders…`}),!r&&!l&&(0,$.jsx)(`p`,{role:`status`,className:`text-sm`,children:a.length?`Found ${a.length} ${a.length===1?`workspace`:`workspaces`}. Added to your workspace list.`:`No new workspace folders found.`}),a.length>0&&(0,$.jsx)(`ul`,{className:`space-y-2`,children:a.map(e=>(0,$.jsxs)(`li`,{children:[(0,$.jsx)(We,{className:`text-sm font-medium underline underline-offset-2`,to:`/workspaces/${encodeURIComponent(e.name)}`,children:e.label||e.name}),(0,$.jsx)(`p`,{className:`break-all text-xs text-muted-foreground`,children:e.dir})]},e.id))}),l&&(0,$.jsx)(`p`,{role:`alert`,className:`text-sm text-destructive`,children:l}),!!s?.skipped.length&&(0,$.jsxs)(`details`,{className:`text-sm text-muted-foreground`,children:[(0,$.jsxs)(`summary`,{children:[s.skipped.length,` `,s.skipped.length===1?`folder could`:`folders could`,` not be added`]}),(0,$.jsx)(`ul`,{className:`mt-1 space-y-1`,children:s.skipped.map(e=>(0,$.jsxs)(`li`,{className:`break-all`,children:[e.dir,`: `,e.reason]},e.dir))})]})]})}function fg({name:e,label:t,setName:n,setLabel:r,disabled:i=!1}){return(0,$.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[(0,$.jsxs)(`label`,{className:`grid gap-1 text-sm`,children:[`Workspace name`,(0,$.jsx)(Y,{required:!0,pattern:`[a-zA-Z0-9]([a-zA-Z0-9_]|-)*`,placeholder:`my-workspace`,value:e,onChange:e=>n(e.target.value),disabled:i}),(0,$.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:`Used in addresses. Archive imports also use it as the folder name.`})]}),(0,$.jsxs)(`label`,{className:`grid gap-1 text-sm`,children:[`Display label`,(0,$.jsx)(Y,{required:!0,placeholder:`My Workspace`,value:t,onChange:e=>r(e.target.value),disabled:i})]})]})}function pg({onImported:e,disabled:t=!1}){let[n,r]=(0,Q.useState)(`upload`),[i,a]=(0,Q.useState)(null),[o,s]=(0,Q.useState)(``),[c,l]=(0,Q.useState)(``),[u,d]=(0,Q.useState)(``),[f,p]=(0,Q.useState)(!1),[m,h]=(0,Q.useState)(``),[g,_]=(0,Q.useState)(``),[v,y]=(0,Q.useState)(null),b=t||f,x=async t=>{t.preventDefault(),p(!0),_(``),y(null),h(`Starting…`);let r={name:c.trim(),label:u.trim()},a=e=>h(ac[e.phase]||e.phase);try{let t=n===`upload`?await Us(i,e=>h(e<1?`Uploading… ${Math.round(e*100)}%`:`Extracting…`),a,r):await fc(o.trim(),r,a);y(t),window.dispatchEvent(new CustomEvent(`workspaces:refresh`)),e?.(t)}catch(e){_(e instanceof Error?e.message:`Workspace import failed`)}finally{p(!1)}};return(0,$.jsxs)(`form`,{className:`space-y-3`,onSubmit:e=>void x(e),children:[(0,$.jsx)(dg,{disabled:b}),(0,$.jsxs)(`label`,{className:`grid gap-1 text-sm`,children:[`Import from`,(0,$.jsxs)(`select`,{value:n,disabled:b,onChange:e=>r(e.target.value),className:`rounded-md border bg-background p-2`,children:[(0,$.jsx)(`option`,{value:`upload`,children:`Upload an archive`}),(0,$.jsx)(`option`,{value:`path`,children:`Path on this server`})]})]}),n===`upload`?(0,$.jsxs)(`label`,{className:`grid gap-1 text-sm`,children:[`Workspace archive`,(0,$.jsx)(Y,{required:!0,type:`file`,accept:`.tar.gz,.tgz,.tar.bz2,.tbz2,.tbz`,disabled:b,onChange:e=>a(e.target.files?.[0]||null)})]}):(0,$.jsxs)(`label`,{className:`grid gap-1 text-sm`,children:[`Server path`,(0,$.jsx)(Y,{required:!0,placeholder:`/tmp/workspace.tar.gz`,value:o,disabled:b,onChange:e=>s(e.target.value)}),(0,$.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:`An archive or workspace folder on the server. Archives are extracted into your Workspaces directory.`})]}),(0,$.jsx)(fg,{name:c,label:u,setName:l,setLabel:d,disabled:b}),(0,$.jsxs)(Z,{type:`submit`,disabled:b||!c.trim()||!u.trim()||(n===`upload`?!i:!o.trim()),children:[f?(0,$.jsx)(qn,{className:`mr-2 h-4 w-4 animate-spin`}):(0,$.jsx)(Jr,{className:`mr-2 h-4 w-4`}),f?`Importing…`:`Import workspace`]}),f&&(0,$.jsx)(`p`,{role:`status`,className:`text-sm text-muted-foreground`,children:m}),g&&(0,$.jsx)(`p`,{role:`alert`,className:`text-sm text-destructive`,children:g}),v&&(0,$.jsxs)(`p`,{role:`status`,className:`text-sm`,children:[`Imported `,v.label||v.name,`.`]})]})}function mg(e){return[...e].sort((e,t)=>{let n=typeof e.order==`number`&&Number.isFinite(e.order)?e.order:2**53-1,r=typeof t.order==`number`&&Number.isFinite(t.order)?t.order:2**53-1;if(n!==r)return n-r;let i=e.createdAt??``,a=t.createdAt??``;return i===a?(e.name??``).localeCompare(t.name??``):i<a?-1:1})}function hg(e,t,n){let r=[...e],[i]=r.splice(t,1);return r.splice(n,0,i),r}async function gg(e,t){return{failed:(await Promise.allSettled(e.map((e,n)=>e.order===n?Promise.resolve():t(e,n)))).filter(e=>e.status===`rejected`).length}}function _g(e){let[t,n]=(0,Q.useState)(null),[r,i]=(0,Q.useState)(null);return{rowProps:e=>({"data-reorder-index":e}),handleProps:t=>({onPointerDown:r=>{if(r.pointerType===`mouse`&&r.button!==0)return;r.preventDefault(),r.stopPropagation();let a=r.currentTarget.closest(`[data-reorder-index]`);if(!a)return;let o=a.parentElement,s=(o?[...o.querySelectorAll(`:scope > [data-reorder-index]`)]:[a]).map(e=>({index:Number(e.dataset.reorderIndex),rect:e.getBoundingClientRect()})).filter(e=>Number.isFinite(e.index)).sort((e,t)=>e.index-t.index).map(e=>e.rect.top+e.rect.height/2),c=a.getBoundingClientRect(),l=a.cloneNode(!0);Object.assign(l.style,{position:`fixed`,left:`${c.left}px`,top:`${c.top}px`,width:`${c.width}px`,height:`${c.height}px`,margin:`0`,pointerEvents:`none`,zIndex:`100`,opacity:`0.92`,boxShadow:`0 12px 32px rgba(0,0,0,.28)`,willChange:`transform`}),document.body.appendChild(l);let u={x:r.clientX,y:r.clientY},d=t;n(t),i(t);let f={x:r.clientX,y:r.clientY},p=0,m=()=>{p=0,l.style.transform=`translate(${f.x-u.x}px, ${f.y-u.y}px) scale(1.02)`;let e=s.length;for(let t=0;t<s.length;t++)if(f.y<s[t]){e=t;break}e!==d&&(d=e,i(e))},h=e=>{f={x:e.clientX,y:e.clientY},p||=requestAnimationFrame(m)},g=()=>{window.removeEventListener(`pointermove`,h),window.removeEventListener(`pointerup`,g),window.removeEventListener(`pointercancel`,g),p&&cancelAnimationFrame(p),l.remove(),n(null),i(null),d!==t&&d!==t+1&&e(t,d>t?d-1:d)};window.addEventListener(`pointermove`,h),window.addEventListener(`pointerup`,g),window.addEventListener(`pointercancel`,g)},onClick:e=>{e.preventDefault(),e.stopPropagation()},style:{touchAction:`none`}}),insertIndex:r,draggingIndex:t,insertLineClass:(e,n)=>r===null||t===null?!1:r===e?`shadow-[0_-3px_0_0_var(--color-primary)]`:r===n&&e===n-1&&`shadow-[0_3px_0_0_var(--color-primary)]`}}function vg(){let[e,t]=(0,Q.useState)([]),[n,r]=(0,Q.useState)(!0),[i,a]=(0,Q.useState)(null),[o,s]=(0,Q.useState)(``),[c,l]=(0,Q.useState)(``),[u,d]=(0,Q.useState)(cn()),[p,m]=(0,Q.useState)(null),[h,g]=(0,Q.useState)(``),[_,v]=ug(),[y,b]=(0,Q.useState)(null),[x,S]=(0,Q.useState)(null),[C,w]=(0,Q.useState)(!1),T=dh(),[E,D]=xh(),O=og(),[k,A]=(0,Q.useState)(!1),[j,M]=(0,Q.useState)(!1),[N,P]=(0,Q.useState)(!1),[ee,F]=(0,Q.useState)(!1),[I,te]=(0,Q.useState)(null),{showToast:L}=vo(),R=ot(),ne=ae(),{openM2Drawer:z}=eg(),re=rg();vh(re,`workspace`,{"workspace:status:changed":e=>t(t=>t.map(t=>t.id===e.workspaceId?{...t,status:e.status}:t)),"workspace:created":e=>t(t=>[...t,e.workspace]),"workspace:deleted":e=>t(t=>t.filter(t=>t.id!==e.workspaceId)),"workspaces.scanned":({report:e})=>{!e.discovered.length&&!e.adopted.length&&!e.updated.length&&!e.missing.length||ss().then(e=>t(mg(e))).catch(()=>{})}}),(0,Q.useEffect)(()=>{let e=async()=>{try{r(!0);let e=await ss();t(mg(e)),a(null)}catch(e){console.error(`Workspace fetch error:`,e);let t=`Failed to fetch workspaces`;if(e instanceof Error)t=e.message;else if(typeof e==`object`&&e){let n=e;t=n.message||n.error||n.payload?.message||n.payload?.error||n.statusText||`Failed to fetch workspaces`}a(t),L({title:`Error`,description:t,variant:`destructive`})}finally{r(!1)}};e();let n=()=>{e()};return window.addEventListener(`workspaces:refresh`,n),()=>{window.removeEventListener(`workspaces:refresh`,n)}},[re,L]);let ie=async e=>{if(e.preventDefault(),o.trim()){w(!0);try{let e=await Ns({name:o,description:c||void 0,color:u,icon:p,label:h||o,layout:_});if(t(t=>[...t,e]),window.dispatchEvent(new CustomEvent(`workspaces:refresh`)),O.selected.size>0){try{await Rs(e.name);let{ok:t,failed:n}=await ag(e.name,Array.from(O.selected),O.tree);n&&L({title:`Folders`,description:`${t} folder(s) created, ${n} failed`,variant:`destructive`})}catch(e){console.error(`Default folder creation failed:`,e),L({title:`Folders`,description:`Workspace created, but default folders failed`,variant:`destructive`})}O.setSelected(new Set)}s(``),l(``),d(cn()),m(null),g(``),L({title:`Success`,description:`Workspace '${e.label||e.name}' created.`}),D(!1)}catch(e){console.error(`Workspace creation error:`,e);let t=`Failed to create workspace`;if(e instanceof Error)t=e.message;else if(typeof e==`object`&&e){let n=e;t=n.message||n.error||n.payload?.message||n.payload?.error||n.statusText||`Failed to create workspace`}L({title:`Error`,description:t,variant:`destructive`})}finally{w(!1)}}},oe=async e=>{if(e.preventDefault(),I)try{let e={label:I.label,description:I.description,color:I.color,icon:I.icon??null};await Ao(I.name,e),t(t=>t.map(t=>t.id===I.id?{...t,...e}:t)),window.dispatchEvent(new CustomEvent(`workspaces:refresh`)),L({title:`Success`,description:`Workspace '${I.label}' details updated.`}),te(null)}catch(e){let t=e instanceof Error?e.message:`Failed to update workspace`;L({title:`Error`,description:t,variant:`destructive`})}},se=e=>{te(e)},B=async e=>{try{await Es(e.name),t(t=>t.filter(t=>t.id!==e.id)),L({title:`Success`,description:`Workspace '${e.label||e.name}' has been destroyed.`})}catch(e){let t=e instanceof Error?e.message:`Failed to destroy workspace`;L({title:`Error`,description:t,variant:`destructive`})}},V=async e=>{try{let n=await Rs(e);t(e=>e.map(e=>e.id===n.id?{...e,...n}:e)),L({title:`Success`,description:`Workspace '${n.label||n.name}' started.`}),window.dispatchEvent(new CustomEvent(`workspaces:refresh`))}catch(e){console.error(`Workspace start error:`,e);let t=`Failed to start workspace`;if(e instanceof Error)t=e.message;else if(typeof e==`object`&&e){let n=e;t=n.message||n.error||n.payload?.message||n.payload?.error||n.statusText||`Failed to start workspace`}L({title:`Error`,description:t,variant:`destructive`})}},H=async e=>{try{let n=await Hs(e);t(e=>e.map(e=>e.id===n.id?{...e,...n}:e)),L({title:`Success`,description:`Workspace '${n.label||n.name}' stopped.`}),window.dispatchEvent(new CustomEvent(`workspaces:refresh`))}catch(e){console.error(`Workspace stop error:`,e);let t=`Failed to stop workspace`;if(e instanceof Error)t=e.message;else if(typeof e==`object`&&e){let n=e;t=n.message||n.error||n.payload?.message||n.payload?.error||n.statusText||`Failed to stop workspace`}L({title:`Error`,description:t,variant:`destructive`})}},U=e=>{R(Oh(e))},{rowProps:ce,handleProps:le,draggingIndex:ue,insertLineClass:de}=_g((n,r)=>{let i=hg(e,n,r);t(i),gg(i,(e,t)=>Ao(fh(e),{order:t})).then(({failed:e})=>{window.dispatchEvent(new CustomEvent(`workspaces:refresh`)),e&&L({title:`Partial reorder`,description:`${e} workspace(s) could not be reordered`,variant:`destructive`})})});return(0,$.jsxs)(`div`,{className:`space-y-6`,children:[(0,$.jsx)(ph,{title:`Workspaces`,description:`Divide your Universe into self-contained workspaces`,actions:(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Z,{variant:`outline`,onClick:()=>A(e=>!e),className:`max-sm:hidden`,children:`Open shared Workspace (local)…`}),(0,$.jsx)(Z,{variant:`outline`,onClick:()=>P(e=>!e),children:`Import workspace`}),(0,$.jsx)(Z,{variant:`outline`,onClick:()=>M(e=>!e),className:`max-sm:hidden`,children:`Import remote…`}),(0,$.jsx)(Z,{variant:`outline`,onClick:()=>F(e=>!e),className:`max-sm:hidden`,children:`Open remote…`}),!T.local&&!E&&(0,$.jsxs)(Z,{onClick:()=>D(!0),className:`max-sm:h-9 max-sm:w-9 max-sm:p-0`,"aria-label":`Create workspace`,title:`Create workspace`,children:[(0,$.jsx)(Wi,{className:`h-4 w-4 sm:mr-2`}),(0,$.jsx)(`span`,{className:`max-sm:hidden`,children:`Create Workspace`})]})]})}),!T.local&&E&&(0,$.jsx)(yh,{title:`Create New Workspace`,onClose:()=>D(!1),children:(0,$.jsxs)(`form`,{onSubmit:ie,className:`space-y-4`,children:[(0,$.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,$.jsx)(Y,{value:o,onChange:e=>s(e.target.value),placeholder:`Workspace Name (e.g., 'my-project')`,disabled:C}),(0,$.jsx)(Y,{value:h,onChange:e=>g(e.target.value),placeholder:`Workspace Label (display name, optional)`,disabled:C})]}),(0,$.jsx)(Y,{value:c,onChange:e=>l(e.target.value),placeholder:`Description (optional)`,disabled:C}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`label`,{htmlFor:`workspace-color`,className:`text-sm font-medium`,children:`Icon & Color`}),(0,$.jsx)(`button`,{type:`button`,title:`Pick icon & color`,disabled:C,onClick:e=>b({x:Math.min(e.clientX,window.innerWidth-290),y:Math.min(e.clientY,window.innerHeight-360)}),className:`flex h-10 w-10 items-center justify-center rounded-md border hover:bg-accent`,children:(0,$.jsx)(f,{icon:p||`ph:stack-fill`,width:22,height:22,color:wt(u)})}),(0,$.jsx)(Y,{id:`workspace-color`,type:`color`,value:u,onChange:e=>d(e.target.value),className:`h-10 w-16 p-1`,disabled:C}),(0,$.jsx)(Z,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>d(cn()),disabled:C,children:`Randomize`})]}),y&&(0,$.jsx)(_h,{x:y.x,y:y.y,current:{icon:p??void 0,color:u},onChange:e=>{`icon`in e&&m(e.icon??null),`color`in e&&e.color&&d(e.color)},onClose:()=>b(null)}),(0,$.jsxs)(`div`,{className:`rounded-lg border p-3`,children:[(0,$.jsx)(`p`,{className:`text-sm font-medium`,children:`Folder structure`}),(0,$.jsx)(`p`,{className:`mb-3 mt-0.5 text-xs text-muted-foreground`,children:`How the workspace directory is laid out on disk. Fixed once created.`}),(0,$.jsx)(lg,{value:_,onChange:v,disabled:C,idPrefix:`create-workspace-layout`})]}),(0,$.jsxs)(`div`,{className:`rounded-lg border p-3`,children:[(0,$.jsxs)(`p`,{className:`text-sm font-medium`,children:[`Default folders `,(0,$.jsx)(`span`,{className:`font-normal text-muted-foreground`,children:`(optional)`})]}),(0,$.jsx)(`p`,{className:`mb-3 mt-0.5 text-xs text-muted-foreground`,children:`Ticked folders are created right after the workspace, with matching icons and colors.`}),(0,$.jsx)(sg,{selected:O.selected,onToggle:O.toggle,tree:O.tree,onTreeChange:O.setTree,disabled:C,idPrefix:`create-default-folders`})]}),(0,$.jsxs)(Z,{type:`submit`,disabled:C||!o.trim(),children:[(0,$.jsx)(Wi,{className:`mr-2 h-4 w-4`}),`Create Workspace`]})]})}),k&&(0,$.jsx)(bg,{}),ee&&(0,$.jsx)(xg,{onClose:()=>F(!1),onChanged:async()=>{try{t(mg(await ss()))}catch{}window.dispatchEvent(new CustomEvent(`workspaces:refresh`))}}),N&&(0,$.jsx)(yh,{title:`Import workspace`,onClose:()=>P(!1),children:(0,$.jsx)(pg,{onImported:()=>P(!1)})}),j&&(0,$.jsx)(yg,{onImported:e=>{t(t=>t.some(t=>t.id===e.id)?t:[...t,e]),window.dispatchEvent(new CustomEvent(`workspaces:refresh`)),M(!1)},onClose:()=>M(!1)}),(0,$.jsxs)(`div`,{className:`space-y-4`,children:[(0,$.jsx)(`h2`,{className:`text-xl font-semibold`,children:`Your Workspaces`}),n&&(0,$.jsx)(`p`,{className:`text-center text-muted-foreground`,children:`Loading workspaces...`}),i&&(0,$.jsx)(`div`,{className:`text-center text-destructive`,children:(0,$.jsx)(`p`,{children:i})}),!n&&!i&&e.length===0&&(0,$.jsx)(`p`,{className:`text-center text-muted-foreground`,children:`No workspaces found`}),e.length>0&&(0,$.jsx)(`div`,{className:`grid gap-4`,children:e.map((t,n)=>{let r={...t,createdAt:t.createdAt,updatedAt:t.updatedAt,color:t.color===null?void 0:t.color},i=wt(t.color);return(0,$.jsxs)(`div`,{...ce(n),className:`flex items-stretch rounded-lg ${de(n,e.length)||``} ${ue===n?`opacity-60`:``}`,children:[(0,$.jsx)(`button`,{type:`button`,...le(n),title:`Drag to reorder`,"aria-label":`Drag to reorder`,className:`hidden w-5 shrink-0 cursor-grab items-center justify-center rounded-l-lg active:cursor-grabbing md:flex ${i?``:`bg-muted`}`,style:i?{backgroundColor:i}:void 0,children:(0,$.jsx)(Rn,{className:`h-4 w-4 ${en(i)}`})}),(0,$.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,$.jsx)(bh,{workspace:r,onStart:V,onStop:H,onEnter:U,onEdit:se,onSettings:e=>{ne?z(`workspaces`,`settings`,fh(e)):R(`/workspaces/${fh(e)}/settings/general`)},onDestroy:B})})]},t.id)})})]}),I&&(0,$.jsxs)(`div`,{className:`space-y-4`,children:[(0,$.jsxs)(`h2`,{className:`text-xl font-semibold`,children:[`Edit Workspace: `,I.label]}),(0,$.jsxs)(`form`,{onSubmit:oe,className:`space-y-4`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`edit-label`,className:`text-sm font-medium`,children:`Label`}),(0,$.jsx)(Y,{id:`edit-label`,value:I.label,onChange:e=>te(t=>t?{...t,label:e.target.value}:null),placeholder:`Workspace Label`})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`edit-description`,className:`text-sm font-medium`,children:`Description`}),(0,$.jsx)(Y,{id:`edit-description`,value:I.description||``,onChange:e=>te(t=>t?{...t,description:e.target.value}:null),placeholder:`Description (optional)`})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`edit-color`,className:`text-sm font-medium`,children:`Icon & Color`}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`button`,{type:`button`,title:`Pick icon & color`,onClick:e=>S({x:Math.min(e.clientX,window.innerWidth-290),y:Math.min(e.clientY,window.innerHeight-360)}),className:`flex h-10 w-10 items-center justify-center rounded-md border hover:bg-accent`,children:(0,$.jsx)(f,{icon:I.icon||`ph:stack-fill`,width:22,height:22,color:wt(I.color)})}),(0,$.jsx)(Y,{id:`edit-workspace-color`,type:`color`,value:I.color||`#FFFFFF`,onChange:e=>te(t=>t?{...t,color:e.target.value}:null),className:`h-10 w-16 p-1`}),(0,$.jsx)(Z,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>te(e=>e?{...e,color:cn()}:null),children:`Randomize Color`})]})]}),(0,$.jsxs)(`div`,{className:`flex gap-2`,children:[(0,$.jsx)(Z,{type:`submit`,disabled:!I.label?.trim(),children:`Save Changes`}),(0,$.jsx)(Z,{type:`button`,variant:`outline`,onClick:()=>te(null),children:`Cancel`})]})]}),x&&(0,$.jsx)(_h,{x:x.x,y:x.y,current:{icon:I.icon??void 0,color:I.color??void 0},onChange:e=>{te(t=>{if(!t)return null;let n={...t};return`icon`in e&&(n.icon=e.icon??null),`color`in e&&e.color&&(n.color=e.color),n})},onClose:()=>S(null)})]})]})}function yg({onImported:e,onClose:t}){let{showToast:n}=vo(),[r,i]=(0,Q.useState)(``),[a,o]=(0,Q.useState)(``),[s,c]=(0,Q.useState)(``),[l,u]=(0,Q.useState)(``),[d,f]=(0,Q.useState)(!1),[p,m]=(0,Q.useState)(``);return(0,$.jsx)(yh,{title:`Import (pull) a remote Workspace`,onClose:t,children:(0,$.jsxs)(`form`,{onSubmit:async t=>{t.preventDefault();let i;try{i=new URL(r.trim()).origin}catch{n({title:`Error`,description:`Invalid server URL`,variant:`destructive`});return}if(!a.trim().startsWith(`canvas-`)){n({title:`Error`,description:`Invalid access token (expected canvas-...)`,variant:`destructive`});return}f(!0),m(`Starting…`);try{let t=await ic(i,a.trim(),e=>{m(ac[e.phase]||e.phase)},{name:s.trim(),label:l.trim()});n({title:`Success`,description:`Workspace '${t.label||t.name}' imported from ${i}.`}),e(t)}catch(e){let t=e,r=t?.message||t?.payload?.message||`Failed to import remote workspace`;n({title:`Error`,description:r,variant:`destructive`})}finally{f(!1),m(``)}},className:`space-y-3`,children:[(0,$.jsxs)(`div`,{className:`grid gap-2 md:grid-cols-3`,children:[(0,$.jsx)(Y,{placeholder:`Server URL (e.g., https://my.canvas-server.tld)`,value:r,onChange:e=>i(e.target.value),disabled:d}),(0,$.jsx)(Y,{placeholder:`Workspace share token (canvas-...)`,value:a,onChange:e=>o(e.target.value),disabled:d}),(0,$.jsx)(Z,{type:`submit`,disabled:d||!r.trim()||!a.trim()||!s.trim()||!l.trim(),children:d?`Importing…`:`Import Workspace`})]}),(0,$.jsx)(fg,{name:s,label:l,setName:c,setLabel:u,disabled:d}),d&&p&&(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:p}),(0,$.jsxs)(`p`,{className:`text-sm text-muted-foreground`,children:[`Pulls a full `,(0,$.jsx)(`strong`,{children:`copy`}),` of the workspace from the remote canvas-server into this one, where it then lives independently. The remote workspace is stopped while it is packed, and large workspaces can take several minutes — progress is shown above.`]})]})})}function bg(){let{showToast:e}=vo(),[t,n]=(0,Q.useState)(``),[r,i]=(0,Q.useState)(``),[a,o]=(0,Q.useState)(!1),s=e=>{try{return new URL(e)}catch{return null}};return(0,$.jsxs)(`div`,{className:`space-y-3`,children:[(0,$.jsx)(`h2`,{className:`text-xl font-semibold`,children:`Open shared Workspace (local)`}),(0,$.jsxs)(`div`,{className:`grid gap-2 md:grid-cols-3`,children:[(0,$.jsx)(Y,{placeholder:`Shared URL (e.g., https://host/rest/v2/pub/workspaces/ID)`,value:t,onChange:e=>n(e.target.value)}),(0,$.jsx)(Y,{placeholder:`Access token (canvas-...)`,value:r,onChange:e=>i(e.target.value)}),(0,$.jsx)(Z,{onClick:async()=>{if(!s(t.trim())){e({title:`Error`,description:`Invalid URL`,variant:`destructive`});return}if(!r.trim().startsWith(`canvas-`)){e({title:`Error`,description:`Invalid access token`,variant:`destructive`});return}o(!0);try{sessionStorage.setItem(`sharedToken:last`,r.trim());let e=new URLSearchParams({url:t.trim()}).toString();window.location.href=`/shared?${e}`}catch(t){e({title:`Error`,description:t instanceof Error?t.message:`Failed to open shared resource`,variant:`destructive`})}finally{o(!1)}},disabled:a||!t.trim()||!r.trim(),children:`Open`})]}),(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`We use your provided URL and token to fetch via the remote's public API.`})]})}function xg({onClose:e,onChanged:t}){let{showToast:n}=vo(),r=ot(),[i,a]=(0,Q.useState)(``),[o,s]=(0,Q.useState)(``),[c,l]=(0,Q.useState)(!1),[u,d]=(0,Q.useState)([]),f=(0,Q.useCallback)(async()=>{try{d(await Nc())}catch{d([])}},[]);(0,Q.useEffect)(()=>{f()},[f]);let p=async e=>{e.preventDefault();let r;try{r=new URL(i.trim()).origin}catch{n({title:`Error`,description:`Invalid server URL`,variant:`destructive`});return}l(!0);try{let e=await cc(r,o.trim());n({title:`Remote workspace added`,description:`'${e.label}' is available as ${e.address}.`}),a(``),s(``),await f(),t?.()}catch(e){let t=e;n({title:`Error`,description:t?.message||t?.payload?.message||`Failed to add remote workspace`,variant:`destructive`})}finally{l(!1)}},m=async e=>{try{await ws(e.id),await f(),t?.()}catch(e){n({title:`Error`,description:e instanceof Error?e.message:`Failed to remove remote workspace`,variant:`destructive`})}};return(0,$.jsxs)(yh,{title:`Open a remote Workspace`,onClose:e,children:[(0,$.jsxs)(`form`,{onSubmit:p,className:`space-y-3`,children:[(0,$.jsxs)(`div`,{className:`grid gap-2 md:grid-cols-3`,children:[(0,$.jsx)(Y,{placeholder:`Server URL (e.g., https://my.canvas-server.tld)`,value:i,onChange:e=>a(e.target.value),disabled:c}),(0,$.jsx)(Y,{placeholder:`Workspace share token (canvas-...)`,value:o,onChange:e=>s(e.target.value),disabled:c}),(0,$.jsx)(Z,{type:`submit`,disabled:c||!i.trim()||!o.trim(),children:c?`Checking…`:`Add Remote`})]}),(0,$.jsxs)(`p`,{className:`text-sm text-muted-foreground`,children:[`Keeps the workspace on its own server and registers it here as`,` `,(0,$.jsx)(`code`,{className:`font-mono text-xs`,children:`name@host`}),` — nothing is copied. Every call you make to it is forwarded to the remote with the share token (its permissions apply); document content and thumbnails are cached locally so they stay readable when the remote is offline. Use “Import remote…” if you want an independent local copy instead.`]})]}),u.length>0&&(0,$.jsx)(`ul`,{className:`mt-4 space-y-2 border-t pt-3`,children:u.map(e=>(0,$.jsxs)(`li`,{className:`flex flex-col gap-2 rounded-md border p-2 sm:flex-row sm:items-center sm:justify-between`,children:[(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsxs)(`div`,{className:`truncate text-sm font-medium`,children:[e.label,(0,$.jsx)(`span`,{className:`ml-2 rounded bg-muted px-1.5 py-0.5 text-[10px] uppercase tracking-wide text-muted-foreground`,children:`remote`})]}),(0,$.jsxs)(`div`,{className:`mt-0.5 truncate font-mono text-[11px] text-muted-foreground`,children:[e.address,` · `,e.remote.url]})]}),(0,$.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[(0,$.jsx)(Z,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>r(`/workspaces/${e.address}`),children:`Open`}),(0,$.jsx)(Z,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>m(e),className:`text-destructive hover:text-destructive`,children:`Remove`})]})]},e.id))})]})}function Sg({workspaceId:e,treeName:t=`context`,path:n=`/`,children:r,className:i,headerOnly:a=!1,readOnly:o=!1}){let[s,c]=(0,Q.useState)(null),l=Bt({workspaceId:e,treeName:t}),u=[...!o&&l.onImportDocuments?[{label:`Import documents…`,run:()=>l.onImportDocuments(n)}]:[],{label:`Export documents…`,run:()=>l.onExportDocuments(n)}];return(0,$.jsxs)(`div`,{className:i,onContextMenu:e=>{e.defaultPrevented||a&&!e.target.closest(`.canvas-navigation`)||(e.preventDefault(),c({x:e.clientX,y:e.clientY}))},children:[r,s&&(0,$.jsx)(Tn,{...s,onClose:()=>c(null),className:`min-w-44 rounded-md border bg-popover p-1 shadow-elevation-3`,children:u.map(e=>(0,$.jsx)(`button`,{type:`button`,className:`block w-full rounded-sm px-3 py-1.5 text-left text-xs hover:bg-accent`,onClick:()=>{c(null),e.run().catch(e=>alert(e instanceof Error?e.message:String(e)))},children:e.label},e.label))})]})}var Cg={membership:`keep`,propagation:`never`,targets:[],acceptPropagatedDeletions:!1},wg=e=>`/workspaces/${encodeURIComponent(e)}/trash/operations`,Tg=(e,t)=>X.get(`${wg(e)}?${new URLSearchParams(Object.entries(t).map(([e,t])=>[e,String(t)]))}`),Eg=(e,t,n,r={})=>X.post(`${wg(e)}/${n}`,{ids:t,...r}),Dg=(e,t,n,r)=>X.patch(`/workspaces/${encodeURIComponent(e)}/backends/imap/${encodeURIComponent(t)}/containers/${encodeURIComponent(n)}`,{removalPolicy:r});function Og(e){let t=mt(`backends`,e.path)?.backend;return(0,$.jsx)(kg,{...e},JSON.stringify([e.workspace,t]))}function kg({workspace:e,path:t,onNavigate:n}){let r=mt(`backends`,t),i=r.backend,a=r.prefix,[o,s]=(0,Q.useState)(null),[c,l]=(0,Q.useState)(null),u=(0,Q.useRef)(!1),[d,f]=(0,Q.useState)(null),[p,m]=(0,Q.useState)(null),[h,g]=(0,Q.useState)(0),[_,v]=(0,Q.useState)(new Set),[b,x]=(0,Q.useState)(null),S=(0,Q.useCallback)(()=>g(e=>e+1),[]),[C,w]=(0,Q.useState)(t);C!==t&&(w(t),v(new Set),x(null),m(null),f(null));let T=o?.revision!==h,E=T?[]:o.items,D=T?[]:o.backends,O=o?.days;(0,Q.useEffect)(()=>{let t=!1;return(i?Nt(e,i).then(e=>({...e,backends:[]})):Fs(e).then(e=>({items:[],days:null,backends:e.filter(e=>e.driver===`file`&&e.enabled!==!1)}))).then(e=>{t||s({...e,revision:h,error:null})}).catch(e=>{t||s({revision:h,items:[],backends:[],days:null,error:e instanceof Error?e.message:String(e)})}),()=>{t=!0}},[e,i,h]),(0,Q.useEffect)(()=>{let t=null,n=n=>{let r=n.detail;r?.workspaceName&&r.workspaceName!==e||r?.treeName&&r.treeName!==`backends`||(t||=setTimeout(()=>{t=null,S()},500))};return window.addEventListener(`workspace:trash:refresh`,n),window.addEventListener(`workspace:tree:refresh`,n),()=>{window.removeEventListener(`workspace:trash:refresh`,n),window.removeEventListener(`workspace:tree:refresh`,n),t&&clearTimeout(t)}},[e,S]);let k=Lt(E,a),A=async(t,n)=>{if(!(!i||u.current||T||!n.length)&&!(t===`discard`&&!Wt(i,n))){u.current=!0,l(t),f(null),m(null),x(null);try{let r=await(t===`restore`?dn:rn)(e,i,[...n].sort((e,t)=>t.deletedAt-e.deletedAt).map(e=>e.id)),a=r.filter(e=>!e.ok);m(`${r.length-a.length} item(s) ${t===`restore`?`restored to their original paths`:`permanently deleted`}.`),a.length&&f(`${a.length} item(s) remain in Trash. ${a.slice(0,3).map(e=>`${e.key||`Item`}: ${e.reason===`precondition-failed`||e.reason===`target-exists`?`original path is occupied`:e.message||e.reason}`).join(`; `)}`),v(new Set)}catch(e){f(e instanceof Error?e.message:String(e))}finally{u.current=!1,l(null),S()}}},j=(e,t,n)=>x({x:e,y:t,row:n});return(0,$.jsxs)(`section`,{className:`flex h-full min-h-0 flex-col bg-background`,"aria-label":`Backend Trash`,children:[(0,$.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-2 border-b px-4 py-3`,children:[(0,$.jsx)(Xr,{className:`h-4 w-4 shrink-0 text-muted-foreground`}),(0,$.jsx)(y,{items:xe(t,e).map((e,t)=>t===2&&i?{...e,label:i}:e),onNavigate:n,className:`basis-48`}),(0,$.jsxs)(`div`,{className:`ml-auto flex max-w-full flex-wrap items-center gap-2`,children:[_.size>0&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`button`,{className:`flex items-center gap-1 rounded border px-2 py-1 text-sm disabled:opacity-50`,disabled:!!c||T,onClick:()=>void A(`restore`,k.filter(e=>_.has(e.id)).flatMap(e=>e.items)),children:[(0,$.jsx)(Pa,{className:`h-3.5 w-3.5`}),`Restore selected`]}),(0,$.jsxs)(`button`,{className:`flex items-center gap-1 rounded border px-2 py-1 text-sm text-destructive disabled:opacity-50`,disabled:!!c||T,onClick:()=>void A(`discard`,k.filter(e=>_.has(e.id)).flatMap(e=>e.items)),children:[(0,$.jsx)(Xr,{className:`h-3.5 w-3.5`}),`Delete selected`]})]}),i&&k.length>0&&(0,$.jsxs)(`button`,{className:`flex items-center gap-1 rounded border px-2 py-1 text-sm text-destructive disabled:opacity-50`,disabled:!!c||T,onClick:()=>void A(`discard`,k.flatMap(e=>e.items)),children:[(0,$.jsx)(Xr,{className:`h-3.5 w-3.5`}),a?`Empty this folder`:`Empty Trash`]}),(0,$.jsx)(`button`,{title:`Refresh Trash`,"aria-label":`Refresh Trash`,className:`rounded p-2 hover:bg-accent`,disabled:!!c||T,onClick:S,children:(0,$.jsx)(qn,{className:`h-4 w-4 ${T?`animate-spin`:``}`})})]})]}),(0,$.jsxs)(`div`,{className:`border-b px-4 py-2 text-xs text-muted-foreground`,children:[`Restore files and folders to their original paths. Existing files are kept.`,O?` Deleted items are kept for ${O} days.`:``]}),p&&(0,$.jsx)(`p`,{role:`status`,className:`px-4 py-2 text-sm`,children:p}),(d||o?.error)&&(0,$.jsx)(`p`,{role:`alert`,className:`px-4 py-2 text-sm text-destructive`,children:d||o?.error}),c&&(0,$.jsx)(`p`,{role:`status`,className:`px-4 py-2 text-sm`,children:c===`restore`?`Restoring…`:`Deleting permanently…`}),(0,$.jsx)(`div`,{className:`min-h-0 flex-1 overflow-auto p-3`,children:T?(0,$.jsx)(`p`,{className:`p-4 text-sm text-muted-foreground`,children:`Loading Trash…`}):i?k.length===0?(0,$.jsx)(`p`,{className:`p-4 text-sm text-muted-foreground`,children:`This Trash folder is empty.`}):(0,$.jsxs)(`table`,{className:`w-full text-left text-sm`,children:[(0,$.jsx)(`thead`,{className:`border-b text-xs text-muted-foreground`,children:(0,$.jsxs)(`tr`,{children:[(0,$.jsx)(`th`,{className:`w-8 p-2`,children:(0,$.jsx)(`input`,{type:`checkbox`,"aria-label":`Select all visible items`,checked:k.length>0&&k.every(e=>_.has(e.id)),onChange:e=>v(e.target.checked?new Set(k.map(e=>e.id)):new Set)})}),(0,$.jsx)(`th`,{className:`p-2`,children:`Name`}),(0,$.jsx)(`th`,{className:`p-2 max-sm:hidden`,children:`Original path`}),(0,$.jsx)(`th`,{className:`p-2 max-md:hidden`,children:`Deleted`}),(0,$.jsx)(`th`,{className:`p-2`,children:(0,$.jsx)(`span`,{className:`sr-only`,children:`Actions`})})]})}),(0,$.jsx)(`tbody`,{children:k.map(e=>(0,$.jsxs)(`tr`,{className:`border-b border-border/50 hover:bg-accent/50`,onContextMenu:t=>{t.preventDefault(),j(t.clientX,t.clientY,e)},onDoubleClick:()=>e.navigable&&n(qt(i,e.key)),children:[(0,$.jsx)(`td`,{className:`p-2`,children:(0,$.jsx)(`input`,{type:`checkbox`,"aria-label":`Select ${e.name}`,checked:_.has(e.id),disabled:!!c,onChange:t=>v(n=>{let r=new Set(n);return t.target.checked?r.add(e.id):r.delete(e.id),r})})}),(0,$.jsx)(`td`,{className:`p-2`,children:(0,$.jsxs)(`button`,{className:`flex items-center gap-2 text-left`,onClick:()=>e.navigable&&n(qt(i,e.key)),children:[e.directory?(0,$.jsx)(Yr,{className:`h-4 w-4 shrink-0`}):(0,$.jsx)(ga,{className:`h-4 w-4 shrink-0`}),(0,$.jsxs)(`span`,{children:[e.name,e.navigable&&(0,$.jsxs)(`span`,{className:`ml-2 text-xs text-muted-foreground`,children:[e.items.length,` items`]})]})]})}),(0,$.jsx)(`td`,{className:`p-2 text-xs text-muted-foreground max-sm:hidden`,children:e.key}),(0,$.jsx)(`td`,{className:`p-2 text-xs text-muted-foreground max-md:hidden`,children:new Date(e.items.reduce((e,t)=>Math.max(e,t.deletedAt),0)).toLocaleString()}),(0,$.jsx)(`td`,{className:`p-2 text-right`,children:(0,$.jsx)(`button`,{title:`Actions for ${e.name}`,"aria-label":`Actions for ${e.name}`,disabled:!!c,className:`rounded p-2 hover:bg-accent`,onClick:t=>j(t.clientX,t.clientY,e),children:(0,$.jsx)($i,{className:`h-4 w-4`})})})]},e.id))})]}):(0,$.jsxs)(`div`,{className:`grid gap-2 sm:grid-cols-2 lg:grid-cols-3`,children:[D.map(e=>(0,$.jsxs)(`button`,{onClick:()=>n(qt(e.address)),className:`flex items-center gap-3 rounded-lg border p-4 text-left hover:bg-accent`,children:[(0,$.jsx)(Xr,{className:`h-6 w-6 text-muted-foreground`}),(0,$.jsxs)(`span`,{children:[(0,$.jsx)(`span`,{className:`block text-sm font-medium`,children:e.label||e.address}),(0,$.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:e.address})]})]},e.address)),!D.length&&(0,$.jsx)(`p`,{className:`p-4 text-sm text-muted-foreground`,children:`No file backends are available.`})]})}),b&&(0,$.jsxs)(Tn,{x:b.x,y:b.y,onClose:()=>x(null),className:`min-w-44 rounded-md border bg-popover p-1 shadow-elevation-3`,children:[b.row.navigable&&(0,$.jsxs)(`button`,{className:`flex w-full items-center gap-2 rounded px-3 py-2 text-sm hover:bg-accent`,onClick:()=>{n(qt(i,b.row.key)),x(null)},children:[(0,$.jsx)(Yr,{className:`h-4 w-4`}),`Open folder`]}),(0,$.jsxs)(`button`,{disabled:!!c,className:`flex w-full items-center gap-2 rounded px-3 py-2 text-sm hover:bg-accent disabled:opacity-50`,onClick:()=>void A(`restore`,b.row.items),children:[(0,$.jsx)(Pa,{className:`h-4 w-4`}),`Restore `,b.row.directory?`folder`:`file`]}),(0,$.jsxs)(`button`,{disabled:!!c||T,className:`flex w-full items-center gap-2 rounded px-3 py-2 text-sm text-destructive hover:bg-destructive/10 disabled:opacity-50`,onClick:()=>void A(`discard`,b.row.items),children:[(0,$.jsx)(Xr,{className:`h-4 w-4`}),`Delete permanently`]})]})]})}function Ag({value:e,backends:t,source:n,onSave:r,destination:i=!0}){let[a,o]=(0,Q.useState)({...Cg,...e}),[s,c]=(0,Q.useState)(!1),[l,u]=(0,Q.useState)(``),d=`rounded border bg-background px-2 py-1.5 text-xs w-full`,f=async()=>{c(!0),u(``);try{await r(a),u(`Removal policy saved.`)}catch(e){u(e instanceof Error?e.message:`Could not save policy`)}finally{c(!1)}};return(0,$.jsxs)(`details`,{className:`border-t pt-3 text-xs`,children:[(0,$.jsx)(`summary`,{className:`cursor-pointer font-medium`,children:`Source removals and Trash`}),(0,$.jsxs)(`div`,{className:`mt-3 space-y-3`,children:[(0,$.jsx)(`p`,{className:`text-muted-foreground`,children:`A completed scan removes missing locations from the backend tree. Items with no remaining locations go to Trash until you purge them.`}),(0,$.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[(0,$.jsxs)(`label`,{className:`space-y-1 block`,children:[`When an item disappears from this source`,(0,$.jsxs)(`select`,{className:d,value:a.membership,disabled:s,onChange:e=>o({...a,membership:e.target.value}),children:[(0,$.jsx)(`option`,{value:`keep`,children:`Keep in managed trees`}),(0,$.jsx)(`option`,{value:`review`,children:`Review removal in Trash`}),(0,$.jsx)(`option`,{value:`trash`,children:`Move to Trash automatically`})]})]}),(0,$.jsxs)(`label`,{className:`space-y-1 block`,children:[`Remove tracked copies from other backends`,(0,$.jsxs)(`select`,{className:d,value:a.propagation,disabled:s,onChange:e=>o({...a,propagation:e.target.value}),children:[(0,$.jsx)(`option`,{value:`never`,children:`Never`}),(0,$.jsx)(`option`,{value:`review`,children:`Review in Trash`}),(0,$.jsx)(`option`,{value:`automatic`,children:`Automatically, retaining recovery copies`})]})]})]}),a.propagation!==`never`&&(0,$.jsxs)(`fieldset`,{className:`space-y-2`,children:[(0,$.jsx)(`legend`,{className:`mb-1 font-medium`,children:`Destinations`}),(0,$.jsxs)(`label`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:a.targets===`all`,disabled:s,onChange:e=>o({...a,targets:e.target.checked?`all`:[]})}),`All eligible backends`]}),a.targets!==`all`&&t.filter(e=>e.address!==n&&e.kind===`storage`).map(e=>(0,$.jsxs)(`label`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`input`,{type:`checkbox`,disabled:s||e.config?.propagatedRemovalSupported!==!0,checked:a.targets.includes(e.address),onChange:t=>o({...a,targets:t.target.checked?[...a.targets,e.address]:a.targets.filter(t=>t!==e.address)})}),String(e.config?.label||e.address),e.config?.propagatedRemovalSupported===!0?!e.config?.removalPolicy?.acceptPropagatedDeletions&&` · protected`:` · recovery removal unavailable`]},e.address)),(0,$.jsx)(`p`,{className:`text-muted-foreground`,children:`Only tracked, Canvas-owned copies are eligible. Protected destinations refuse propagated deletion. Recovery removal currently supports filesystem and workspace blob storage; remote destinations remain protected.`})]}),i&&(0,$.jsxs)(`label`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`input`,{type:`checkbox`,disabled:s,checked:a.acceptPropagatedDeletions,onChange:e=>o({...a,acceptPropagatedDeletions:e.target.checked})}),`Accept propagated deletions on this backend`]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,$.jsx)(Z,{size:`sm`,variant:`outline`,disabled:s,onClick:()=>void f(),children:s?`Saving…`:`Save removal policy`}),(0,$.jsx)(`span`,{role:`status`,children:l})]})]})]})}function jg({workspaceName:e,canWrite:t}){let{showToast:n}=vo(),[r,i]=(0,Q.useState)([]),[a,o]=(0,Q.useState)(!1),[s,c]=(0,Q.useState)([]),[l,u]=(0,Q.useState)(!1),d=(0,Q.useCallback)(async()=>{o(!0);try{i(await hs(e))}catch(e){n({title:`Error`,description:e instanceof Error?e.message:`Failed to load the trash`,variant:`destructive`})}finally{o(!1)}},[e]);(0,Q.useEffect)(()=>{d()},[d]);let f=(0,Q.useCallback)(e=>s.includes(e),[s]),p=async(e,t)=>{c(t=>[...t,...e]);try{await t()}finally{c(t=>t.filter(t=>!e.includes(t)))}},m=t=>p([t.id],async()=>{try{let r=await Ys(e,[t.id]);r.failed?.length?n({title:`Not restored`,description:r.failed[0]?.error||`No restore target recorded`,variant:`destructive`}):(n({title:`Restored`,description:`Document put back where it was.`}),i(e=>e.filter(e=>e.id!==t.id)))}catch(e){n({title:`Error`,description:e instanceof Error?e.message:`Failed to restore`,variant:`destructive`})}}),h=t=>p([t.id],async()=>{try{let r=await Go(e,[t.id]);if(r.failed?.length)throw Error(`The item could not be purged. Refresh and retry.`);n({title:`Cleared from Trash`,description:r.preserved?.length?`Existing backend copies remain indexed.`:`Document permanently deleted.`}),i(e=>e.filter(e=>e.id!==t.id))}catch(e){n({title:`Error`,description:e instanceof Error?e.message:`Failed to delete`,variant:`destructive`})}}),g=async()=>{if(!l){u(!0);return}u(!1);try{let t=await Go(e);n({title:`Trash emptied`,description:`${t.destroyed?.length??0} document(s) purged. ${t.preserved?.length??0} item(s) cleared with backend copies preserved.`}),await d()}catch(e){n({title:`Error`,description:e instanceof Error?e.message:`Failed to empty the trash`,variant:`destructive`})}},_=(0,Q.useMemo)(()=>r.map(e=>{let t=os(e),n=(e.trashed?.placements??[]).flatMap(e=>e.paths.map(t=>`${e.tree}:${t}`));return{document:e,title:t.title,origin:n,trashedAt:e.trashed?.trashedAt||null}}),[r]);return(0,$.jsxs)(`div`,{className:`space-y-4`,children:[(0,$.jsxs)(`div`,{className:`flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between sm:gap-4`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`h2`,{className:`text-sm font-medium`,children:`Managed-tree items`}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground mt-1 max-w-2xl`,children:`Restore managed-tree placements or permanently purge these items. Pending removals require separate approval. Backend copies are managed below.`})]}),(0,$.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2 max-sm:flex-wrap`,children:[(0,$.jsxs)(Z,{variant:`outline`,size:`sm`,onClick:()=>d(),disabled:a,children:[(0,$.jsx)(qn,{className:`mr-2 h-3.5 w-3.5 ${a?`animate-spin`:``}`}),`Refresh`]}),(0,$.jsxs)(Z,{variant:l?`destructive`:`outline`,size:`sm`,onClick:g,onBlur:()=>u(!1),disabled:!t||r.length===0,children:[(0,$.jsx)(Xr,{className:`mr-2 h-3.5 w-3.5`}),l?`Click again to delete everything`:`Empty trash`]})]})]}),a&&r.length===0&&(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Loading…`}),!a&&r.length===0&&(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`The trash is empty.`}),_.length>0&&(0,$.jsx)(`div`,{className:`border rounded-md divide-y`,children:_.map(({document:e,title:n,origin:r,trashedAt:i})=>(0,$.jsxs)(`div`,{className:`flex items-center gap-3 px-3 py-2`,children:[(0,$.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,$.jsx)(`div`,{className:`truncate text-sm`,children:n}),(0,$.jsxs)(`div`,{className:`truncate text-xs text-muted-foreground`,children:[r.length>0?`from ${r.join(`, `)}`:`no recorded origin`,i?` · ${new Date(i).toLocaleString()}`:``]})]}),(0,$.jsxs)(Z,{variant:`outline`,size:`sm`,onClick:()=>m(e),disabled:!t||f(e.id)||r.length===0,title:r.length===0?`Nothing recorded to restore to`:`Put it back where it was`,children:[(0,$.jsx)(Pa,{className:`mr-2 h-3.5 w-3.5`}),`Restore placements`]}),(0,$.jsx)(Z,{variant:`ghost`,size:`sm`,onClick:()=>h(e),disabled:!t||f(e.id),title:`Delete permanently`,children:(0,$.jsx)(Xr,{className:`h-3.5 w-3.5`})})]},e.id))})]})}function Mg({workspaceName:e}){return(0,$.jsx)(Ng,{workspaceName:e},e)}function Ng({workspaceName:e}){let[t,n]=(0,Q.useState)(`pending`),[r,i]=(0,Q.useState)(``),[a,o]=(0,Q.useState)(``),[s,c]=(0,Q.useState)(0),[l,u]=(0,Q.useState)(0),[d,f]=(0,Q.useState)(null),[p,m]=(0,Q.useState)(``),[h,g]=(0,Q.useState)(!1),[_,v]=(0,Q.useState)(new Set),[y,b]=(0,Q.useState)({}),[x,S]=(0,Q.useState)(`/Trash`),[C,w]=(0,Q.useState)([]),[T,E]=(0,Q.useState)({write:!1,admin:!1});(0,Q.useEffect)(()=>{let t=!0;return Co(e).then(e=>{let n=e.remote?.permissions||e.access?.permissions||(typeof e.sharedVia==`object`?e.sharedVia?.permissions:[])||[],r=V(e);t&&E({admin:r,write:r||n.includes(`write`)})}).catch(()=>{}),()=>{t=!1}},[e]);let[D,O]=(0,Q.useState)(null);(0,Q.useEffect)(()=>{let t=!0;return Fs(e).then(e=>{t&&w(e)}).catch(()=>{}),()=>{t=!1}},[e]),(0,Q.useEffect)(()=>{let n=!1,i=()=>Tg(e,{view:t,search:r,...a?{backend:a}:{},offset:s}).then(e=>{n||(f(e),m(``))}).catch(e=>{n||m(e instanceof Error?e.message:`Could not load Trash`)});i();let o=setInterval(()=>{h||i()},5e3);return()=>{n=!0,clearInterval(o)}},[e,t,r,a,s,l,h]);let k=d?.operations||[],A=()=>{v(new Set),u(e=>e+1)},j=()=>{Gs(e),window.dispatchEvent(new CustomEvent(`workspace:tree:refresh`,{detail:{workspaceName:e}})),window.dispatchEvent(new CustomEvent(`workspace:trash:refresh`,{detail:{workspaceName:e}}))},M=async(t,n=[..._])=>{if(!(!n.length||h)&&!(t===`purge`&&!window.confirm(`Permanently delete retained recovery copies for ${n.length} operation(s)?`))){g(!0),m(``);try{let r=(t===`approve`?(await Promise.all(n.map(n=>Eg(e,[n],t,y[n])))).flatMap(e=>e.results):(await Eg(e,n,t)).results).filter(e=>!e.ok||e.operation?.state===`failed`);r.length&&m(r.map(e=>e.error||e.operation?.error||`A destination could not be changed. Expand the item for details.`).join(` `)),j(),A()}catch(e){m(e instanceof Error?e.message:`Trash action failed`)}finally{g(!1)}}},N=e=>{n(e),c(0),f(null),v(new Set),b({})};return(0,$.jsxs)(`div`,{className:`space-y-4`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`h2`,{className:`text-base font-semibold`,children:`Workspace Trash`}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground mt-1`,children:`Review source removals, recover items, and see what automatic policies changed.`})]}),(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,role:`tablist`,"aria-label":`Trash views`,children:[[[`pending`,`Pending removal`],[`trashed`,`In Trash`],[`activity`,`Activity`]].map(([e,n])=>(0,$.jsx)(Z,{role:`tab`,"aria-selected":t===e,size:`sm`,variant:t===e?`default`:`outline`,onClick:()=>N(e),children:n},e)),(0,$.jsxs)(Z,{size:`sm`,variant:`ghost`,className:`ml-auto`,onClick:A,disabled:h,children:[(0,$.jsx)(qn,{className:`mr-2 h-3.5 w-3.5`}),`Refresh`]})]}),t===`trashed`&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(jg,{workspaceName:e,canWrite:T.write},l),(0,$.jsxs)(`details`,{className:`rounded border p-3`,children:[(0,$.jsx)(`summary`,{className:`cursor-pointer text-sm font-medium`,children:`Browse backend recovery copies`}),(0,$.jsx)(`div`,{className:`mt-3 min-h-48`,children:(0,$.jsx)(Og,{workspace:e,path:x,onNavigate:S})})]})]}),(0,$.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,$.jsx)(Y,{"aria-label":`Filter Trash items`,placeholder:`Filter by item or path…`,className:`max-w-xs`,value:r,onChange:e=>{i(e.target.value),f(null),c(0),v(new Set)}}),(0,$.jsx)(Y,{"aria-label":`Filter by backend`,placeholder:`Backend name…`,className:`max-w-56`,value:a,onChange:e=>{o(e.target.value),f(null),c(0),v(new Set)}}),_.size>0&&(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-xs`,children:[(0,$.jsxs)(`span`,{children:[_.size,` selected`]}),t===`pending`&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Z,{size:`sm`,disabled:h,onClick:()=>void M(`approve`),children:`Approve selected`}),(0,$.jsx)(Z,{size:`sm`,variant:`outline`,disabled:h,onClick:()=>void M(`keep`),children:`Keep selected`}),(0,$.jsx)(Z,{size:`sm`,variant:`outline`,disabled:h,onClick:()=>void M(`retry`),children:`Retry`})]}),t===`trashed`&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Z,{size:`sm`,variant:`outline`,disabled:h,onClick:()=>void M(`restore`),children:`Restore copies`}),(0,$.jsx)(Z,{size:`sm`,variant:`destructive`,disabled:h,onClick:()=>void M(`purge`),children:`Purge copies`})]})]})]}),D&&(0,$.jsxs)(`div`,{className:`rounded border p-3 space-y-2`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,$.jsxs)(`p`,{className:`text-sm font-medium`,children:[`Removal policy · `,D.source.account||D.source.backend,D.source.folder?` / ${D.source.folder}`:``]}),(0,$.jsx)(Z,{size:`sm`,variant:`ghost`,onClick:()=>O(null),children:`Close`})]}),(0,$.jsx)(Ag,{source:D.source.backend,backends:C,destination:!1,value:{...Cg,...C.find(e=>e.address===D.source.backend)?.config?.removalPolicy,membership:y[D.id]?.membership??D.membership!==`keep`?`review`:`keep`,propagation:D.targets.length?`review`:`never`,targets:[...new Set(D.targets.filter(e=>!y[D.id]||y[D.id].targets.includes(JSON.stringify([e.backend,e.key]))).map(e=>e.backend))]},onSave:async t=>{D.source.driver===`imap`?await Dg(e,D.source.account,D.source.folder,t):await ms(e,D.source.driver,D.source.backend,{removalPolicy:t}),w(await Fs(e))}},D.id)]}),p&&(0,$.jsx)(`p`,{role:`alert`,className:`text-sm text-destructive`,children:p}),(0,$.jsxs)(`div`,{className:`overflow-x-auto rounded border`,children:[(0,$.jsxs)(`table`,{className:`w-full text-left text-xs`,children:[(0,$.jsx)(`thead`,{className:`bg-muted`,children:(0,$.jsxs)(`tr`,{children:[(0,$.jsx)(`th`,{className:`p-3 w-8`,children:(0,$.jsx)(`input`,{type:`checkbox`,"aria-label":`Select visible operations`,disabled:!T.write||h||!k.length||t===`activity`,checked:k.length>0&&k.every(e=>_.has(e.id)),onChange:e=>v(e.target.checked?new Set(k.map(e=>e.id)):new Set)})}),(0,$.jsx)(`th`,{className:`p-3`,children:`Item and affected copies`}),(0,$.jsx)(`th`,{className:`p-3`,children:`Source`}),(0,$.jsx)(`th`,{className:`p-3`,children:`Status`}),(0,$.jsx)(`th`,{className:`p-3`,children:`Detected`})]})}),(0,$.jsx)(`tbody`,{children:k.map(e=>{let n=y[e.id]||{targets:e.targets.filter(e=>e.state!==`kept`).map(e=>JSON.stringify([e.backend,e.key])),membership:e.membership!==`keep`};return(0,$.jsxs)(`tr`,{className:`border-t align-top`,children:[(0,$.jsx)(`td`,{className:`p-3`,children:(0,$.jsx)(`input`,{type:`checkbox`,"aria-label":`Select ${e.title}`,disabled:!T.write||h||t===`activity`,checked:_.has(e.id),onChange:t=>v(n=>{let r=new Set(n);return t.target.checked?r.add(e.id):r.delete(e.id),r})})}),(0,$.jsx)(`td`,{className:`p-3 min-w-64`,children:(0,$.jsxs)(`details`,{children:[(0,$.jsx)(`summary`,{className:`cursor-pointer font-medium`,children:e.title}),(0,$.jsxs)(`div`,{className:`mt-2 space-y-2 text-muted-foreground`,children:[(0,$.jsx)(`p`,{children:e.orphan?`No remaining byte locations. Restore placements only unless recovery bytes are available.`:`${e.remainingLocations.length} remaining location(s) when detected.`}),e.placements.map(e=>(0,$.jsxs)(`p`,{children:[e.tree,`: `,e.paths.join(`, `)]},e.tree)),e.membership!==`keep`&&(0,$.jsxs)(`label`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:n.membership,disabled:h||t!==`pending`||e.membershipApplied,onChange:t=>b({...y,[e.id]:{...n,membership:t.target.checked}})}),e.membershipApplied?`Managed placements moved to Trash`:`Move managed placements to Trash`]}),e.targets.map(r=>{let i=JSON.stringify([r.backend,r.key]);return(0,$.jsxs)(`label`,{className:`flex items-start gap-2`,children:[(0,$.jsx)(`input`,{type:`checkbox`,disabled:h||t!==`pending`||!!r.trashId,checked:n.targets.includes(i),onChange:t=>b({...y,[e.id]:{...n,targets:t.target.checked?[...n.targets,i]:n.targets.filter(e=>e!==i)}})}),(0,$.jsxs)(`span`,{className:`break-all`,children:[r.backend,`:`,r.key,` · `,r.state,r.error&&(0,$.jsx)(`span`,{className:`block text-destructive`,children:r.error})]})]},i)}),(0,$.jsx)(Z,{size:`sm`,variant:`outline`,disabled:!T.admin,onClick:()=>O(e),children:`Use these choices as a source policy`}),e.remainingLocations.map(e=>(0,$.jsx)(`p`,{className:`break-all`,children:e.url},e.url))]})]})}),(0,$.jsxs)(`td`,{className:`p-3 break-all`,children:[e.source.account||e.source.backend,e.source.folder&&(0,$.jsx)(`span`,{className:`block text-muted-foreground`,children:e.source.folder})]}),(0,$.jsxs)(`td`,{className:`p-3`,children:[e.state,e.error&&(0,$.jsx)(`p`,{className:`mt-1 max-w-xs text-destructive`,children:e.error})]}),(0,$.jsx)(`td`,{className:`p-3 whitespace-nowrap text-muted-foreground`,children:new Date(e.createdAt).toLocaleString()})]},e.id)})})]}),!k.length&&(0,$.jsx)(`p`,{className:`p-5 text-center text-sm text-muted-foreground`,children:d?`No matching operations.`:`Loading…`})]}),(0,$.jsxs)(`div`,{className:`flex items-center justify-between text-xs text-muted-foreground`,children:[(0,$.jsxs)(`span`,{children:[d?.total??0,` operation(s)`]}),(0,$.jsxs)(`div`,{className:`flex gap-2`,children:[(0,$.jsx)(Z,{size:`sm`,variant:`outline`,disabled:!s||h,onClick:()=>{c(Math.max(0,s-200)),v(new Set)},children:`Previous`}),(0,$.jsx)(Z,{size:`sm`,variant:`outline`,disabled:s+k.length>=(d?.total??0)||h,onClick:()=>{c(s+200),v(new Set)},children:`Next`})]})]})]})}function Pg({workspaceName:e,children:t}){let n=e,[r,i]=(0,Q.useState)(null),[a,o]=(0,Q.useState)(``),[s,c]=(0,Q.useState)(!1),[l,u]=(0,Q.useState)(0),[d,f]=(0,Q.useState)(null);if((0,Q.useEffect)(()=>{let t=!1,r=0,a,s=!1,c=async()=>{if(s||t)return;s=!0;let c=++r;try{let s=a?await yc(e):await Co(e);!t&&c===r&&(`id`in s&&(a=s.id,f({identity:n,allowed:V(s)})),i({identity:n,state:eo()||s.status===`active`?`active`:s.status===`inactive`?`stopped`:`unavailable`}),o(``))}catch(e){if(!t&&c===r){let t=e instanceof Error?e.message:`Unable to check workspace status`,r=$a(t);i(e=>r&&e?.identity===n&&e.state===`active`?e:{identity:n,state:r?`offline`:`unavailable`}),o(t)}}finally{s=!1}},l=t=>{let s=t.detail?.refs;!s?.includes(e)&&!(a&&s?.includes(a))||(r++,i({identity:n,state:`stopped`}),o(``))},u=t=>{let s=t.workspaceId||t.id;!s||s!==e&&s!==a||!t.status||(r++,i({identity:n,state:t.status===`active`?`active`:t.status===`inactive`?`stopped`:`unavailable`}),o(``))};c(),window.addEventListener(`workspaces:refresh`,c),window.addEventListener(`workspace:stopped`,l),window.addEventListener(`focus`,c);let d=L.on(`connect`,c);L.on(`workspace:status:changed`,u),L.on(`workspace.status.changed`,u);let p=co(e=>{e||c()});return()=>{t=!0,d?.(),p(),L.off(`workspace:status:changed`,u),L.off(`workspace.status.changed`,u),window.removeEventListener(`workspaces:refresh`,c),window.removeEventListener(`workspace:stopped`,l),window.removeEventListener(`focus`,c)}},[e,n,l]),r?.identity!==n)return(0,$.jsx)(`p`,{className:`p-6 text-sm text-muted-foreground`,children:`Checking workspace…`});if(r.state===`active`)return t;let p=r.state===`stopped`;return(0,$.jsxs)(`div`,{className:`flex h-full flex-col items-center justify-center gap-3 p-6 text-center`,children:[(0,$.jsx)(`p`,{className:`font-medium`,children:p?`Workspace stopped`:r.state===`offline`?`Server unreachable`:`Workspace unavailable`}),(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:p?`Start this workspace to view its content.`:r.state===`offline`?`Reconnect to load this workspace. Previously loaded content stays available offline.`:`Unable to check this workspace. Try again or check its settings.`}),a&&(0,$.jsx)(`p`,{role:`alert`,className:`text-sm text-destructive`,children:a}),(0,$.jsx)(Z,{disabled:s,onClick:async()=>{c(!0),o(``);try{p&&await Rs(e),u(e=>e+1)}catch(e){o(e instanceof Error?e.message:`Unable to start workspace`)}finally{c(!1)}},children:s?p?`Starting…`:`Checking…`:p?`Start workspace`:`Retry`}),d?.identity===n&&d.allowed&&(0,$.jsx)(We,{className:`text-sm underline`,to:`/workspaces/${encodeURIComponent(e)}/settings`,children:`Workspace settings`})]})}function Fg({workspaceId:e,workspaceName:t}){let[n,r]=(0,Q.useState)([]),[i,a]=(0,Q.useState)(new Set),o=t=>`${e}:${t.address}:${t.resyncStartedAt||``}`;(0,Q.useEffect)(()=>{let t=!1,n=!1,i=!1,a=0,o=new Map,s=new Map,c=(e,t)=>{let n=e.filter(e=>e.address!==t.backend);if(!t.resyncing)return n;let r=e.find(e=>e.address===t.backend)||s.get(t.backend);return[...n,{address:t.backend,config:r?.config,resyncStartedAt:r?.resyncStartedAt||new Date().toISOString(),progress:t.progress??r?.progress}]},l=async()=>{if(n){i=!0;return}n=!0;let u=a;try{let n=await Fs(e);if(!t){s=new Map(n.map(e=>[e.address,e]));let e=n.filter(e=>e.resyncing);for(let t of o.values())t.version>u&&(e=c(e,t.event));r(e)}}catch{}finally{n=!1,i&&!t&&(i=!1,l())}},u=t=>{t.workspaceId!==e||!t.backend||typeof t.resyncing!=`boolean`||(o.set(t.backend,{version:++a,event:t}),r(e=>c(e,t)))},d=t=>{t.workspaceId===e&&l()};l();let f=L.on(`connect`,l);return L.on(`backend.resync.changed`,u),L.on(`backend.changed`,d),window.addEventListener(`focus`,l),()=>{t=!0,f?.(),L.off(`backend.resync.changed`,u),L.off(`backend.changed`,d),window.removeEventListener(`focus`,l)}},[e]);let s=n.filter(e=>!i.has(o(e)));return s.length?(0,$.jsxs)(`aside`,{"aria-label":`Storage scans for ${t}`,className:`absolute bottom-5 right-5 z-50 w-72 max-w-[calc(100vw-2.5rem)] rounded-lg border bg-popover/95 p-3 text-popover-foreground shadow-lg backdrop-blur`,children:[(0,$.jsxs)(`div`,{role:`status`,className:`mb-2 flex items-center gap-2 text-sm font-medium`,children:[(0,$.jsx)(Ta,{"aria-hidden":`true`,className:`h-4 w-4 animate-spin`}),(0,$.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,$.jsx)(`span`,{className:`block`,children:`Scanning storage`}),(0,$.jsx)(`span`,{className:`block truncate text-xs font-normal text-muted-foreground`,title:t,children:t})]}),(0,$.jsx)(`button`,{type:`button`,"aria-label":`Hide scan progress for ${t}`,title:`Hide progress; scanning continues`,className:`rounded p-1 hover:bg-muted focus-visible:outline focus-visible:outline-2`,onClick:()=>a(e=>new Set([...e,...s.map(o)])),children:(0,$.jsx)(mr,{"aria-hidden":`true`,className:`h-4 w-4`})})]}),(0,$.jsx)(`div`,{className:`max-h-48 space-y-3 overflow-y-auto`,children:s.map(e=>{let{scanned:t=0,total:n=null}=e.progress||{},r=n&&n>0?Math.min(100,Math.round(t/n*100)):null,i=typeof e.config?.label==`string`?e.config.label:e.address;return(0,$.jsxs)(`div`,{children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-3 text-xs`,children:[(0,$.jsx)(`span`,{className:`truncate`,children:i}),(0,$.jsx)(`span`,{className:`shrink-0 text-muted-foreground`,children:n===null?`${t} files`:`${t} / ${n}`})]}),(0,$.jsx)(`div`,{role:`progressbar`,"aria-label":`Scanning ${i}`,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":r??void 0,className:`mt-1.5 h-1 overflow-hidden rounded-full bg-muted`,children:(0,$.jsx)(`div`,{className:`h-full rounded-full bg-primary ${r===null?`animate-pulse`:`transition-all`}`,style:{width:r===null?`35%`:`${r}%`}})})]},e.address)})})]}):null}var Ig=3;function Lg(e){return`${e.name}:${e.size}:${e.lastModified}`}function Rg(e=[]){let[t,n]=(0,Q.useState)(()=>e.map(e=>({id:Lg(e),file:e,status:`queued`,progress:0}))),[r,i]=(0,Q.useState)(!1),a=(0,Q.useRef)(t),o=(0,Q.useRef)(null),s=(0,Q.useRef)(null);(0,Q.useEffect)(()=>()=>s.current?.abort(),[]);let c=(0,Q.useCallback)(e=>{a.current=e,n(e)},[]),l=(0,Q.useCallback)((e,t)=>{let r=a.current.map(n=>n.id===e?{...n,...t}:n);a.current=r,n(r)},[]),u=(0,Q.useCallback)(e=>{let t=new Set(a.current.map(e=>e.id)),n=e.filter(e=>!t.has(Lg(e))).map(e=>({id:Lg(e),file:e,status:`queued`,progress:0}));n.length&&c([...a.current,...n])},[c]),d=(0,Q.useCallback)(e=>{c(a.current.filter(t=>t.id!==e))},[c]),f=(0,Q.useCallback)(()=>{s.current?.abort(),s.current=null,c([]),i(!1)},[c]),p=(0,Q.useCallback)(()=>{s.current?.abort()},[]);return{items:t,running:r,addFiles:u,removeItem:d,reset:f,start:(0,Q.useCallback)(async(e,t)=>{if(!e)throw Error(`No active workspace or context to add to`);let{workspaceName:n,treeName:r,path:u}=await sl(e),d=r===`backends`?await ml(n,u):null,f=JSON.stringify([n,r,u]);o.current!==null&&o.current!==f&&c(a.current.map(({id:e,file:t})=>({id:e,file:t,status:`queued`,progress:0}))),o.current=f;let p=new AbortController;s.current=p,i(!0);let m=a.current.filter(e=>e.status!==`done`);for(let e of m)l(e.id,{status:`queued`,progress:0,error:void 0});try{if(d){let e=0;await Promise.all(Array.from({length:Math.min(Ig,m.length)},async()=>{for(;e<m.length&&!p.signal.aborted;){let t=m[e++];try{l(t.id,{status:`uploading`,progress:0,resumed:!1});let e=await xo(n,{...d,key:El(d.key,t.file.name)},t.file,{signal:p.signal,onProgress:(e,n)=>l(t.id,{progress:n?e/n:0})});l(t.id,{status:`done`,progress:1,docId:e.docId??void 0})}catch(e){l(t.id,{status:`error`,error:e instanceof Error?e.message:`Upload failed`})}}}))}else{let r=new Map;for(let e of m){if(p.signal.aborted)throw new DOMException(`cancelled`,`AbortError`);if(!(e.file.size>=8388608)){l(e.id,{status:`hashing`});try{let t=await kl(e.file,t=>l(e.id,{progress:t}));r.set(e.id,t),l(e.id,{status:`checking`,progress:0})}catch(t){l(e.id,{status:`error`,error:t instanceof Error?t.message:`Failed to read file`})}}}let i={};if(r.size)try{i=await yo(n,[...new Set(r.values())])}catch{i={}}let a=m.filter(e=>r.has(e.id)||e.file.size>=8388608),o=0;await Promise.all(Array.from({length:Math.min(Ig,a.length)},async()=>{for(;o<a.length;){if(p.signal.aborted)return;let s=a[o++],c=r.get(s.id);try{let r=c?i[c]??null:null;r?l(s.id,{status:`linking`,progress:1,resumed:!0}):(l(s.id,{status:`uploading`,progress:0}),r=await go(n,s.file,{sha256:c,signal:p.signal,onProgress:(e,t)=>l(s.id,{progress:t?e/t:0})}),l(s.id,{status:`linking`,progress:1}));let a=await vl(e,[t(r,s.file)],{refresh:!1});l(s.id,{status:`done`,docId:a[0]})}catch(e){let t=e instanceof DOMException&&e.name===`AbortError`;l(s.id,{status:`error`,error:t?`Cancelled`:e instanceof Error?e.message:`Upload failed`})}}}))}}finally{if(p.signal.aborted)for(let e of a.current)e.status!==`done`&&e.status!==`error`&&l(e.id,{status:`error`,error:`Cancelled`});i(!1),s.current===p&&(s.current=null),a.current.some(e=>e.status===`done`)&&bl(e)}let h=a.current;return{done:h.filter(e=>e.status===`done`).length,resumed:h.filter(e=>e.status===`done`&&e.resumed).length,failed:h.filter(e=>e.status===`error`).length,total:h.length,docIds:h.flatMap(e=>e.status===`done`&&e.docId!=null?[e.docId]:[])}},[l,c]),cancel:p}}function zg(e){let[t,n]=(0,Q.useState)(null);return(0,Q.useEffect)(()=>{if(!e)return;let t=!1;return Eo(e).then(r=>{t||n({workspace:e,tags:r})}).catch(()=>{}),()=>{t=!0}},[e]),t&&t.workspace===e?t.tags:[]}var Bg=`data/schema/file`,Vg=`3.0`;function Hg(e){let[t,n]=(0,Q.useState)([]),[r,i]=(0,Q.useState)(``);return{tags:t,setTags:n,comment:r,setComment:i,suggestions:zg(e),geotag:fe()}}function Ug(e,t,n={}){let r=Kc(n.tags??[]),i=n.comment?.trim();return{schema:Bg,schemaVersion:Vg,data:{},checksumArray:[`sha256/${e.checksum}`],locations:[{url:e.url,metadata:{filename:t.name}}],...i?{comment:i}:{},metadata:{contentType:t.type,size:e.size,...r.length?{features:r}:{},...n.geo?{geo:n.geo}:{}}}}function Wg(e){return e<1024?`${e} B`:e<1048576?`${(e/1024).toFixed(1)} KB`:`${(e/1048576).toFixed(1)} MB`}function Gg(e){switch(e.status){case`hashing`:return`hashing`;case`checking`:return`checking`;case`uploading`:return`${Math.round(e.progress*100)}%`;case`linking`:return`saving`;case`done`:return e.resumed?`already uploaded`:`done`;case`error`:return e.error||`failed`;default:return Wg(e.file.size)}}function Kg({item:e}){switch(e.status){case`done`:return(0,$.jsx)(rr,{className:`h-3.5 w-3.5 shrink-0 text-green-600 dark:text-green-500`});case`error`:return(0,$.jsx)(Xn,{className:`h-3.5 w-3.5 shrink-0 text-destructive`});case`queued`:return(0,$.jsx)(ga,{className:`h-3.5 w-3.5 shrink-0 text-muted-foreground`});default:return(0,$.jsx)(Ta,{className:`h-3.5 w-3.5 shrink-0 animate-spin text-muted-foreground`})}}function qg({item:e}){if(e.status===`queued`)return null;let t=e.status===`done`||e.status===`error`||e.status===`linking`?1:e.status===`checking`?0:e.progress;return(0,$.jsx)(`div`,{className:`h-1 w-full overflow-hidden rounded-full bg-muted`,children:(0,$.jsx)(`div`,{className:J(`h-full rounded-full transition-[width] duration-normal`,e.status===`error`?`bg-destructive`:e.status===`done`?`bg-green-600 dark:bg-green-500`:`bg-primary`),style:{width:`${Math.round(t*100)}%`}})})}function Jg({items:e,running:t,onRemove:n}){let r=e.filter(e=>e.status===`done`).length,i=e.filter(e=>e.status===`error`).length;return(0,$.jsx)($.Fragment,{children:e.length>0&&(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsxs)(H,{children:[e.length,` file(s)`,r>0&&(0,$.jsxs)(`span`,{className:`ml-1 text-muted-foreground`,children:[`— `,r,` done`,i>0?`, ${i} failed`:``]})]}),(0,$.jsx)(`ul`,{className:`max-h-48 space-y-1 overflow-y-auto`,children:e.map(e=>(0,$.jsxs)(`li`,{className:`flex flex-col gap-1 rounded border border-input px-2 py-1 text-sm`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(Kg,{item:e}),(0,$.jsx)(`span`,{className:`flex-1 truncate`,title:e.file.name,children:e.file.name}),(0,$.jsx)(`span`,{className:J(`shrink-0 text-xs`,e.status===`error`?`text-destructive`:`text-muted-foreground`),title:e.status===`error`?e.error:void 0,children:Gg(e)}),!t&&e.status!==`done`&&(0,$.jsx)(`button`,{type:`button`,onClick:()=>n(e.id),className:`text-muted-foreground hover:text-foreground`,"aria-label":`Remove ${e.file.name}`,children:(0,$.jsx)(mr,{className:`h-3.5 w-3.5`})})]}),(0,$.jsx)(qg,{item:e})]},e.id))})]})})}function Yg({items:e,running:t,onCancel:n}){return(0,$.jsxs)(`div`,{className:`space-y-4 overflow-y-auto p-4`,children:[(0,$.jsx)(`h2`,{className:`text-sm font-medium`,children:`Uploading files`}),!t&&(0,$.jsx)(`p`,{role:`status`,className:`text-sm text-muted-foreground`,children:`Preparing / finishing upload…`}),(0,$.jsx)(Jg,{items:e,running:!0,onRemove:()=>{}}),(0,$.jsx)(Z,{variant:`outline`,size:`sm`,disabled:!t,onClick:n,children:`Cancel upload`})]})}function Xg({target:e,children:t}){let n=Rg(),r=(0,Q.useRef)(!1),[i,a]=(0,Q.useState)(!1),[o,s]=(0,Q.useState)(!1),[c,l]=(0,Q.useState)(!1),[u,d]=(0,Q.useState)(null),{showErrorToast:f,showSuccessToast:p}=So(),m=async e=>{if(!r.current){r.current=!0,a(!0);try{let t=await n.start(e,Ug);t.failed?f(`${t.failed} of ${t.total} files failed to upload`):p(`${t.done} file(s) uploaded`)}catch(e){f(e instanceof Error?e.message:`Upload failed`)}finally{r.current=!1,a(!1)}}};return(0,$.jsxs)(`div`,{className:`relative flex flex-col h-full min-h-0 bg-background ${o?`ring-2 ring-inset ring-primary`:``}`,onDragOverCapture:t=>{!e||!Array.from(t.dataTransfer.types).includes(`Files`)||(t.preventDefault(),t.stopPropagation(),t.dataTransfer.dropEffect=r.current?`none`:`copy`,s(!r.current))},onDragLeaveCapture:e=>{e.currentTarget.contains(e.relatedTarget)||s(!1)},onDropCapture:t=>{if(!e||!Array.from(t.dataTransfer.types).includes(`Files`))return;if(t.preventDefault(),t.stopPropagation(),s(!1),r.current){f(`Wait for the current upload to finish`);return}let i=Array.from(t.dataTransfer.files);if(!i.length){f(`Drop files rather than folders`);return}n.reset(),n.addFiles(i),d(e),l(!0)},children:[t,o&&(0,$.jsxs)(`div`,{className:`pointer-events-none absolute inset-0 z-30 flex items-center justify-center bg-background/80 text-sm font-medium`,children:[`Drop files to upload to `,e?.mode===`workspace`?e.path:`this context`]}),c&&(0,$.jsx)(te,{label:`Import files`,onClose:()=>{r.current||l(!1)},children:(0,$.jsxs)(`div`,{className:`space-y-4 p-4`,"aria-live":`polite`,children:[(0,$.jsx)(`h2`,{className:`text-sm font-medium`,children:`Import files`}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Storage: workspace:data (default)`}),(0,$.jsxs)(`p`,{className:`mb-2 text-xs text-muted-foreground`,children:[`Uploads to `,u?.mode===`workspace`?u.path:`this context`]}),(0,$.jsx)(Jg,{items:n.items,running:i,onRemove:n.removeItem}),(0,$.jsx)(`div`,{className:`mt-2 flex gap-3 text-xs`,children:i?(0,$.jsx)(`button`,{disabled:!n.running,onClick:n.cancel,children:`Cancel upload`}):(0,$.jsxs)($.Fragment,{children:[n.items.some(e=>e.status!==`done`)&&(0,$.jsx)(`button`,{onClick:()=>void m(u),children:n.items.some(e=>e.status===`error`)?`Retry unfinished`:`Import files`}),(0,$.jsx)(`button`,{onClick:()=>{n.reset(),l(!1)},children:`Close`})]})})]})})]})}function Zg({navigationTabs:e,navigationActions:t,onBack:n,accentColor:r,frameContent:i=!0,urlType:a,urlDisplay:o,contextPath:s,treeName:c,workspaceId:l,workspaceLabel:u,workspaceIcon:d,documentSchema:f,documents:p,isLoading:m,totalCount:h,currentPage:g,pageSize:_,onPageChange:v,onPageSizeChange:y,onRemoveDocument:b,onDeleteDocument:x,onDestroyDocument:S,onRemoveDocuments:C,onDeleteDocuments:w,onDestroyDocuments:T,onCopyDocuments:E,onCutDocuments:D,onPasteDocuments:O,onImportDocuments:k,onSelectionChange:A,pastedDocumentIds:j,onPurgeDocuments:M,disablePurgeDocuments:N,canvasInfo:P,isCanvasPinned:ee,onTogglePinCanvas:F,onSaveAsCanvas:I,onShareCanvas:te,onUnshareCanvas:L,onDeleteCanvas:R,isSharingCanvas:ne,isDeletingCanvas:z,isCanvasShared:re,isCanvasLocked:ie,backendSearchQueries:ae,onBackendSearch:oe,onRemoveBackendQuery:se,serverSort:V,onServerSortChange:H,scope:U,onScopeChange:ce,canSaveChanges:le,isSavingChanges:ue,onSaveChanges:de,onBrowseWorkspaces:fe,onBrowseTree:pe,onNavigatePath:me,linkTree:he,children:ge,contentBanner:_e,folders:ve,onOpenFolder:ye}){let W=a===`canvas`,{state:G,toggleView:be,hasActiveFilters:K,openAddPicker:q}=el(),xe=kt(),[Se,Ce]=(0,Q.useState)(``),we=JSON.stringify([l,c,s,f]),[Te,Ee]=(0,Q.useState)(we);Te!==we&&(Ee(we),Ce(``));let De=(0,$.jsxs)($.Fragment,{children:[t,I&&(0,$.jsx)(`button`,{type:`button`,onClick:I,title:`Save as canvas`,"aria-label":`Save as canvas`,className:`flex h-control-sm w-control-sm shrink-0 items-center justify-center rounded-md border text-muted-foreground hover:bg-accent touch-target`,children:(0,$.jsx)(Si,{className:`h-4 w-4`})})]});return(0,$.jsxs)(Xg,{target:k&&l?{mode:`workspace`,workspaceName:l,path:s,treeName:c||`context`,treeType:c===`directory`?`directory`:`context`}:null,children:[e&&(0,$.jsx)(B,{accentColor:r,children:e}),(0,$.jsxs)(`div`,{className:`canvas-surface-body${i?` is-framed`:``}`,children:[(0,$.jsx)(Qt,{workspaceIcon:d,workspace:u||l||o.split(`://`)[0]||`Workspace`,tree:c?`${c}${a.endsWith(`-layer`)?`:layer`:``}`:a.replace(`-layer`,``),path:s,accentColor:r,onBack:xe.location?xe.location.section===`view`?xe.close:()=>xe.update?.({section:`view`}):n,section:xe.location?`document/${xe.location.documentId}/${xe.location.section}`:void 0,onSection:xe.location?()=>xe.update?.({section:`view`}):void 0,onBrowseWorkspaces:fe,onBrowseTree:pe,onNavigatePath:me,onFilter:()=>be(`tools`),filtersActive:K,filtersOpen:G.t1Open&&G.t1View===`tools`,onAdd:e=>q({modal:e.shiftKey,fresh:!0}),search:oe||!ge?{queries:ae||[],onSearch:oe??Ce,localOnly:!oe,onRemoveQuery:se,scope:U,onScopeChange:ce}:void 0,onDraftChange:ge?void 0:Ce}),W&&P?(0,$.jsx)($.Fragment,{children:(0,$.jsxs)(`div`,{className:`flex items-center gap-3 px-4 py-2.5 border-b bg-muted/20 shrink-0 min-w-0`,children:[P.color&&(0,$.jsx)(`div`,{className:`w-1 h-6 rounded-full shrink-0`,style:{backgroundColor:P.color}}),(0,$.jsx)(si,{className:`w-4 h-4 shrink-0 text-primary`}),(0,$.jsxs)(`div`,{className:`flex flex-col min-w-0 flex-1`,children:[(0,$.jsx)(`span`,{className:`text-lg font-semibold leading-tight truncate`,children:P.label||o.split(`://`)[1]||`Canvas`}),P.description&&(0,$.jsx)(`span`,{className:`text-xs text-muted-foreground truncate leading-tight`,children:P.description})]}),le&&de&&(0,$.jsxs)(`button`,{type:`button`,onClick:de,disabled:ue,className:`shrink-0 flex items-center gap-1.5 px-2.5 py-1 text-xs border rounded-md hover:bg-accent transition-colors text-muted-foreground hover:text-foreground disabled:opacity-50`,title:`Save filters`,children:[(0,$.jsx)(zr,{className:`w-3 h-3`}),(0,$.jsx)(`span`,{className:`hidden sm:inline`,children:ue?`Saving...`:`Save filters`})]}),F&&(0,$.jsxs)(`button`,{type:`button`,onClick:F,"aria-pressed":!!ee,className:`shrink-0 flex items-center gap-1.5 px-2.5 py-1 text-xs border rounded-md hover:bg-accent transition-colors text-muted-foreground hover:text-foreground`,title:ee?`Unpin from home`:`Pin to home`,children:[ee?(0,$.jsx)(Zn,{className:`w-3 h-3`}):(0,$.jsx)(Or,{className:`w-3 h-3`}),(0,$.jsx)(`span`,{className:`hidden sm:inline`,children:ee?`Unpin`:`Pin`})]}),te&&(0,$.jsxs)(`button`,{type:`button`,onClick:te,disabled:ne||z,className:`shrink-0 flex items-center gap-1.5 px-2.5 py-1 text-xs border rounded-md hover:bg-accent transition-colors text-muted-foreground hover:text-foreground disabled:opacity-50`,title:re?`Copy public link`:`Share canvas`,children:[(0,$.jsx)(ua,{className:`w-3 h-3`}),(0,$.jsx)(`span`,{className:`hidden sm:inline`,children:ne?`Sharing...`:re?`Copy link`:`Share`})]}),re&&L&&(0,$.jsxs)(`button`,{type:`button`,onClick:L,disabled:ne||z,className:`shrink-0 flex items-center gap-1.5 px-2.5 py-1 text-xs border rounded-md hover:bg-destructive/10 transition-colors text-muted-foreground hover:text-destructive disabled:opacity-50`,children:[(0,$.jsx)(Qn,{className:`w-3 h-3`}),(0,$.jsx)(`span`,{className:`hidden sm:inline`,children:`Unshare`})]}),R&&(0,$.jsxs)(`button`,{type:`button`,onClick:R,disabled:z||ie&&!re,title:ie&&!re?`Unlock this canvas before deleting it`:`Delete canvas`,className:`shrink-0 flex items-center gap-1.5 px-2.5 py-1 text-xs border rounded-md hover:bg-destructive/10 transition-colors text-muted-foreground hover:text-destructive disabled:opacity-50`,children:[(0,$.jsx)(Xr,{className:`w-3 h-3`}),(0,$.jsx)(`span`,{className:`hidden sm:inline`,children:z?`Deleting…`:`Delete`})]})]})}):null,ge&&(I||t)&&(0,$.jsx)(`div`,{className:`flex items-center gap-2 border-b px-3 py-1`,children:De}),(0,$.jsxs)(`div`,{className:`flex-1 min-h-0 overflow-y-auto`,children:[_e,ge||(0,$.jsx)(sn,{readingPane:!0,externalSearchQuery:Se,toolbarActions:De,documents:f?p.filter(e=>e.schema===f):p,isLoading:m,folders:f?void 0:ve,onOpenFolder:ye,contextPath:s,treeName:c,workspaceId:l,totalCount:h,viewMode:f?`card`:`table`,allowViewToggle:!0,currentPage:g,pageSize:_,onPageChange:v,onPageSizeChange:y,onRemoveDocument:b,onDeleteDocument:x,onDestroyDocument:S,onRemoveDocuments:C,onDeleteDocuments:w,onDestroyDocuments:T,onCopyDocuments:E,onCutDocuments:D,onPasteDocuments:O,onImportDocuments:k,onSelectionChange:A,pastedDocumentIds:j,onPurgeDocuments:f?void 0:M,disablePurgeDocuments:N,backendSearchQueries:ae,onBackendSearch:oe,serverSort:V,onServerSortChange:H,onRemoveBackendQuery:se,scope:U,onScopeChange:ce,canSaveChanges:!W&&le,isSavingChanges:ue,onSaveChanges:de,linkTree:he},f??`documents`)]})]})]})}var Qg=[{id:`todos`,label:`Todo list`},{id:`todo-app`,label:`Todo App`},{id:`notes`,label:`Notes list`},{id:`notes-app`,label:`Notes App`},{id:`sketch`,label:`Sketch`}];function $g(e){return e?.kind===`app`&&e.app===`notes`?`data/schema/note`:void 0}var e_={id:`default`,name:`All`,kind:`documents`};function t_(){return[{id:`emails`,label:`Emails`,schemas:[`data/schema/message`]},{id:`todos`,label:`Todos`,schemas:[`data/schema/task`]},{id:`notes`,label:`Notes`,schemas:[`data/schema/note`]},{id:`links`,label:`Links`,schemas:[`data/schema/tab`,`data/schema/link`]},{id:`files`,label:`Files`,schemas:[`data/schema/file`]}]}function n_(e){let t=e?.views;if(!Array.isArray(t))return[e_];let n=t.filter(e=>{let t=e;return!t||typeof t.id!=`string`||typeof t.name!=`string`?!1:t.kind===`documents`||t.kind===`columns`||t.kind===`app`&&(Qg.some(e=>e.id===t.app)||t.app===`filters`||t.app===`lens`)});return n.length>0?n:[e_]}var r_={todos:Oi,"todo-app":Oi,notes:Sa,"notes-app":Sa,filters:ba,sketch:cr,lens:La};function i_({views:e,activeId:t,onSelect:n,onSave:r,readOnly:i=!1,className:a,accentColor:o,onOpenToSide:s}){let[c,l]=(0,Q.useState)(null),[u,d]=(0,Q.useState)(``),[f,p]=(0,Q.useState)(!1),[m,h]=(0,Q.useState)(null),[g,_]=(0,Q.useState)(null),v=(0,Q.useRef)(null);(0,Q.useEffect)(()=>{let e=v.current;if(!e)return;let t=t=>{if(t.ctrlKey||e.scrollWidth<=e.clientWidth)return;let n=Math.abs(t.deltaX)>Math.abs(t.deltaY)?t.deltaX:t.deltaY,r=t.deltaMode===1?16:t.deltaMode===2?e.clientWidth:1;t.preventDefault(),e.scrollLeft+=n*r};return e.addEventListener(`wheel`,t,{passive:!1}),()=>e.removeEventListener(`wheel`,t)},[]),(0,Q.useEffect)(()=>{v.current?.querySelector(`[aria-pressed="true"], input`)?.scrollIntoView({block:`nearest`,inline:`nearest`})},[t,c]);let y=()=>{h(null),_(null)},b=()=>{if(m&&g&&m!==g.id){let t=e.find(e=>e.id===m),n=e.filter(e=>e.id!==m),i=n.findIndex(e=>e.id===g.id);t&&i>=0&&(n.splice(g.before?i:i+1,0,t),n.some((t,n)=>t.id!==e[n].id)&&r(n))}y()},x=()=>{if(!c)return;let t=u.trim();t&&r(e.map(e=>e.id===c?{...e,name:t}:e)),l(null)},S=(t,n)=>{p(!1);let i=`view-${Date.now().toString(36)}`,a=t===`columns`?`Board`:t===`app`?Qg.find(e=>e.id===n)?.label??`App`:`List`,o=t===`columns`?{id:i,name:a,kind:t,columns:t_()}:t===`app`?{id:i,name:a,kind:t,app:n}:{id:i,name:a,kind:t};r([...e,o],i),l(i),d(a)},C=n=>{let i=e.filter(e=>e.id!==n);r(i.length>0?i:[e_],n===t?i[0]?.id??e_.id:void 0)};return(0,$.jsxs)(`div`,{className:J(`relative flex h-full min-w-0 items-end`,a),children:[(0,$.jsx)(`div`,{ref:v,className:`flex min-w-0 items-end gap-0.5 overflow-x-auto overscroll-x-contain pt-1 [scrollbar-width:none]`,children:e.map(r=>{let a=r.id===t,f=r.kind===`columns`?Na:r.kind===`app`&&r.app?r_[r.app]:Ni;return c===r.id?(0,$.jsx)(`input`,{autoFocus:!0,"aria-label":`Tab name`,value:u,onChange:e=>d(e.target.value),onBlur:x,onKeyDown:e=>{e.key===`Enter`&&x(),e.key===`Escape`&&l(null)},className:J(`relative h-[2.3rem] w-28 shrink-0 rounded-t-[.5rem] border-0 px-3 pb-1 text-xs outline-none ring-0`,a?J(`z-[2] bg-background font-medium`,o?Vt(o):`text-foreground`):`bg-muted text-muted-foreground`),style:{backgroundColor:a?o:void 0}},r.id):(0,$.jsxs)(`button`,{type:`button`,"aria-pressed":a,onClick:()=>n(r.id),onDoubleClick:()=>{i||(l(r.id),d(r.name))},title:i?r.name:`${r.name}: double-click to rename, drag to reorder`,draggable:!i,onDragStart:e=>{e.dataTransfer.setData(`text/plain`,r.name),e.dataTransfer.effectAllowed=`move`,h(r.id)},onDragOver:e=>{if(!m||m===r.id)return;e.preventDefault(),e.dataTransfer.dropEffect=`move`;let t=e.currentTarget.getBoundingClientRect(),n=e.clientX<t.left+t.width/2;_(e=>e?.id===r.id&&e.before===n?e:{id:r.id,before:n})},onDrop:e=>{e.preventDefault(),b()},onDragEnd:y,className:J(`group relative flex h-[2.3rem] shrink-0 items-center gap-1.5 rounded-t-[.5rem] border-0 px-3 pb-1 text-xs transition-colors`,a?J(`z-[2] bg-background font-medium`,o?Vt(o):`text-foreground`):`bg-muted text-muted-foreground hover:bg-accent hover:text-foreground`,m===r.id&&`opacity-50`),style:{backgroundColor:a?o:void 0,boxShadow:g?.id===r.id?`inset ${g.before?`2px`:`-2px`} 0 0 var(--primary)`:void 0},children:[(0,$.jsx)(f,{className:`h-3 w-3 shrink-0`}),(0,$.jsx)(`span`,{className:`max-w-32 truncate`,children:r.name}),s&&(0,$.jsx)(qr,{className:`h-3 w-3 shrink-0 opacity-0 transition-opacity hover:opacity-100 group-hover:opacity-60`,"aria-label":`Open to the side`,onClick:e=>{e.stopPropagation(),s(r.id)}}),!i&&e.length>1&&(0,$.jsx)(mr,{className:J(`h-3 w-3 shrink-0 transition-opacity hover:text-destructive`,a?`opacity-60 hover:opacity-100`:`opacity-0 group-hover:opacity-100`),onClick:e=>{e.stopPropagation(),C(r.id)}})]},r.id)})}),!i&&(f?(0,$.jsxs)(`span`,{className:`absolute left-0 top-full z-30 flex w-full min-w-64 flex-wrap items-center gap-2 rounded-b-xl border bg-card p-2 shadow-lg`,children:[(0,$.jsxs)(`button`,{type:`button`,onClick:()=>S(`documents`),className:`flex h-10 items-center gap-1.5 rounded-md border px-2 text-xs text-muted-foreground hover:bg-accent/50 hover:text-foreground`,children:[(0,$.jsx)(Ni,{className:`h-3 w-3`}),` List`]}),(0,$.jsxs)(`button`,{type:`button`,onClick:()=>S(`columns`),className:`flex h-10 items-center gap-1.5 rounded-md border px-2 text-xs text-muted-foreground hover:bg-accent/50 hover:text-foreground`,children:[(0,$.jsx)(Na,{className:`h-3 w-3`}),` Board`]}),Qg.map(e=>{let t=r_[e.id];return(0,$.jsxs)(`button`,{type:`button`,onClick:()=>S(`app`,e.id),className:`flex h-10 items-center gap-1.5 rounded-md border px-2 text-xs text-muted-foreground hover:bg-accent/50 hover:text-foreground`,children:[(0,$.jsx)(t,{className:`h-3 w-3`}),` `,e.label]},e.id)}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>p(!1),className:`p-1 text-muted-foreground hover:text-foreground`,"aria-label":`Cancel`,children:(0,$.jsx)(mr,{className:`h-3 w-3`})})]}):(0,$.jsx)(`button`,{type:`button`,onClick:()=>p(!0),title:`Add view`,"aria-label":`Add view`,className:`relative ml-1 flex h-[2.3rem] w-10 shrink-0 items-center justify-center rounded-md pb-1 text-muted-foreground hover:bg-accent/50 hover:text-foreground`,children:(0,$.jsx)(Wi,{className:`h-3.5 w-3.5`})}))]})}function a_(e,t,n,r,i){let a=`${e}\0${t}\0${n}\0${r}\0${i??``}`,[o,s]=(0,Q.useState)(0),[c,l]=(0,Q.useState)(null);(0,Q.useEffect)(()=>{let o=!1;return pc(e,n,t,{limit:200,allOf:[r],...i?{sortBy:i,order:`asc`}:{}}).then(e=>{o||l({key:a,docs:e.payload||[]})}).catch(()=>{o||l({key:a,docs:[]})}),()=>{o=!0}},[a,o]);let u=c?.key===a?c.docs:[],d=c?.key!==a;return(0,Q.useEffect)(()=>{let e=()=>s(e=>e+1);return window.addEventListener(`workspace:documents:refresh`,e),()=>window.removeEventListener(`workspace:documents:refresh`,e)},[]),{docs:u,isLoading:d,refresh:(0,Q.useCallback)(()=>s(e=>e+1),[])}}function o_({workspaceId:e,treeName:t,path:n}){let{docs:r,isLoading:i,refresh:a}=a_(e,t,n,Vo,`tasks`),[o,s]=(0,Q.useState)(!1),c=o?r.filter(e=>e.data?.status!==`completed`):r,l=r.filter(e=>{let t=e.data?.status;return t!==`completed`&&t!==`cancelled`}).length;return(0,$.jsxs)(`div`,{className:`mx-auto flex h-full w-full max-w-3xl flex-col p-4`,children:[(0,$.jsxs)(`div`,{className:`mb-2 flex shrink-0 items-center justify-between gap-2`,children:[(0,$.jsxs)(`span`,{className:`text-xs text-muted-foreground`,children:[l,` open`]}),(0,$.jsxs)(`label`,{className:`flex cursor-pointer items-center gap-1.5 text-xs text-muted-foreground`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:o,onChange:e=>s(e.target.checked)}),`hide done`]})]}),(0,$.jsx)(`div`,{className:`min-h-0 flex-1 space-y-1 overflow-y-auto`,children:i?(0,$.jsx)(`p`,{className:`py-4 text-sm text-muted-foreground`,children:`Loading…`}):c.length===0?(0,$.jsx)(`p`,{className:`py-4 text-sm text-muted-foreground`,children:`No todos here.`}):c.map(t=>(0,$.jsx)(Jd,{doc:t,workspaceId:e,readOnly:!1,onChanged:a},t.id))})]})}function s_({app:e,contextId:t,...n}){let r=t&&e!==`lens`?{mode:`context`,contextId:t}:{mode:`workspace`,workspaceName:n.workspaceId,treeName:n.treeName,path:n.path,treeType:n.treeName===`directory`||n.treeName===`backends`?`directory`:`context`},i=e===`todo-app`?`todo`:e===`notes-app`?`notes`:e,a=qm.find(e=>e.id===i);return(0,$.jsx)(Ym,{target:r,children:e===`todos`?(0,$.jsx)(o_,{...n}):a?(0,$.jsx)(a.Component,{}):null})}var c_=[{id:`emails`,label:`Emails`,schemas:[`data/schema/message`]},{id:`todos`,label:`Todos`,schemas:[`data/schema/task`]},{id:`notes`,label:`Notes`,schemas:[`data/schema/note`]},{id:`links`,label:`Links`,schemas:[`data/schema/tab`,`data/schema/link`]},{id:`files`,label:`Files`,schemas:[`data/schema/file`]}];function l_(e,t){return t.some(t=>e.schema===t||e.schema.startsWith(`${t}/`))}function u_({documents:e,workspaceId:t,columns:n,onColumnsChange:r,readOnly:i=!1}){let[a,o]=(0,Q.useState)(null),[s,c]=(0,Q.useState)(!1),[l,u]=(0,Q.useState)({}),[d,f]=(0,Q.useState)({}),p=(0,Q.useRef)(null),[m,h]=(0,Q.useState)(!1),g=(0,Q.useCallback)(()=>{let e=p.current;e&&h(e.scrollWidth-e.clientWidth-e.scrollLeft>8)},[]);(0,Q.useEffect)(()=>{let e=p.current;if(!e)return;let t=new ResizeObserver(()=>g());return t.observe(e),()=>t.disconnect()},[g]);let _=(e,t)=>{e.preventDefault();let i=e.currentTarget.parentElement;if(!i)return;let a=e.clientX,o=i.getBoundingClientRect().width,s=o,c=e=>{s=Math.min(900,Math.max(220,o+e.clientX-a)),f(e=>({...e,[t]:s}))},l=()=>{window.removeEventListener(`pointermove`,c),window.removeEventListener(`pointerup`,l),r(n.map(e=>e.id===t?{...e,width:Math.round(s)}:e))};window.addEventListener(`pointermove`,c),window.addEventListener(`pointerup`,l)},v=e=>{f(t=>{let n={...t};return delete n[e],n}),r(n.map(t=>t.id===e?{...t,width:void 0}:t))},y=e=>{let t=l[e];if(t===void 0)return;let i=n.find(t=>t.id===e);i&&(i.filter||``)!==t&&r(n.map(n=>n.id===e?{...n,filter:t||void 0}:n))},b=c_.filter(e=>!n.some(t=>t.id===e.id));return(0,$.jsxs)(`div`,{className:`relative h-full`,children:[(0,$.jsx)(`div`,{ref:p,onScroll:g,className:`flex h-full snap-x snap-mandatory gap-3 overflow-x-auto overscroll-x-contain p-2`,"data-testid":`schema-columns-board`,children:n.map(t=>{let a=(l[t.id]??t.filter??``).toLowerCase(),s=e.filter(e=>l_(e,t.schemas)).filter(e=>{if(!a)return!0;let t=os(e);return`${t.title}\n${t.preview}\n${t.subtitle}`.toLowerCase().includes(a)}),c=d[t.id]??t.width;return(0,$.jsxs)(`div`,{className:`relative flex h-full min-h-0 min-w-0 shrink-0 grow-0 basis-full snap-start flex-col rounded-(--card-radius) border bg-muted/20 ${c?`sm:basis-[var(--col-w)]`:`sm:basis-[48%] lg:basis-[32%] xl:basis-[24%]`}`,style:c?{"--col-w":`${c}px`}:void 0,children:[!i&&(0,$.jsx)(`div`,{onPointerDown:e=>_(e,t.id),onDoubleClick:()=>v(t.id),title:`Drag to resize; double-click to reset`,className:`absolute right-0 inset-y-0 z-10 w-2 cursor-col-resize touch-none rounded-r-lg transition-colors hover:bg-primary/25 active:bg-primary/40 max-sm:hidden`}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2 px-3 pb-1 pt-2.5 max-sm:pr-10`,children:[(0,$.jsx)(`span`,{className:`truncate text-sm font-medium`,children:t.label}),(0,$.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:s.length}),(0,$.jsx)(`span`,{className:`flex-1`}),!i&&(0,$.jsx)(`button`,{type:`button`,onClick:()=>r(n.filter(e=>e.id!==t.id)),title:`Remove column`,className:`rounded-sm p-0.5 text-muted-foreground hover:text-destructive`,children:(0,$.jsx)(mr,{className:`h-3.5 w-3.5`})})]}),(0,$.jsx)(`div`,{className:`px-3 pb-2`,children:(0,$.jsx)(`input`,{value:l[t.id]??t.filter??``,onChange:e=>u(n=>({...n,[t.id]:e.target.value})),onBlur:()=>y(t.id),onKeyDown:e=>{e.key===`Enter`&&y(t.id)},placeholder:`Filter…`,readOnly:i,className:`h-7 w-full rounded-md border border-input bg-background px-2 text-xs placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring`})}),(0,$.jsxs)(`div`,{className:`flex-1 space-y-1.5 overflow-y-auto px-2 pb-2`,children:[s.map(e=>{let t=os(e);return(0,$.jsxs)(`button`,{type:`button`,onClick:()=>o(e),className:`w-full min-w-0 rounded-md border bg-card px-2.5 py-2 text-left transition-colors hover:bg-accent/50`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,$.jsx)(dt,{document:e,size:3.5}),(0,$.jsx)(`span`,{className:`truncate text-xs font-medium`,title:t.title,children:t.title})]}),t.preview&&(0,$.jsx)(`p`,{className:`mt-1 line-clamp-2 break-words text-[11px] leading-snug text-muted-foreground`,children:t.preview}),(0,$.jsx)(`p`,{className:`mt-1 text-[10px] text-muted-foreground/70`,children:new Date(e.updatedAt||e.createdAt).toLocaleDateString()})]},e.id)}),s.length===0&&(0,$.jsx)(`p`,{className:`px-2 py-3 text-center text-xs text-muted-foreground/60`,children:`Empty`})]})]},t.id)})}),(!i&&b.length>0||m)&&(0,$.jsxs)(`div`,{className:`pointer-events-none absolute inset-y-0 right-0 z-20 flex w-7 flex-col items-end bg-gradient-to-l from-background via-background/60 to-transparent py-2`,children:[!i&&b.length>0&&(0,$.jsxs)(`div`,{className:`pointer-events-auto relative`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:()=>c(e=>!e),title:`Add column`,"aria-label":`Add column`,className:`flex h-7 w-6 items-center justify-center rounded-l-md border border-r-0 bg-background text-muted-foreground shadow-elevation-1 hover:bg-accent hover:text-foreground`,children:(0,$.jsx)(Wi,{className:`h-3.5 w-3.5`})}),s&&(0,$.jsxs)(`div`,{className:`absolute right-0 top-8 w-44 rounded-lg border bg-background p-2 shadow-elevation-2`,children:[(0,$.jsx)(`p`,{className:`px-2 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground`,children:`Add column`}),b.map(e=>(0,$.jsx)(`button`,{type:`button`,onClick:()=>{c(!1),r([...n,{...e}])},className:`w-full rounded-md px-2 py-1.5 text-left text-xs text-muted-foreground hover:bg-accent/50 hover:text-foreground`,children:e.label},e.id)),(0,$.jsx)(`button`,{type:`button`,onClick:()=>c(!1),className:`mt-1 w-full rounded-md px-2 py-1.5 text-left text-xs text-muted-foreground/60 hover:bg-accent/50`,children:`Cancel`})]})]}),m&&(0,$.jsx)(Wa,{className:`my-auto h-4 w-4 self-center text-muted-foreground/70`,"aria-label":`More columns`})]}),(0,$.jsx)(Oe,{document:a,isOpen:a!==null,onClose:()=>o(null),workspaceId:t})]})}var d_=e=>e&&typeof e==`object`&&!Array.isArray(e)?e:null;function f_(e){return`/${e}`.replace(/\/+/g,`/`).replace(/\/$/,``)||`/`}function p_(e,t,n){if(e==null)return[];if(Array.isArray(e))return e.flatMap(e=>p_(e,t,n));if(typeof e==`string`)return[{tree:null,kind:t,path:f_(e)}];let r=d_(e);if(!r)return[];let i=r.tree??r.treeId,a=typeof i==`string`?n.get(i)??null:null;return[].concat(r.paths??r.path??`/`).filter(e=>typeof e==`string`).map(e=>({tree:a,kind:t,path:f_(e)}))}function m_(e){let t=[],n=e=>{let n=Number(e);Number.isSafeInteger(n)&&n>0&&t.push(n)};return Array.isArray(e.ids)&&e.ids.forEach(n),Array.isArray(e.documentIds)&&e.documentIds.forEach(n),e.id!=null&&n(e.id),e.documentId!=null&&n(e.documentId),t}function h_(e){let t=new Map;for(let n of e)t.set(n.id,n.name),t.set(n.name,n.name);return t}function g_(e,t,n=new Map){let r=d_(t);if(!r)return{targets:[],ids:[],unknown:!0};if(e.startsWith(`tree.`)){let e=typeof r.treeName==`string`?r.treeName:null,t=r.treeType===`directory`||r.treeType===`context`?r.treeType:null,n=r.contextSpec??r.path;return typeof n==`string`?{targets:[{tree:e,kind:t,path:f_(n)}],ids:m_(r),unknown:!1}:{targets:[],ids:[],unknown:!0}}let i=[...p_(r.context,`context`,n),...p_(r.directory,`directory`,n)],a=d_(r.changed);a&&i.push(...p_(a.context,`context`,n),...p_(a.directory,`directory`,n));let o=m_(r);if(i.length)return{targets:i,ids:o,unknown:!1};let s=r.reason===`content`||r.reason===`relations`;return e.startsWith(`document.updated`)&&s&&o.length?{targets:[],ids:o,unknown:!1}:{targets:[],ids:o,unknown:!0}}function __(e,t){return e===t||e===`/`||t===`/`||e.startsWith(`${t}/`)||t.startsWith(`${e}/`)}function v_(e,t){if(e.kind&&e.kind!==t.kind||e.tree&&e.tree!==t.tree)return!1;if(t.kind===`context`){let n=e=>f_(e).split(`/`).filter(Boolean).map(e=>e.normalize(`NFKC`).trim().replace(/\s+/g,` `).replace(/[^\p{L}\p{N}\p{M} .+_@-]/gu,`_`).replace(/_+/g,`_`).toLowerCase()||`_`),r=new Set(n(e.path)),i=n(t.path);return r.size===0||i.length===0||i.some(e=>r.has(e))}return __(e.path,t.path)}function y_(e){return g_(`tree.refresh`,{treeName:e?.treeName,path:e?.path||`/`})}function b_(e,t,n){if(e.unknown||e.targets.length&&(t.wholeWorkspace||e.targets.some(e=>v_(e,t))))return!0;if(e.ids.length&&n){let t=n instanceof Set?n:new Set(n);if(e.ids.some(e=>t.has(e)))return!0}return!1}var x_=(0,Q.createContext)(null);function S_(){let e=(0,Q.useContext)(x_);if(!e)throw Error(`useCanvasPins must be used within a CanvasPinsProvider`);return e}function C_(e,t,n={}){return L.request(Hl,{workspace:e,specs:t,opts:n})}function w_(e,t,n){return L.request(Ul,{sessionId:e,label:t,spec:n})}function T_(e){return L.request(Wl,{sessionId:e})}function E_(e,t={}){return L.request(Gl,{sessionId:e,...t})}function D_(e){return L.request(Kl,{sessionId:e})}function O_(e){return L.on(ql,e)}var k_=100;function A_({workspaceRef:e,specs:t,opts:n,enabled:r=!0}){let[i,a]=(0,Q.useState)([]),[o,s]=(0,Q.useState)(0),[c,l]=(0,Q.useState)(null),[u,d]=(0,Q.useState)(null),f=(0,Q.useRef)([]),p=(0,Q.useRef)(new Map),m=(0,Q.useRef)(null),h=(0,Q.useRef)(null),g=(0,Q.useRef)(null),_=(0,Q.useRef)({}),v=(0,Q.useRef)(null),y=(0,Q.useMemo)(()=>JSON.stringify(t),[t]),b=(0,Q.useMemo)(()=>JSON.stringify(n??{}),[n]),x=(0,Q.useCallback)(()=>{let e=p.current;a(f.current.map(t=>e.get(t)).filter(Boolean))},[]),S=(0,Q.useCallback)(async e=>{let t=h.current;if(!t||e.length===0)return[];let n=[];for(let r=0;r<e.length;r+=k_){let i=e.slice(r,r+k_),a=await Xs(t,`/`,[],{ids:i,scope:`workspace`,limit:i.length});n.push(...a.payload||[])}return n},[]),C=(0,Q.useCallback)(async(e,t,n)=>{if(t.length>0){let e=new Set(t);f.current=f.current.filter(t=>!e.has(t));for(let t of e)p.current.delete(t)}let r=e.filter(e=>!p.current.has(e)),i=new Set(f.current);for(let t of e)i.has(t)||(f.current.push(t),i.add(t));if(n!==null&&s(n),x(),r.length===0)return;let a=await S(r);for(let e of a)p.current.set(e.id,e);let o=new Set(a.map(e=>e.id)),c=r.filter(e=>!o.has(e));if(c.length>0){let e=new Set(c);f.current=f.current.filter(t=>!e.has(t))}x()},[S,x]),w=(0,Q.useCallback)(async(e,t)=>{let n=e??[],r=new Set(n);f.current=f.current.filter(e=>r.has(e));for(let e of p.current.keys())r.has(e)||p.current.delete(e);let i=new Set(f.current),a=n.filter(e=>!i.has(e));await C(a,[],t)},[C]);(0,Q.useEffect)(()=>{if(h.current=e??null,!r||!e)return;let t=!1,n=null,i=async()=>{try{let r=await C_(e,JSON.parse(y),JSON.parse(b));if(t){D_(r.sessionId).catch(()=>{});return}n=r.sessionId,m.current=r.sessionId,l(r.sessionId),d(null),f.current=[],p.current=new Map,await w(r.ids,r.count)}catch(e){if(t)return;d(e instanceof Error?e.message:`Failed to open query session`),l(null),m.current=null}};i();let o=L.on(`connect`,()=>{i()});return()=>{t=!0,o?.();let e=n??m.current;e&&D_(e).catch(()=>{}),m.current=null,f.current=[],p.current=new Map,l(null),a([]),s(0)}},[e,y,b,r]),(0,Q.useEffect)(()=>{if(!c)return;let e=O_(e=>{if(e.sessionId===c){if(g.current!==null){v.current?.(g.current,_.current);return}e.ids===void 0?C(e.added??[],e.removed??[],e.count):w(e.ids,e.count)}});return()=>{e?.()}},[c,C,w]);let T=(0,Q.useCallback)(async()=>{let e=m.current;if(e)try{let t=await T_(e);await w(t.ids,t.count)}catch{}},[w]),E=(0,Q.useCallback)(async(e,t)=>{let n=m.current;if(!n)throw Error(`No open query session`);let r=await w_(n,e,t);if(g.current!==null){await v.current?.(g.current,_.current);return}await w(r.ids,r.count)},[w]),D=(0,Q.useCallback)(async(e,t={})=>{let n=m.current;if(!n)throw Error(`No open query session`);if(g.current=e,_.current=t,e===null){await T();return}let r=await E_(n,{match:e,...t});for(let e of r.documents)p.current.set(e.id,e);f.current=r.ids,s(r.totalCount),x()},[x,T]);(0,Q.useEffect)(()=>{v.current=D},[D]);let O=(0,Q.useCallback)(async(e,t,n={})=>{let r=m.current;if(!r)throw Error(`No open query session`);let i=await E_(r,{match:t,limit:n.limit??100,...n.mode?{mode:n.mode}:{}});for(let e of i.documents)p.current.set(e.id,e);let a=await w_(r,e,{ids:i.ids});return await w(a.ids,a.count),i.ids},[w]);return{documents:i,count:o,ready:c!==null,error:u,setCue:E,resync:T,rank:D,rankAndPin:O}}var j_=`canvas:query-debug`,M_=`canvas:query-debug-changed`;function N_(){try{return localStorage.getItem(j_)===`1`}catch{return!1}}function P_(e){try{e?localStorage.setItem(j_,`1`):localStorage.removeItem(j_)}catch{}window.dispatchEvent(new CustomEvent(M_,{detail:e}))}function F_(){let[e,t]=(0,Q.useState)(N_);return(0,Q.useEffect)(()=>{let e=()=>t(N_());return window.addEventListener(M_,e),window.addEventListener(`storage`,e),()=>{window.removeEventListener(M_,e),window.removeEventListener(`storage`,e)}},[]),e}function I_({data:e,className:t}){let[n,r]=(0,Q.useState)(!0),{rows:i,gapIndex:a,span:o}=(0,Q.useMemo)(()=>{let t=[...e.distances].sort((e,t)=>e.distance-t.distance),n=[];for(let e=1;e<t.length;e++)n.push(t[e].distance-t[e-1].distance);let r=n.length?[...n].sort((e,t)=>e-t)[Math.floor(n.length/2)]:0,i=-1,a=0;for(let e=0;e<n.length;e++)n[e]>a&&(a=n[e],i=e+1);let o=i>0&&a>=Math.max(r*4,1e-6),s=t[0]?.distance??0,c=t[t.length-1]?.distance??0;return{rows:t,gapIndex:o?i:-1,span:{first:s,last:c,biggest:a,median:r}}},[e.distances]);if(i.length===0)return(0,$.jsxs)(`div`,{className:J(`rounded-md border border-dashed border-border px-3 py-2 text-xs text-muted-foreground`,t),children:[`Query debug: no image distances for “`,e.query,`”. The dense side returned nothing: either no photos are embedded in this scope, or the image space is not ready.`]});let s=a>0?i[a].distance:null;return(0,$.jsxs)(`div`,{className:J(`rounded-md border border-border bg-muted/30 text-xs`,t),children:[(0,$.jsxs)(`button`,{type:`button`,onClick:()=>r(e=>!e),className:`flex w-full items-center gap-1.5 px-3 py-2 text-left font-medium`,children:[n?(0,$.jsx)(Kr,{className:`h-3.5 w-3.5`}):(0,$.jsx)(Wa,{className:`h-3.5 w-3.5`}),`Query debug`,(0,$.jsxs)(`span`,{className:`font-normal text-muted-foreground`,children:[`: image distances for “`,e.query,`” (`,i.length,` nearest, unfloored)`]})]}),n&&(0,$.jsxs)(`div`,{className:`space-y-2 border-t border-border px-3 py-2`,children:[(0,$.jsxs)(`p`,{className:`text-[11px] text-muted-foreground`,children:[`Best-first cosine distance (0 = identical). Scroll to where the photos stop being relevant and set the image relevance floor just above that value in Settings → Database → Search tuning.`,s===null?(0,$.jsxs)($.Fragment,{children:[` `,(0,$.jsx)(`span`,{className:`text-amber-600 dark:text-amber-500`,children:`No boundary in this window`}),`; the distances step evenly (typical Δ`,o.median.toFixed(4),`), so there is nothing here to set a floor from. Relevance probably ends further down the list than this window reaches, or the model is not separating this query at all.`]}):(0,$.jsxs)($.Fragment,{children:[` A jump at `,(0,$.jsx)(`span`,{className:`font-mono`,children:s.toFixed(4)}),` (Δ`,o.biggest.toFixed(4),`, vs typical Δ`,o.median.toFixed(4),`) stands out (a likely boundary).`]})]}),(0,$.jsx)(`div`,{className:`max-h-56 overflow-y-auto`,children:(0,$.jsx)(`table`,{className:`w-full font-mono text-[11px]`,children:(0,$.jsx)(`tbody`,{children:i.map((e,t)=>(0,$.jsxs)(`tr`,{className:J(`border-b border-border/40 last:border-0`,t===a&&`border-t-2 border-t-amber-500/70`),children:[(0,$.jsx)(`td`,{className:`py-0.5 pr-3 text-muted-foreground`,children:t+1}),(0,$.jsxs)(`td`,{className:`py-0.5 pr-3`,children:[`#`,e.id]}),(0,$.jsx)(`td`,{className:`py-0.5 tabular-nums`,children:e.distance.toFixed(4)}),t===a&&(0,$.jsx)(`td`,{className:`py-0.5 pl-2 font-sans text-[10px] text-amber-600 dark:text-amber-500`,children:`← biggest gap`})]},e.id))})})}),(0,$.jsxs)(`p`,{className:`text-[11px] text-muted-foreground`,children:[`Range `,o.first.toFixed(4),` – `,o.last.toFixed(4),` (spread `,(o.last-o.first).toFixed(4),`) over `,i.length,` rows. Absolute values shift with the model and are not comparable across models. After a re-embed every floor has to be picked again. A spread this narrow relative to the range means ranking is doing the work, not distance.`]})]})]})}function L_(e,t){if(!e)return[];let n=t.split(`/`).filter(Boolean),r=e;for(let e of n)if(r=r?.children?.find(t=>t.name===e)??null,!r)return[];let i=n.length?`/${n.join(`/`)}`:``,a=(r.children??[]).filter(e=>e.type!==`canvas`).map(e=>({name:e.name,path:`${i}/${e.name}`,label:e.label,color:e.color,childCount:e.children?.length??0})).sort((e,t)=>(e.label||e.name).localeCompare(t.label||t.name,void 0,{numeric:!0,sensitivity:`base`}));return n.length>0&&a.unshift({name:`..`,path:n.length>1?`/${n.slice(0,-1).join(`/`)}`:`/`,isParent:!0}),a}var R_=new Map;function z_(e,t,n){return`${e}\0${t}\0${n}`}function B_(e,t,n,r,i,a,o=``,s=``,c=`path`){return`${z_(e,t,n)}\0${r}\0${i}\0${a}\0${o}\0${s}\0${c}`}function V_(e,t,n){let r=z_(e,t,n);for(let e of R_.keys())e.startsWith(r)&&R_.delete(e)}function H_(e,t){let n=`${e}\0`;for(let[e,r]of R_){if(!e.startsWith(n))continue;let[,i,a,,,,,,o=`path`]=e.split(`\0`);b_(t,{tree:i,kind:Fc(i),path:a,wholeWorkspace:o.startsWith(`workspace`)},r.documents.map(e=>Number(e.id)))&&R_.delete(e)}}function U_(e,t){H_(t?.workspaceName??e,y_(t))}function W_(){let{workspaceName:e}=Ft();return e?(0,$.jsx)(Pg,{workspaceName:e,children:(0,$.jsx)(G_,{})}):null}function G_(){let{workspaceName:e,treeName:t}=Ft(),n=an(),r=ot(),{showToast:i,showProgress:a}=vo(),o=new URLSearchParams(n.search),s=(()=>{let e=o.getAll(`q`).map(e=>e.trim()).filter(Boolean);if(e.length>0)return e;let t=(o.get(`search`)||``).trim();return t?[t]:[]})(),[c,l]=(0,Q.useState)(null),[u,d]=(0,Q.useState)(!0),[f,p]=(0,Q.useState)([]),[m,h]=(0,Q.useState)(!1),[g,_]=(0,Q.useState)(0),v=F_(),[y,b]=(0,Q.useState)(null),[x,S]=(0,Q.useState)(v);x!==v&&(S(v),v||b(null));let[C,w]=(0,Q.useState)(`path`),[T,E]=(0,Q.useState)(!1),[D,k]=(0,Q.useState)(null),[A,j]=(0,Q.useState)(null),[M,N]=(0,Q.useState)(``),[P,ee]=(0,Q.useState)(!1),[F,I]=(0,Q.useState)(!1),[te,R]=(0,Q.useState)(!1),[ne,z]=(0,Q.useState)(null),[re,ie]=(0,Q.useState)(1),[ae,oe]=(0,Q.useState)(50),[se,B]=(0,Q.useState)(s),[V,H]=(0,Q.useState)(null),{state:U,saveFilters:ce,setSort:le,setAccentColor:ue,setMapDocuments:de}=el(),fe=U.filters.features.allOf,pe=U.filters.features.anyOf,me=U.filters.features.noneOf,he=tt(U.filters.timeline),ge=xn(U.filters.geo),_e=Te(U.filters.lens,U.filters.geo.includeUnlocated),ve=U.filters.lens.ids,ye=[...he,...ge,..._e],W=U.filters.sort??hn,G=JSON.stringify({a:fe,b:pe,c:me,d:ye,i:ve,s:W}),be=JSON.stringify({a:fe,b:pe,c:me,d:ye,s:W}),K=Qd(n.pathname).path,q=t??`context`,xe=q===`backends`,[Se,Ce]=(0,Q.useState)([]);(0,Q.useEffect)(()=>{!xe||!e||Fs(e).then(Ce).catch(()=>Ce([]))},[xe,e]);let we=xe?_c(K,Se):null,[Ee,De]=(0,Q.useState)(!1),Oe=`${q}\0${K}`,[ke,Ae]=(0,Q.useState)(Oe);ke!==Oe&&(Ae(Oe),De(!1));let je=o.get(`layer`)===`1`,Me=o.get(`layerId`)||null,[Ne,Pe]=(0,Q.useState)(null),[Fe,Ie]=(0,Q.useState)(null),Le=(0,Q.useRef)(null);(0,Q.useEffect)(()=>{Le.current=Fe},[Fe]);let[Re,ze]=(0,Q.useState)(`left`),[Be,Ve]=(0,Q.useState)([]),{openM1Drawer:He,openM2Drawer:Ue,goBack:We}=eg(),[Ge,Ke]=(0,Q.useState)([]),qe=(0,Q.useMemo)(()=>{if(!Ne||K===`/`||je)return null;let e=K.split(`/`).filter(Boolean),t=Ne;for(let n of e)if(t=t?.children?.find(e=>e.name===n)??null,!t)return null;return t},[Ne,K,je]),Je=qe?.type===`canvas`?`canvas`:null,Ye=(0,Q.useRef)(null);(0,Q.useEffect)(()=>{!e||!Ne||je||Ye.current===`${e}/${q}`&&(K!==`/`&&!qe||Eh(e,q,K))},[e,Ne,je,K,qe,q]);let Xe=(0,Q.useMemo)(()=>je||C===`workspace`||se.length>0||Fc(q)!==`directory`?[]:L_(Ne,K),[Ne,K,q,je,C,se]),Ze=je?null:K===`/`?Ne:qe,Qe=`${q}\0${K}`,[$e,et]=(0,Q.useState)(null),nt=$e?.key===Qe?$e.views:n_(Ze?.metadata),rt=$e?.key===Qe?$e.activeId:nt[0]?.id??e_.id,it=nt.find(e=>e.id===rt)??nt[0]??e_,at=xe?void 0:$g(it),st=at?[...fe,at]:fe,ct=e=>{ie(1),Ve([]),et({key:Qe,views:nt,activeId:e})},lt=(t,n)=>{n&&n!==rt&&(ie(1),Ve([])),et({key:Qe,views:t,activeId:n??rt}),Io(e,K,{metadata:{...Ze?.metadata??{},views:t}},q).catch(()=>{i({title:`View not saved`,description:`Could not persist views to the layer`,variant:`destructive`})})},ut=Je===`canvas`&&typeof qe?.querySpec?.query==`string`?qe.querySpec.query:``,dt=Je===`canvas`?{label:qe?.label,description:qe?.description,color:qe?.color}:null,{isPinned:ft,pin:pt,unpin:ht,pins:gt}=S_(),_t=c?.name,vt=(0,Q.useMemo)(()=>_t&&Je===`canvas`&&!je?{workspaceName:_t,treeName:q,path:K}:null,[_t,Je,je,q,K]),yt=vt?ft(vt):!1,bt=qe?.id,xt=qe?.label,St=(0,Q.useCallback)(async()=>{if(vt)try{let e=gt.find(e=>e.workspaceName===vt.workspaceName&&e.treeName===vt.treeName&&e.path===vt.path);e?await ht(e.id):await pt({...vt,layerId:bt,label:xt})}catch(e){console.error(`Failed to update home pins:`,e)}},[vt,gt,pt,ht,bt,xt]),Tt=e?`${e}://${K===`/`?``:K.replace(/^\//,``)}`:``,Et=wt(c?.color)||null;(0,Q.useEffect)(()=>(ue(Et),()=>ue(null)),[Et,ue]);let Dt=(0,Q.useCallback)(async t=>{let n=ve;if(t?.anyOf?.length&&pe.length&&(n=((await pc(e,K,q,{limit:0,anyOf:pe,ids:ve,applyCanvasSpec:!1})).payload||[]).map(e=>e.id),!n.length))return{payload:[],count:0,totalCount:0};let r=await pc(e,K,q,{limit:t?.limit,offset:t?.offset,page:t?.page,sortBy:t?.sortBy,order:t?.order,allOf:[...fe,...t?.allOf??[]],anyOf:t?.anyOf?.length?t.anyOf:pe,noneOf:me,filters:ye,ids:n,queries:[...se,...t?.queries??[],...t?.q?[t.q]:[]],applyCanvasSpec:!1});return{payload:r.payload||[],count:r.count??void 0,totalCount:r.totalCount??void 0}},[e,K,q,G,se]);(0,Q.useEffect)(()=>{e&&(async()=>{d(!0);try{let t=await X.get(`${Xa.workspaces}/${e}`),n;n=t&&`workspace`in t?t.workspace:t,l(n)}catch(t){let n=t instanceof Error?t.message:`Failed to fetch workspace ${e}`;i({title:`Error`,description:n,variant:`destructive`}),l(null)}finally{d(!1)}})()},[e,i]),(0,Q.useEffect)(()=>{let e=e=>{let t=e.detail?.workspace;t&&l(e=>e&&(t===e.name||t===e.id)&&e.status!==`active`?{...e,status:`active`}:e)};return window.addEventListener(`workspace:autostarted`,e),()=>window.removeEventListener(`workspace:autostarted`,e)},[]);let Ot=(ve?.length??0)>0&&!je&&!(Ee&&we)&&se.length<=1,{documents:kt,count:At,ready:jt,setCue:Mt,resync:Nt,rank:Pt}=A_({workspaceRef:e,specs:(0,Q.useMemo)(()=>{let e={features:{allOf:st,anyOf:pe,noneOf:me},filters:ye};return C!==`workspace`&&(Fc(q)===`directory`?e.directory={tree:q,path:K}:e.context=K),[{label:`scope`,spec:e}]},[be,K,q,C,at]),opts:(0,Q.useMemo)(()=>({mode:`live`,debounceMs:150}),[]),enabled:Ot}),It=Ot&&jt,Lt=(0,Q.useRef)(!1);(0,Q.useEffect)(()=>{Lt.current=It},[It]);let Rt=se.length===1?se[0].trim():``;(0,Q.useEffect)(()=>{jt&&Pt(Rt?{text:Rt}:null,{limit:ae,offset:(re-1)*ae}).catch(()=>{})},[jt,Rt,ae,re,Pt]);let zt=(ve??[]).join(`,`);(0,Q.useEffect)(()=>{jt&&Mt(`lens`,{ids:ve??[]}).catch(()=>{})},[jt,zt,Mt,ve]);let Bt=It?kt:f,Vt=It?At:g,Ht=(0,Q.useRef)(new Set);(0,Q.useEffect)(()=>{Ht.current=new Set(Bt.map(e=>Number(e.id)))},[Bt]);let Ut=U.geoSelection;(0,Q.useEffect)(()=>{de(Bt,c?.name??null)},[Bt,c?.name,de]),(0,Q.useEffect)(()=>()=>de([]),[de]);let Wt=(0,Q.useMemo)(()=>Ut?Bt.filter(e=>O(e,Ut,U.filters.geo.includeUnlocated)):Bt,[Bt,Ut,U.filters.geo.includeUnlocated]),Gt=Vs(K,st,{treeName:q,treeType:Fc(q),scope:C,queries:se,anyOf:pe,noneOf:me,filters:ye,ids:ve,layerId:je&&Me?Me:void 0}),Kt=JSON.stringify([e,Gt]),[qt,Jt]=(0,Q.useState)(``),[Yt,Xt]=(0,Q.useState)(!1),Zt=(0,Q.useRef)(!1),en=m||Yt||qt!==Kt||It||!!Ut,tn=(0,Q.useRef)(0),nn=(0,Q.useRef)(null);(0,Q.useEffect)(()=>()=>{tn.current++,nn.current=null},[]);let rn=(0,Q.useRef)(``),on=(0,Q.useCallback)(async t=>{if(!e)return;if(mt(q,K)){tn.current++,nn.current=null,rn.current=``,p([]),_(0),h(!1);return}if(Lt.current)return;let n=`${Ee&&we?`${C}:unfiled`:C}:${at??``}`,r=(ve?.length??0)>0,a=B_(e,q,K,re,ae,se.join(`␟`),be,je&&Me?Me:``,n),o=r&&a===rn.current;rn.current=a;let s=B_(e,q,K,re,ae,se.join(`␟`),G,je&&Me?Me:``,n),c=`${s}\0${v}`;if(t?.silent&&nn.current?.key===c){nn.current.refreshPending=!0;return}let l=++tn.current,u=t?.silent||r||v?void 0:R_.get(s);u&&(p(u.documents),_(u.totalCount),Jt(Kt),h(!1)),(t?.silent??(o||!!u))||h(!0);let d={key:c,refreshPending:!1};nn.current=d;try{let t;t=Ee&&we?await Dc(e,we.driver,we.address,{linked:!1,limit:ae,offset:(re-1)*ae}):je&&Me&&C!==`workspace`?await Ms(e,q,Me,{limit:ae,page:re,queries:se,allOf:st,anyOf:pe,noneOf:me,filters:ye,ids:ve,sortBy:W.sortBy||void 0,order:W.order}):await Xs(e,K,st,{limit:ae,page:re,treeName:q,treeType:q===`directory`||q===`backends`?`directory`:`context`,queries:se,anyOf:pe,noneOf:me,filters:ye,ids:ve,sortBy:W.sortBy||void 0,order:W.order,scope:C,debug:v&&se.length>0,debugLimit:200});let n=t.payload||[],i=t.totalCount||t.count||0;if(!r&&!d.refreshPending&&R_.set(s,{documents:n,totalCount:i}),l!==tn.current)return;let a=t.debug,c=a?.imageDistances??a?.distances??null;b(c?{query:se[se.length-1]??``,distances:c}:null),p(o?e=>e.length===n.length&&e.every((e,t)=>e.id===n[t].id)?e:n:n),_(i),Jt(Kt)}catch(e){if(l!==tn.current)return;let t=e instanceof Error?e.message:`Failed to fetch documents`;i({title:`Error`,description:t,variant:`destructive`}),p([]),_(0)}finally{nn.current===d&&(nn.current=null),l===tn.current&&h(!1),l===tn.current&&d.refreshPending&&on({silent:!0})}},[e,K,q,Me,je,re,ae,c?.status,se,G,C,Ee,v,at]);(0,Q.useEffect)(()=>{on()},[on]),(0,Q.useEffect)(()=>{let t=t=>{let n=t.detail;!n||n.workspaceName!==e||(Ie({treeName:n.treeName||`context`,path:Xd(n.path||`/`)}),ze(`left`))};return window.addEventListener(`workspace:open-to-side`,t),()=>window.removeEventListener(`workspace:open-to-side`,t)},[e,q,K]),(0,Q.useEffect)(()=>{let t=t=>{let n=t.detail;if(!(n?.workspaceName&&n.workspaceName!==e)&&(e&&U_(e,n),b_(y_(n),{tree:q,kind:Fc(q),path:K,wholeWorkspace:C===`workspace`}))){if(e&&V_(e,q,K),Lt.current){Nt();return}on({silent:!0})}};return window.addEventListener(`workspace:documents:refresh`,t),()=>window.removeEventListener(`workspace:documents:refresh`,t)},[on,e,K,q,C,Nt]);let sn=c?.name,cn=c?.id;(0,Q.useEffect)(()=>{if(!e||!sn&&!cn)return;let t=[sn,cn].filter(Boolean).map(e=>`workspace:${e}`),n=()=>t.forEach(e=>L.emit(`subscribe`,{channel:e}));n();let r=L.on(`connect`,n),i=new Map,a=!1,o=()=>{ns(e).then(e=>{a||(i=h_(e))}).catch(()=>{})};o();let s=null,c=0,l=!1,u=null,d=()=>{if(s=null,c=Date.now(),u){let{treeName:t,path:n}=u;u=null,window.dispatchEvent(new CustomEvent(`workspace:documents:refresh`,{detail:{workspaceName:e,treeName:t,path:n}}))}if(l){if(l=!1,Lt.current){Nt();return}on({silent:!0})}},f=t=>n=>{(t.startsWith(`tree.created`)||t.startsWith(`tree.renamed`))&&o();let r=g_(t,n,i);H_(e,r);let a={tree:q,kind:Fc(q),path:K,wholeWorkspace:C===`workspace`},f=Le.current;f&&b_(r,{tree:f.treeName,kind:Fc(f.treeName),path:f.path})&&(u=f),b_(r,a,Ht.current)&&(l=!0),!(!l&&!u)&&(s||=setTimeout(d,Math.max(200,c+1500-Date.now())))},p=[`document.inserted`,`document.inserted.batch`,`document.updated`,`document.removed`,`document.deleted`,`document.removed.batch`,`document.deleted.batch`,`document.linked`,`document.unlinked`,`document.linked.batch`,`document.unlinked.batch`,`tree.document.inserted`,`tree.document.inserted.batch`,`tree.document.removed`,`tree.document.removed.batch`,`tree.document.deleted`,`tree.document.deleted.batch`,`tree.layer.merged`,`tree.layer.subtracted`,`tree.created`,`tree.renamed`].map(e=>[e,f(e)]);return p.forEach(([e,t])=>L.on(e,t)),()=>{a=!0,s&&clearTimeout(s),r?.(),p.forEach(([e,t])=>L.off(e,t))}},[e,cn,sn,q,K,C,on,Nt]);let ln=`${K}\0${q}\0${Me??``}\0${C}`,[un,dn]=(0,Q.useState)(ln);un!==ln&&(dn(ln),ie(1),H(null));let fn=`${K}\0${q}\0${Me??``}`,[pn,mn]=(0,Q.useState)(fn);pn!==fn&&(mn(fn),w(`path`));let gn=(e,t)=>{let n=e===`/`?`canvas`:e.split(`/`).pop()||`canvas`;N(n),j({parentPath:e,captureView:t})},_n=o.get(`createCanvas`)===`1`,[vn,yn]=(0,Q.useState)(!1);vn!==_n&&(yn(_n),_n&&gn(K,!1)),(0,Q.useEffect)(()=>{if(!_n)return;let e=new URLSearchParams(n.search);e.delete(`createCanvas`);let t=e.toString();r(`${n.pathname}${t?`?${t}`:``}${n.hash}`,{replace:!0})},[_n,K]);let bn=(0,Q.useCallback)(e=>{let t=new URLSearchParams(n.search);t.delete(`q`),t.delete(`search`);for(let n of e)t.append(`q`,n);let i=t.toString();r(`${n.pathname}${i?`?${i}`:``}${n.hash}`)},[n.pathname,n.search,n.hash,r]),Sn=JSON.stringify([o.has(`q`),...s]),[Cn,wn]=(0,Q.useState)(Sn);Cn!==Sn&&(wn(Sn),B(s),ie(1));let Tn=`${Sn}\0${Je??``}\0${ut}\0${K}\0${V??``}`,[En,Dn]=(0,Q.useState)(Tn);En!==Tn&&(Dn(Tn),o.has(`q`)||s.length>0||Je!==`canvas`||V===K||(B(ut?[ut]:[]),ie(1)));let On=(0,Q.useCallback)(e=>{let t=e.trim();t&&(H(null),B(e=>{if(e.includes(t))return e;let n=[...e,t];return bn(n),ie(1),n}))},[bn,H,B,ie]),kn=(0,Q.useCallback)(e=>{B(t=>{let n=e<0?[]:t.filter((t,n)=>n!==e);return n.length===0&&H(K),bn(n),ie(1),n})},[bn,K,H,B,ie]),An=se.join(` `).trim(),jn=!!U.activeContextType&&(U.isDirty||An!==(Je===`canvas`?ut:U.savedSearchQuery||``));!e&&Ne!==null&&Pe(null),(0,Q.useEffect)(()=>{let t=!1;if(!e)return;let n=0,r=!1,i=(i=!1)=>{let a=++n;i&&Gs(e,q),Jo(e,q).then(i=>{!t&&a===n&&(r=!0,Ye.current=`${e}/${q}`,Pe(i))}).catch(()=>{!t&&a===n&&!r&&Pe(null)})};i(!1);let a=t=>{let n=t.detail;n?.workspaceName&&n.workspaceName!==e||n?.treeName&&n.treeName!==q||i(!n?.cacheInvalidated)};window.addEventListener(`workspace:tree:refresh`,a);let o=Ct(e,cn);return()=>{t=!0,o(),window.removeEventListener(`workspace:tree:refresh`,a)}},[e,q,cn]),!(e&&Je===`canvas`&&!je)&&ne!==null&&z(null),(0,Q.useEffect)(()=>{let t=!1;if(!(!e||Je!==`canvas`||je))return Ts(e,K,q).then(e=>{t||z(e)}).catch(()=>{t||z(null)}),()=>{t=!0}},[e,K,q,Je,je]);let Mn=async()=>{if(c){E(!0);try{let t=await Rs(e||c.id);l(t),i({title:`Success`,description:`Workspace started successfully`}),window.dispatchEvent(new CustomEvent(`workspaces:refresh`))}catch(e){let t=e instanceof Error?e.message:`Failed to start workspace`;i({title:`Error`,description:t,variant:`destructive`})}finally{E(!1)}}},Nn=async t=>{if(!c)return;let n=a({title:`Removing…`,description:`Document from "${K}"`});try{await ls(e||c.id,[t],K,[],q,Vn,{trashIfOrphaned:!0}),V_(e||c.id,q,K),p(e=>e.filter(e=>e.id!==t)),_(e=>Math.max(0,e-1)),n.done({title:`Success`,description:`Document removed from workspace path.`})}catch(e){n.fail({title:`Error`,description:e instanceof Error?e.message:`Failed to remove document`,variant:`destructive`})}},Pn=async t=>{if(!c)return;let n=a({title:`Deleting…`,description:`Document from "${K}"`});try{await Fo(e||c.id,[t],K,[],q,Vn),V_(e||c.id,q,K),p(e=>e.filter(e=>e.id!==t)),_(e=>Math.max(0,e-1)),n.done({title:`Success`,description:`Document deleted.`})}catch(e){n.fail({title:`Error`,description:e instanceof Error?e.message:`Failed to delete document`,variant:`destructive`})}},Fn=async t=>{if(!c)return;let n=a({title:`Removing…`,description:`${t.length} document(s) from "${K}"`});try{await ls(e||c.id,t,K,[],q,Vn,{trashIfOrphaned:!0}),V_(e||c.id,q,K),p(e=>e.filter(e=>!t.includes(e.id))),_(e=>Math.max(0,e-t.length)),n.done({title:`Success`,description:`${t.length} document(s) removed.`})}catch(e){n.fail({title:`Error`,description:e instanceof Error?e.message:`Failed to remove documents`,variant:`destructive`})}},In=async t=>{if(!c)return;let n=a({title:`Deleting…`,description:`${t.length} document(s)`});try{await Fo(e||c.id,t,K,[],q,Vn),V_(e||c.id,q,K),p(e=>e.filter(e=>!t.includes(e.id))),_(e=>Math.max(0,e-t.length)),n.done({title:`Success`,description:`${t.length} document(s) deleted.`})}catch(e){n.fail({title:`Error`,description:e instanceof Error?e.message:`Failed to delete documents`,variant:`destructive`})}},Ln=async t=>{if(!c)return;let n=a({title:`Destroying…`,description:`Document and its backend copies`});try{let r=await $s(e||c.id,[t]);if(r.failed?.length){n.fail({title:`Error`,description:r.failed[0].reason,variant:`destructive`});return}p(e=>e.filter(e=>e.id!==t)),_(e=>Math.max(0,e-1)),n.done({title:`Destroyed`,description:`Document removed from all backends.`})}catch(e){n.fail({title:`Error`,description:e instanceof Error?e.message:`Failed to destroy document`,variant:`destructive`})}},Rn=async t=>{if(!c)return;let n=a({title:`Destroying…`,description:`${t.length} document(s) and their backend copies`});try{let r=await $s(e||c.id,t),i=new Set(r.successful?.filter(e=>e.docDeleted).map(e=>e.id)??[]);p(e=>e.filter(e=>!i.has(e.id))),_(e=>Math.max(0,e-i.size));let a=[r.successful?.length?`${r.successful.length} destroyed`:null,r.failed?.length?`${r.failed.length} failed`:null].filter(Boolean).join(`, `);r.failed?.length?n.fail({title:`Destroy incomplete`,description:a,variant:`destructive`}):n.done({title:`Destroyed`,description:a||`No documents destroyed`})}catch(e){n.fail({title:`Error`,description:e instanceof Error?e.message:`Failed to destroy documents`,variant:`destructive`})}},zn=e=>{k({documentIds:e,operation:`copy`,sourcePath:K,sourceTreeName:q}),window.dispatchEvent(new CustomEvent(`documents:clipboard`,{detail:{documentIds:e,operation:`copy`}})),i({title:`Copied`,description:`${e.length} document(s) copied to clipboard`})},Bn=e=>{k({documentIds:e,operation:`cut`,sourcePath:K,sourceTreeName:q}),window.dispatchEvent(new CustomEvent(`documents:clipboard`,{detail:{documentIds:e,operation:`cut`}})),i({title:`Cut`,description:`${e.length} document(s) cut to clipboard`})},Vn=Fc(q),Hn=async(t,n,r={})=>{if(!e)return!1;let i=r.targetTreeName??q,o=r.targetTreeType??Vn,s=r.move??D?.operation===`cut`,c=a({title:s?`Moving…`:`Pasting…`,description:`${n.length} document(s) → "${t}"`});try{let a=await Ss(e,t,n,i,o);if(a){V_(e,i,t);let a=r.sourceTreeName||D?.sourceTreeName,o=r.sourcePath||D?.sourcePath;if((r.move??D?.operation===`cut`)&&o&&a){let t=Fc(a);await ls(e,n,o,[],a,t),V_(e,a,o),window.dispatchEvent(new CustomEvent(`workspace:documents:refresh`,{detail:{workspaceName:e,path:o,treeName:a}}))}c.done({title:`Success`,description:`${n.length} document(s) ${s?`moved`:`pasted`} to "${t}"`}),k(null),window.dispatchEvent(new CustomEvent(`documents:clipboard`,{detail:null}));let l=performance.now();await on(),console.info(`[paste] list refresh ${Math.round(performance.now()-l)} ms`),window.dispatchEvent(new CustomEvent(`workspace:documents:refresh`,{detail:{workspaceName:e,path:t,treeName:i}}))}else c.done();return a}catch(e){return c.fail({title:`Error`,description:e instanceof Error?e.message:`Failed to paste documents`,variant:`destructive`}),!1}},Un=async(t,n)=>{if(!e)return!1;try{let r=(await zs(e,n,t,q,Vn)).length>0;return r&&($t(e,q,n),i({title:`Success`,description:`Imported ${t.length} document(s) to "${n}"`})),r}catch(e){return i({title:`Error`,description:e instanceof Error?e.message:`Failed to import documents`,variant:`destructive`}),!1}},Wn=async()=>{if(!c||Vt===0||en||Zt.current||window.prompt(`Type PURGE to permanently delete all ${Vt} matching documents across all pages.`)!==`PURGE`)return;Zt.current=!0,Xt(!0);let t=a({title:`Purging…`,description:`${Vt} matching document(s)`});try{let n=await bs(e||c.id,Gt,Vt);n.deleted===n.requested?t.done({title:`Success`,description:`${n.deleted} document(s) purged.`}):t.fail({title:`Purge incomplete`,description:`${n.deleted} of ${n.requested} document(s) purged. Refresh and review the remaining results before retrying.`})}catch(e){t.fail({title:`Error`,description:e instanceof Error?e.message:`Failed to purge documents`,variant:`destructive`})}finally{V_(e||c.id,q,K),await on({silent:!0}),Zt.current=!1,Xt(!1)}},Gn=()=>gn(K,!0),Kn=async()=>{if(!(!e||!A||!M.trim())){ee(!0);try{let t=M.trim(),n=A.parentPath,i=n===`/`?`/${t}`:`${n}/${t}`,a={...U.filters,features:{...U.filters.features,allOf:st}};await jc(e,i,q,A.captureView?{metadata:{toolbox:a},querySpec:{features:a.features,filters:[...tt(U.filters.timeline),...xn(U.filters.geo)],query:An||void 0,sort:U.filters.sort?.sortBy?U.filters.sort:null}}:{}),j(null),Gs(e,q);try{let t=await Jo(e,q,{force:!0});Pe(t)}catch{}window.dispatchEvent(new CustomEvent(`workspace:tree:refresh`,{detail:{workspaceName:e}})),r($d(e,i,q))}catch(e){i({title:`Error`,description:e instanceof Error?e.message:`Failed to create canvas`,variant:`destructive`})}finally{ee(!1)}}},qn=async()=>{if(!(!e||Je!==`canvas`)){I(!0);try{let t=ne||await Pc(e,K,q);z(t);let n=`${window.location.origin}${t.url}`;await navigator.clipboard?.writeText(n),i({title:`Public canvas link copied`,description:n})}catch(e){i({title:`Error`,description:e instanceof Error?e.message:`Failed to share canvas`,variant:`destructive`})}finally{I(!1)}}},Jn=async()=>{if(ne){I(!0);try{await ko(ne.code),z(null),window.dispatchEvent(new CustomEvent(`workspace:tree:refresh`,{detail:{workspaceName:e,treeName:q}})),i({title:`Canvas unshared`,description:`The public link no longer works.`})}catch(e){i({title:`Error`,description:e instanceof Error?e.message:`Failed to unshare canvas`,variant:`destructive`})}finally{I(!1)}}},Yn=async()=>{if(!e||Je!==`canvas`||K===`/`)return;let t=dt?.label||K.split(`/`).pop()||`canvas`,n=ne?` Its public link will stop working.`:``;if(window.confirm(`Delete canvas "${t}"? This cannot be undone.${n}`)){R(!0);try{if(ne)await ko(ne.code),z(null);else if(qe?.locked){i({title:`Canvas is locked`,description:`Unlock it before deleting.`,variant:`destructive`});return}await wo(e,K,!1,q);let n=K.split(`/`).filter(Boolean);n.pop();let a=n.length?`/${n.join(`/`)}`:`/`;window.dispatchEvent(new CustomEvent(`workspace:tree:refresh`,{detail:{workspaceName:e,treeName:q}})),r($d(e,a,q)),i({title:`Canvas deleted`,description:`"${t}" was removed.`})}catch(e){i({title:`Error`,description:e instanceof Error?e.message:`Failed to delete canvas`,variant:`destructive`})}finally{R(!1)}}},Xn=(0,Q.useCallback)(async t=>{if(!e||!Fe)return;let n={treeName:q,path:K},r=Re===`left`?n:Fe,o=Re===`left`?Fe:n,s=Re===`left`?Be:Ge;if(s.length===0){i({title:`Nothing selected`,description:`Tick documents in the focused pane first.`});return}let c=Fc(o.treeName),l=a({title:t?`Moving…`:`Copying…`,description:`${s.length} document(s) → "${o.path}"`});try{if(!await Ss(e,o.path,s,o.treeName,c)){l.done();return}if(V_(e,o.treeName,o.path),t){let t=Fc(r.treeName);await ls(e,s,r.path,[],r.treeName,t),V_(e,r.treeName,r.path)}[r,o].forEach(t=>window.dispatchEvent(new CustomEvent(`workspace:documents:refresh`,{detail:{workspaceName:e,path:t.path,treeName:t.treeName}}))),l.done({title:t?`Moved`:`Copied`,description:`${s.length} document(s) → "${o.path}"`})}catch(e){l.fail({title:`Error`,description:e instanceof Error?e.message:`Transfer failed`,variant:`destructive`})}},[e,Fe,Re,q,K,Be,Ge,i,a]);if((0,Q.useEffect)(()=>{if(!Fe)return;let e=e=>{if(e.key!==`F5`&&e.key!==`F6`)return;let t=e.target;t.tagName!==`INPUT`&&t.tagName!==`TEXTAREA`&&(e.preventDefault(),Xn(e.key===`F6`))};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[Fe,Xn]),u)return(0,$.jsx)(`div`,{className:`flex items-center justify-center h-full`,children:(0,$.jsxs)(`div`,{className:`text-center space-y-2`,children:[(0,$.jsx)(`div`,{className:`animate-spin rounded-full h-8 w-8 border-b-2 border-primary mx-auto`}),(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Loading workspace...`})]})});if(!c)return(0,$.jsx)(`div`,{className:`flex items-center justify-center h-full text-muted-foreground`,children:`Workspace not found.`});let Zn=Je===`canvas`&&!je&&!!qe,Qn=!Zn&&!xe&&Ze?(0,$.jsx)(i_,{views:nt,activeId:rt,onSelect:ct,onSave:lt,accentColor:wt(c.color),onOpenToSide:e=>{Ie({treeName:q,path:K,viewId:e}),ze(`right`)}}):void 0,$n=we||c.status!==`active`?(0,$.jsxs)($.Fragment,{children:[we&&(0,$.jsx)(`button`,{type:`button`,onClick:()=>{De(!Ee),ie(1)},"aria-pressed":Ee,className:J(`min-h-10 rounded-md border px-2 text-xs`,Ee&&`bg-warning/15 text-warning`),children:`Unfiled only`}),c.status!==`active`&&(0,$.jsx)(`button`,{type:`button`,onClick:Mn,disabled:T,className:`min-h-10 rounded-md border px-2 text-xs`,children:T?`Starting…`:`Start`})]}):void 0,er=mt(q,K)?K===`/Trash`?(0,$.jsx)(`div`,{className:`h-full overflow-auto p-4`,children:(0,$.jsx)(Mg,{workspaceName:e||c.id})}):(0,$.jsx)(Og,{workspace:e||c.id,path:K,onNavigate:t=>r($d(e,t,`backends`))},e):(0,$.jsx)(Zg,{navigationTabs:Qn,navigationActions:$n,onBack:We,accentColor:wt(c.color),urlType:je?Fc(q)===`directory`?`${q}-layer`:`context-layer`:Je===`canvas`?`canvas`:Fc(q)===`directory`?q:`context`,urlDisplay:Tt,contextPath:K,treeName:q,workspaceId:e||c.id,workspaceLabel:c.label||c.name,workspaceIcon:c.icon,documentSchema:at,documents:Wt,isLoading:m,totalCount:Vt,currentPage:re,pageSize:ae,onPageChange:ie,onPageSizeChange:e=>{oe(e),ie(1)},onRemoveDocument:K===`/`?void 0:Nn,onDeleteDocument:Pn,onDestroyDocument:Ln,onRemoveDocuments:K===`/`?void 0:Fn,onDeleteDocuments:In,onDestroyDocuments:Rn,onCopyDocuments:zn,onCutDocuments:Bn,onPasteDocuments:xe?void 0:Hn,onImportDocuments:xe?void 0:Un,onSelectionChange:Ve,onBrowseTree:()=>Ue(`workspaces`,`detail`,e??null),onBrowseWorkspaces:()=>He(`workspaces`),onNavigatePath:t=>r($d(e,t,q)),folders:Xe,onOpenFolder:t=>r($d(e,Xd(t),q)),scope:C,onScopeChange:w,pastedDocumentIds:D?.documentIds,linkTree:Ne,onPurgeDocuments:xe?void 0:Wn,disablePurgeDocuments:en,canvasInfo:dt??void 0,isCanvasPinned:yt,onTogglePinCanvas:vt?St:void 0,onSaveAsCanvas:Ne&&Je!==`canvas`&&!je&&!xe?Gn:void 0,onShareCanvas:Je===`canvas`&&!je?qn:void 0,onUnshareCanvas:ne?Jn:void 0,onDeleteCanvas:Je===`canvas`&&!je?Yn:void 0,isSharingCanvas:F,isDeletingCanvas:te,isCanvasShared:!!ne,isCanvasLocked:!!qe?.locked,backendSearchQueries:se,onBackendSearch:On,serverSort:U.filters.sort,onServerSortChange:le,onRemoveBackendQuery:kn,canSaveChanges:jn,isSavingChanges:U.isSaving,onSaveChanges:ce,contentBanner:v&&y?(0,$.jsx)(I_,{data:y,className:`mb-3`}):null,children:Zn&&qe?(0,$.jsx)(Cf,{workspaceId:e||c.id,treeName:q,path:K,layerId:qe.id,querySpec:qe.querySpec,metadata:qe.metadata,isLocked:!!qe.locked,fetchDocuments:U.isDirty?Dt:void 0}):!xe&&it.kind===`columns`?(0,$.jsx)(u_,{documents:Wt,workspaceId:e||c.id,columns:it.columns??[],onColumnsChange:e=>lt(nt.map(t=>t.id===it.id?{...t,columns:e}:t))}):!xe&&it.kind===`app`&&it.app&&it.app!==`notes`?(0,$.jsx)(s_,{app:it.app,workspaceId:e||c.id,treeName:q,path:K}):null});return(0,$.jsxs)(Sg,{workspaceId:e||c.id,treeName:q,path:K,headerOnly:!0,className:`relative flex flex-col h-full min-h-0`,children:[(0,$.jsx)(Fg,{workspaceId:c.id,workspaceName:c.label||c.name},c.id),mt(q,K)&&(0,$.jsx)(Qt,{workspace:c.label||c.name,workspaceIcon:c.icon,tree:q,path:K,onBack:We,onBrowseTree:()=>Ue(`workspaces`,`detail`,e||c.id),onBrowseWorkspaces:()=>He(`workspaces`),onNavigatePath:t=>r($d(e,t,q)),accentColor:wt(c.color)}),A&&(0,$.jsx)(`div`,{className:`shrink-0 px-2 pt-2`,children:(0,$.jsx)(yh,{title:`New canvas`,onClose:()=>j(null),children:(0,$.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),Kn()},className:`space-y-4`,children:[(0,$.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`canvas-name`,className:`mb-1 block text-sm font-medium`,children:`Name`}),(0,$.jsx)(`input`,{id:`canvas-name`,className:`w-full rounded-md border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-1 focus:ring-primary`,placeholder:`Canvas name…`,value:M,onChange:e=>N(e.target.value),onKeyDown:e=>{e.key===`Escape`&&j(null)},autoFocus:!0})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`span`,{className:`mb-1 block text-sm font-medium`,children:`Parent path`}),(0,$.jsx)(`div`,{className:`flex h-10 items-center rounded-md bg-muted px-3 font-mono text-sm text-muted-foreground`,children:A.parentPath===`/`?`/`:A.parentPath})]})]}),(0,$.jsxs)(`label`,{className:`flex items-start gap-2 text-sm`,children:[(0,$.jsx)(`input`,{type:`checkbox`,className:`mt-0.5`,checked:A.captureView,onChange:e=>j({...A,captureView:e.target.checked})}),(0,$.jsxs)(`span`,{children:[`Capture the current view`,(0,$.jsx)(`span`,{className:`block text-xs text-muted-foreground`,children:`Freezes the active filters, search and sort into the canvas.`})]})]}),(0,$.jsxs)(`div`,{className:`flex gap-2`,children:[(0,$.jsx)(Z,{type:`submit`,disabled:!M.trim()||P,children:P?`Creating…`:`Create canvas`}),(0,$.jsx)(Z,{type:`button`,variant:`outline`,onClick:()=>j(null),children:`Cancel`})]})]})})}),(0,$.jsxs)(`div`,{"data-canvas-panes":!0,className:`flex-1 min-h-0 flex gap-2`,children:[(0,$.jsx)(`div`,{"data-canvas-pane":!0,className:J(`flex-1 min-w-0 bg-background overflow-hidden`,Fe&&(Re===`left`?`ring-2 ring-primary`:`ring-1 ring-primary/20`)),onMouseDown:e=>{e.target.closest(`button,input,textarea,select,a`)||ze(`left`)},children:er}),Fe&&e&&(0,$.jsx)(q_,{workspaceName:e,workspaceLabel:c.label||c.name,workspaceIcon:c.icon,pane:Fe,isFocused:Re===`right`,clipboard:D,setClipboard:k,onFocus:()=>ze(`right`),onSelectionChange:Ke,onNavigate:e=>Ie(t=>t&&{...t,path:e,viewId:void 0}),onClose:()=>{Ie(null),ze(`left`),Ke([])}})]})]})}function K_(e,t){if(!e||t===`/`)return e;let n=e;for(let e of t.split(`/`).filter(Boolean))if(n=n?.children?.find(t=>t.name===e)??null,!n)return null;return n}function q_({workspaceName:e,workspaceLabel:t,workspaceIcon:n,pane:r,isFocused:i=!1,clipboard:a,setClipboard:o,onFocus:s,onSelectionChange:c,onNavigate:l,onClose:u}){let{openM1Drawer:d,openM2Drawer:f}=eg(),{showToast:p,showProgress:m}=vo(),[h,g]=(0,Q.useState)(null),[_,v]=(0,Q.useState)([]),[y,b]=(0,Q.useState)(!1),[x,S]=(0,Q.useState)(0),[C,w]=(0,Q.useState)(1),[T,E]=(0,Q.useState)(50),D=Fc(r.treeName),O=K_(h,r.path),k=O?.type===`canvas`,A=(0,Q.useMemo)(()=>D===`directory`?L_(h,r.path):[],[h,r.path,D]),j=r.viewId?n_(O?.metadata).find(e=>e.id===r.viewId)??null:null,M=`${e}://${r.path===`/`?``:r.path.replace(/^\//,``)}`,N=$g(j),P=(0,Q.useCallback)(async()=>{if(mt(r.treeName,r.path)){v([]),S(0),b(!1);return}let t=B_(e,r.treeName,r.path,C,T,``,N??``),n=R_.get(t);if(n){v(n.documents),S(n.totalCount);return}b(!0);try{let n=await Xs(e,r.path,N?[N]:[],{limit:T,page:C,treeName:r.treeName,treeType:D}),i=n.payload||[],a=n.totalCount||n.count||0;v(i),S(a),R_.set(t,{documents:i,totalCount:a})}catch(e){p({title:`Error`,description:e instanceof Error?e.message:`Failed to fetch side pane documents`,variant:`destructive`}),v([]),S(0)}finally{b(!1)}},[e,r.path,r.treeName,D,T,C,p,N]);(0,Q.useEffect)(()=>{let t=!1,n=0,i=!1,a=(a=!1)=>{let o=++n;a&&Gs(e,r.treeName),Jo(e,r.treeName).then(e=>{!t&&o===n&&(i=!0,g(e))}).catch(()=>{!t&&o===n&&!i&&g(null)})};a(!1);let o=t=>{let n=t.detail;n?.workspaceName&&n.workspaceName!==e||n?.treeName&&n.treeName!==r.treeName||a(!n?.cacheInvalidated)};return window.addEventListener(`workspace:tree:refresh`,o),()=>{t=!0,window.removeEventListener(`workspace:tree:refresh`,o)}},[e,r.treeName]),(0,Q.useEffect)(()=>{P()},[P]),(0,Q.useEffect)(()=>{let t=t=>{let n=t.detail;n?.workspaceName&&n.workspaceName!==e||(U_(e,n),b_(y_(n),{tree:r.treeName,kind:Fc(r.treeName),path:r.path})&&(V_(e,r.treeName,r.path),P()))};return window.addEventListener(`workspace:documents:refresh`,t),()=>window.removeEventListener(`workspace:documents:refresh`,t)},[P,e,r.treeName,r.path]);let ee=(0,Q.useCallback)(async(t,n,i={})=>{let s=i.targetTreeName??r.treeName,c=i.targetTreeType??D,l=i.move??a?.operation===`cut`,u=m({title:l?`Moving…`:`Pasting…`,description:`${n.length} document(s) → "${t}"`});try{let r=await Ss(e,t,n,s,c);if(r){V_(e,s,t);let r=i.sourcePath||a?.sourcePath,c=i.sourceTreeName||a?.sourceTreeName;if((i.move??a?.operation===`cut`)&&r&&c){let t=Fc(c);await ls(e,n,r,[],c,t),V_(e,c,r),window.dispatchEvent(new CustomEvent(`workspace:documents:refresh`,{detail:{workspaceName:e,path:r,treeName:c}}))}u.done({title:`Success`,description:`${n.length} document(s) ${l?`moved`:`pasted`} to "${t}"`}),o(null),await P(),window.dispatchEvent(new CustomEvent(`workspace:documents:refresh`,{detail:{workspaceName:e,path:t,treeName:s}}))}else u.done();return r}catch(e){return u.fail({title:`Error`,description:e instanceof Error?e.message:`Failed to paste documents`,variant:`destructive`}),!1}},[e,r.treeName,D,P,m,a,o]),F=(0,Q.useCallback)(()=>{V_(e,r.treeName,r.path),P()},[e,r.treeName,r.path,P]),I=(0,Q.useCallback)(async t=>{let n=m({title:`Removing…`,description:`${t.length} document(s) from "${r.path}"`});try{await ls(e,t,r.path,[],r.treeName,D),F(),n.done({title:`Removed`,description:`${t.length} document(s) removed from "${r.path}"`})}catch(e){n.fail({title:`Error`,description:e instanceof Error?e.message:`Failed to remove documents`,variant:`destructive`})}},[e,r.path,r.treeName,D,F,m]),te=(0,Q.useCallback)(async t=>{let n=m({title:`Deleting…`,description:`${t.length} document(s)`});try{await Fo(e,t,r.path,[],r.treeName,D),F(),n.done({title:`Deleted`,description:`${t.length} document(s) deleted.`})}catch(e){n.fail({title:`Error`,description:e instanceof Error?e.message:`Failed to delete documents`,variant:`destructive`})}},[e,r.path,r.treeName,D,F,m]),L=(0,Q.useCallback)(async t=>{let n=m({title:`Destroying…`,description:`${t.length} document(s) and their backend copies`});try{let r=await $s(e,t);if(r.failed?.length&&!r.successful?.length){n.fail({title:`Error`,description:r.failed[0].reason,variant:`destructive`});return}F();let i=`${r.successful?.length??0} document(s) destroyed${r.failed?.length?` · ${r.failed.length} failed`:``}.`;r.failed?.length?n.fail({title:`Destroy incomplete`,description:i,variant:`destructive`}):n.done({title:`Destroyed`,description:i})}catch(e){n.fail({title:`Error`,description:e instanceof Error?e.message:`Failed to destroy documents`,variant:`destructive`})}},[e,F,m]);return(0,$.jsxs)(`div`,{className:J(`relative flex-1 min-w-0 rounded-(--sheet-radius) border bg-background overflow-hidden`,i?`ring-2 ring-primary`:`ring-1 ring-primary/20`),onMouseDown:e=>{e.target.closest(`button,input,textarea,select,a`)||s()},children:[u&&(0,$.jsx)(`button`,{type:`button`,onClick:u,className:`absolute right-2 top-2 z-10 px-2 py-1 text-xs rounded-md border bg-background/90 hover:bg-accent`,children:`Close`}),mt(r.treeName,r.path)?r.path===`/Trash`?(0,$.jsx)(`div`,{className:`h-full overflow-auto p-4`,children:(0,$.jsx)(Mg,{workspaceName:e})}):(0,$.jsx)(Og,{workspace:e,path:r.path,onNavigate:l||(()=>{})}):(0,$.jsx)(Zg,{frameContent:!1,onBrowseWorkspaces:()=>d(`workspaces`),onBrowseTree:()=>f(`workspaces`,`detail`,e),urlType:k?`canvas`:D===`directory`?r.treeName:`context`,urlDisplay:M,contextPath:r.path,treeName:r.treeName,workspaceId:e,workspaceLabel:t,workspaceIcon:n,documentSchema:N,documents:_,isLoading:y,totalCount:x,currentPage:C,pageSize:T,onPageChange:w,onPageSizeChange:e=>{E(e),w(1)},onRemoveDocument:r.path===`/`?void 0:e=>I([e]),onRemoveDocuments:r.path===`/`?void 0:I,onDeleteDocument:e=>te([e]),onDeleteDocuments:te,onDestroyDocument:e=>L([e]),onDestroyDocuments:L,onCopyDocuments:e=>{o({documentIds:e,operation:`copy`,sourcePath:r.path,sourceTreeName:r.treeName}),window.dispatchEvent(new CustomEvent(`documents:clipboard`,{detail:{documentIds:e,operation:`copy`}}))},onCutDocuments:e=>{o({documentIds:e,operation:`cut`,sourcePath:r.path,sourceTreeName:r.treeName}),window.dispatchEvent(new CustomEvent(`documents:clipboard`,{detail:{documentIds:e,operation:`cut`}}))},onPasteDocuments:r.treeName===`backends`?void 0:ee,onSelectionChange:c,pastedDocumentIds:a?.documentIds,linkTree:h,folders:A,onOpenFolder:l,onNavigatePath:l,canvasInfo:k?{label:O?.label,description:O?.description,color:O?.color}:void 0,children:j?.kind===`columns`?(0,$.jsx)(u_,{documents:_,workspaceId:e,columns:j.columns??[],onColumnsChange:()=>{},readOnly:!0}):j?.kind===`app`&&j.app&&j.app!==`notes`?(0,$.jsx)(s_,{app:j.app,workspaceId:e,treeName:r.treeName,path:r.path}):null})]})}function J_(e){let[t,n]=(0,Q.useState)(null);return(0,Q.useEffect)(()=>{if(!e)return;let t=!1,r=()=>{Co(e).then(r=>{t||n({ref:e,workspace:r})}).catch(()=>{})};return r(),window.addEventListener(`workspaces:refresh`,r),()=>{t=!0,window.removeEventListener(`workspaces:refresh`,r)}},[e]),t?.ref===e?t?.workspace:void 0}function Y_(){let{workspaceName:e}=Ft();return e?(0,$.jsx)(Pg,{workspaceName:e,children:(0,$.jsx)(X_,{})}):(0,$.jsx)(`p`,{role:`alert`,className:`p-6`,children:`Workspace not specified.`})}function X_(){let{workspaceName:e=``,documentId:t=``,algo:n=``,checksum:r=``}=Ft(),i=ot(),a=an(),{goBack:o,openM1Drawer:s,openM2Drawer:c}=eg(),l=J_(e),u=!!n&&!!r,d=u?`${n}/${r}`:t,f=JSON.stringify([e,t,n,r]),p=Number(t),m=/^\d+$/.test(t)&&Number.isSafeInteger(p)&&p>0,h=u||m,[g,_]=(0,Q.useState)(0),[v,y]=(0,Q.useState)(null),b=v?.identity===f?v:null,x=h&&(!b||b.revision!==g);(0,Q.useEffect)(()=>{let t=!1;if(h)return(u?gc(e,n,r):sc(e,p)).then(e=>{t||y({identity:f,revision:g,document:e||null,missing:!e,error:``})}).catch(e=>{t||y({identity:f,revision:g,document:null,missing:e?.statusCode===404,error:e instanceof Error?e.message:`Unable to retrieve this document.`})}),()=>{t=!0}},[e,p,f,g,h,u,n,r]);let S={workspace:l?.label||e,workspaceIcon:l?.icon,path:`/`,tree:`context`,document:b?.document?os(b.document).title:`Document ${d}`,onBack:o,onBrowseWorkspaces:()=>s(`workspaces`),onBrowseTree:()=>c(`workspaces`,`detail`,e),onNavigatePath:t=>i($d(e,t,`context`))},C=a.hash.slice(1),w=[`view`,`location`,`metadata`,`json`,`synapses`,`backends`].includes(C)?C:`view`;return(0,$.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col`,children:[!b?.document&&(0,$.jsx)(Qt,{...S}),b?.document?(0,$.jsx)(De,{document:b.document,workspaceId:e,onChanged:()=>_(e=>e+1),navigation:S,initialTab:w,onTabChange:e=>i(`${a.pathname}${a.search}#${e}`,{replace:!0}),tabActions:(0,$.jsx)(Z,{variant:`ghost`,disabled:x,onClick:()=>_(e=>e+1),children:`Refresh`})},f):x?(0,$.jsx)(`p`,{role:`status`,className:`p-6 text-sm text-muted-foreground`,children:`Loading document…`}):(0,$.jsxs)(`div`,{role:`alert`,className:`space-y-2 p-6 text-sm`,children:[(0,$.jsx)(`p`,{className:`font-medium`,children:b?.missing?`Document ${d} not found`:`Unable to load document`}),h&&(0,$.jsx)(Z,{variant:`outline`,onClick:()=>_(e=>e+1),children:`Retry`}),(0,$.jsx)(`p`,{className:`text-muted-foreground`,children:h?b?.missing?`This record is no longer available in this workspace. Subtree exports skip missing records and report their IDs.`:b?.error:`Document ID must be a positive integer.`})]})]})}function Z_(e){let t=new URLSearchParams;return e?.mode===`context`&&t.set(`context`,e.contextId),e?.mode===`workspace`&&(t.set(`workspace`,e.workspaceName),t.set(`path`,e.path),t.set(`tree`,e.treeName)),t}var Q_={id:`sketch`,label:`Sketch`,icon:cr,schemas:[ds],canCreate:!0,canEdit:e=>e.schema===ds,createUrl(e){let t=Z_(e);return t.set(`add`,`1`),`/apps/sketch?${t.toString()}`},editUrl(e,t){let n=Z_(t);return n.set(`doc`,String(e.id)),`/apps/sketch?${n.toString()}`}},$_=[{kind:`message`,label:`New Message`,icon:Nn},{kind:`note`,label:`Note`,icon:Sa},{kind:`link`,label:`Link`,icon:Qi},{kind:`todo`,label:`Todo`,icon:Oi},{kind:`identity`,label:`Identity`,icon:Vr},{kind:`sketch`,label:`Sketch`,icon:cr},{kind:`plaintext`,label:`Plaintext file`,icon:Vi},{kind:`file`,label:`File`,icon:Jr},{kind:`photo`,label:`Photo/Video`,icon:Hr},{kind:`existing`,label:`Existing document`,icon:aa},{kind:`folder`,label:`Folder`,icon:ei}];function ev(){return typeof navigator<`u`&&navigator.mediaDevices?.getUserMedia?$_:$_.filter(e=>e.kind!==`photo`)}function tv({onSelect:e,variant:t=`list`,omit:n}){let r=ev().filter(e=>!n?.includes(e.kind));return t===`stack`?(0,$.jsx)($.Fragment,{children:r.map(({kind:t,label:n,icon:r})=>(0,$.jsxs)(`button`,{type:`button`,onClick:()=>e(t),className:`flex items-center gap-2 rounded-full bg-card px-3 py-1.5 text-sm font-medium shadow-elevation-3 transition-transform hover:scale-105`,children:[n,(0,$.jsx)(r,{className:`h-3.5 w-3.5`})]},t))}):(0,$.jsx)(`div`,{className:`p-2`,children:r.map(({kind:t,label:n,icon:r})=>(0,$.jsxs)(`button`,{type:`button`,onClick:()=>e(t),className:`flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium text-foreground transition-colors hover:bg-muted`,children:[(0,$.jsx)(r,{className:`h-4 w-4 text-muted-foreground`}),n]},t))})}function nv(e){if(e.manual){let t=`${e.manual.lat.toFixed(5)}, ${e.manual.lon.toFixed(5)}`;return e.manualLabel?`${e.manualLabel} · ${t}`:`Custom pin · ${t}`}if(!e.supported)return`Needs a secure (https) connection, or pick a point on the map`;if(e.permission===`denied`)return`Blocked. Allow location for this site, or pick a point on the map`;if(e.error)return e.error;if(e.busy)return`Getting your location…`;if(e.enabled&&e.fix){let{lat:t,lon:n,accuracy:r}=e.fix;return`${t.toFixed(5)}, ${n.toFixed(5)}${r==null?``:` · ±${r} m`}`}return e.enabled?`Location will be attached when you save`:`Attach where you are, or pick any point on the map`}function rv({geotag:e,idPrefix:t=`geotag`}){let[n,r]=(0,Q.useState)(!1),i=!e.supported||e.permission===`denied`,a=!e.manual&&(!e.supported||e.permission===`denied`||!!e.error);return(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,$.jsxs)(`div`,{role:`switch`,"aria-checked":e.enabled,"aria-disabled":i,"aria-label":`Geotag this document`,"aria-describedby":`${t}-hint`,tabIndex:i?-1:0,onClick:()=>!i&&e.setEnabled(!e.enabled),onKeyDown:t=>{i||(t.key===` `||t.key===`Enter`)&&(t.preventDefault(),e.setEnabled(!e.enabled))},className:J(`flex flex-1 items-center justify-between gap-3 select-none outline-none rounded focus-visible:ring-2 focus-visible:ring-ring`,i?`cursor-not-allowed opacity-50`:`cursor-pointer`),children:[(0,$.jsxs)(`span`,{className:`flex items-center gap-2 text-sm text-foreground`,children:[e.busy?(0,$.jsx)(Ta,{className:`h-4 w-4 shrink-0 animate-spin text-muted-foreground`}):(0,$.jsx)(Bi,{className:J(`h-4 w-4 shrink-0`,e.enabled?`text-info`:`text-muted-foreground`)}),`Geotag`]}),(0,$.jsx)(`div`,{className:J(`relative h-5 w-10 shrink-0 rounded-full transition-colors`,e.enabled?`bg-info`:`bg-muted-foreground/30`),children:(0,$.jsx)(`div`,{className:J(`absolute top-[2px] h-4 w-4 rounded-full bg-background shadow-elevation-1 transition-transform`,e.enabled?`translate-x-[22px]`:`translate-x-[2px]`)})})]}),(0,$.jsxs)(`span`,{className:`flex shrink-0 items-center gap-1`,children:[(0,$.jsxs)(`button`,{type:`button`,onClick:()=>r(!0),title:`Pick a point on the map`,className:`inline-flex items-center gap-1.5 rounded-md border border-border px-2 py-1 text-xs text-muted-foreground transition-colors hover:bg-muted hover:text-foreground`,children:[(0,$.jsx)(ha,{className:`h-3.5 w-3.5`}),e.manual?`Change pin`:`Pick on map`]}),e.manual&&(0,$.jsx)(`button`,{type:`button`,onClick:()=>e.setManual(null),"aria-label":`Remove custom pin`,title:`Remove custom pin`,className:`rounded p-1 text-muted-foreground hover:bg-muted hover:text-foreground`,children:(0,$.jsx)(mr,{className:`h-3.5 w-3.5`})})]})]}),(0,$.jsx)(`p`,{id:`${t}-hint`,className:J(`text-xs`,a?`text-warning`:`text-muted-foreground`),children:nv(e)}),n&&(0,$.jsx)(we,{initial:e.manual??e.fix??null,onPick:t=>e.setManual(t),onClose:()=>r(!1)})]})}function iv({onClose:e,initialData:t,draftId:n}){let r=Rf(void 0,void 0,`home-card:${n}`);return(0,Q.useEffect)(()=>{t?.title&&r.setTitle(t.title),t?.content&&r.setContent(t.content)},[]),(0,$.jsx)(Ge,{title:`New Note`,icon:Sa,onClose:e,onSave:async e=>{let t=await r.save({mode:`workspace`,...e});return r.finish(),t},canSave:r.canSave,saving:r.saving,successMessage:`Note created`,children:(0,$.jsxs)(`div`,{className:`flex h-full flex-col gap-4 p-4`,children:[(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(H,{htmlFor:`qa-note-title`,children:`Title`}),(0,$.jsx)(Y,{id:`qa-note-title`,value:r.title,onChange:e=>r.setTitle(e.target.value),placeholder:`Optional; defaults to today's date`})]}),(0,$.jsxs)(`div`,{className:`flex flex-1 flex-col gap-1.5`,children:[(0,$.jsx)(H,{children:`Body`}),(0,$.jsx)(`div`,{className:`flex-1`,children:(0,$.jsx)(Gc,{kind:`markdown`,value:r.content,onChange:r.setContent,placeholder:`Write your note…`})})]}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(H,{children:`Tags`}),(0,$.jsx)(kn,{tags:r.tags,onChange:r.setTags})]}),(0,$.jsx)(qc,{...r,onRetry:r.retry}),(0,$.jsx)(rv,{geotag:r.geotag,idPrefix:`qa-note-geotag`})]})})}var av=`data/schema/tab`,ov=`2.0`;function sv(e){try{return new URL(e),!0}catch{return!1}}function cv(){let[e,t]=(0,Q.useState)(``),[n,r]=(0,Q.useState)(``),[i,a]=(0,Q.useState)([]),[o,s]=(0,Q.useState)(!1),c=fe(),l=e.trim(),u=sv(l),d=l.length>0&&!u,f=u&&!o;async function p(e){if(!u)throw Error(`Enter a valid URL`);s(!0);try{let t=await c.capture(),r=i.map(e=>e.trim()).filter(Boolean),a={schema:av,schemaVersion:ov,data:{url:l,...n.trim()?{title:n.trim()}:{},...r.length?{tags:r}:{}},metadata:{features:Kc(i),...t?{geo:t}:{}}};return await vl(e,[a])}finally{s(!1)}}return{url:e,setUrl:t,title:n,setTitle:r,tags:i,setTags:a,saving:o,canSave:f,urlValid:u,showUrlError:d,save:p,geotag:c}}function lv({onClose:e,initialData:t}){let n=cv();return(0,Q.useEffect)(()=>{t?.url&&n.setUrl(t.url),t?.title&&n.setTitle(t.title)},[]),(0,$.jsx)(Ge,{title:`New Link`,icon:Qi,onClose:e,onSave:e=>n.save({mode:`workspace`,...e}),canSave:n.canSave,saving:n.saving,successMessage:`Link created`,children:(0,$.jsxs)(`div`,{className:`flex flex-col gap-4 p-4`,children:[(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(H,{htmlFor:`qa-link-url`,children:`URL`}),(0,$.jsx)(Y,{id:`qa-link-url`,value:n.url,onChange:e=>n.setUrl(e.target.value),placeholder:`https://example.com`,autoFocus:!0}),n.showUrlError&&(0,$.jsx)(`p`,{className:`text-xs text-destructive`,children:`Enter a valid URL, e.g. https://example.com`})]}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(H,{htmlFor:`qa-link-title`,children:`Title`}),(0,$.jsx)(Y,{id:`qa-link-title`,value:n.title,onChange:e=>n.setTitle(e.target.value),placeholder:`Optional display title`})]}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(H,{children:`Tags`}),(0,$.jsx)(kn,{tags:n.tags,onChange:n.setTags})]}),(0,$.jsx)(rv,{geotag:n.geotag,idPrefix:`qa-link-geotag`})]})})}function uv({onClose:e,initialData:t}){let n=Ot();return(0,Q.useEffect)(()=>{t?.title&&n.setTitle(t.title),t?.content&&n.setDescription(t.content)},[]),(0,$.jsx)(Ge,{title:`New Todo`,icon:Oi,onClose:e,onSave:e=>n.save({mode:`workspace`,...e}),canSave:n.canSave,saving:n.saving,successMessage:`Todo created`,children:(0,$.jsxs)(`div`,{className:`flex h-full flex-col gap-4 p-4`,children:[(0,$.jsx)(oe,{...n,idPrefix:`qa-todo`}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(H,{children:`Tags`}),(0,$.jsx)(kn,{tags:n.tags,onChange:n.setTags})]}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(H,{htmlFor:`qa-todo-comment`,children:`Comment`}),(0,$.jsx)(`textarea`,{id:`qa-todo-comment`,value:n.comment,onChange:e=>n.setComment(e.target.value),rows:3,placeholder:`Optional context`,className:`flex w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-elevation-1 transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring`})]}),(0,$.jsx)(rv,{geotag:n.geotag,idPrefix:`qa-todo-geotag`})]})})}function dv({onClose:e,initialData:t}){let n=I();return(0,Q.useEffect)(()=>{t?.title&&n.setDisplayName(t.title)},[]),(0,$.jsx)(Ge,{title:`New Identity`,icon:Vr,onClose:e,onSave:e=>n.save({mode:`workspace`,...e}),canSave:n.canSave,saving:n.saving,successMessage:`Identity created`,children:(0,$.jsxs)(`div`,{className:`flex h-full flex-col gap-4 p-4`,children:[(0,$.jsx)(be,{idPrefix:`qa-identity`,...n,emailValid:n.emailValid}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(H,{children:`Tags`}),(0,$.jsx)(kn,{tags:n.tags,onChange:n.setTags})]}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(H,{htmlFor:`qa-identity-comment`,children:`Comment`}),(0,$.jsx)(`textarea`,{id:`qa-identity-comment`,value:n.comment,onChange:e=>n.setComment(e.target.value),rows:3,placeholder:`How you know them, where they came from…`,className:`flex w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-elevation-1 transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring`})]})]})})}var fv=`flex w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-elevation-1 transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring`;function pv({fields:e,idPrefix:t=`file`,multiple:n=!1}){return(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(H,{children:`Tags`}),(0,$.jsx)(kn,{tags:e.tags,onChange:e.setTags,suggestions:e.suggestions})]}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(H,{htmlFor:`${t}-comment`,children:`Comment`}),(0,$.jsx)(`textarea`,{id:`${t}-comment`,value:e.comment,onChange:t=>e.setComment(t.target.value),rows:3,placeholder:`Optional; searchable, and the only text a photo has`,className:fv}),n&&e.tags.length+e.comment.trim().length>0&&(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Applied to every file in this upload`})]}),(0,$.jsx)(rv,{geotag:e.geotag,idPrefix:`${t}-geotag`})]})}var mv={jpg:`image/jpeg`,jpeg:`image/jpeg`,png:`image/png`,gif:`image/gif`,webp:`image/webp`,avif:`image/avif`,heic:`image/heic`,heif:`image/heif`,bmp:`image/bmp`,tif:`image/tiff`,tiff:`image/tiff`,svg:`image/svg+xml`,mp4:`video/mp4`,mov:`video/quicktime`,webm:`video/webm`,"3gp":`video/3gpp`};function hv(e){return/^(image|video)\//.test(e.type)}async function gv(e){let t=await Promise.all(e.map(async e=>{let t=new Uint8Array(await e.slice(0,64).arrayBuffer()),n=(e,n)=>String.fromCharCode(...t.slice(e,e+n)),r=``;if(t[0]===255&&t[1]===216&&t[2]===255)r=`image/jpeg`;else if(n(0,8)===`PNG\r
|
|
5
|
-
|
|
6
|
-
`)r=`image/png`;else if([`GIF87a`,`GIF89a`].includes(n(0,6)))r=`image/gif`;else if(n(0,4)===`RIFF`&&n(8,4)===`WEBP`)r=`image/webp`;else if(n(0,5)===`%PDF-`)r=`application/pdf`;else if(n(0,4)===`PK`)r=`application/zip`;else if(n(4,4)===`ftyp`){let e=[n(8,4)],i=new DataView(t.buffer).getUint32(0);for(let r=16;r+4<=Math.min(t.length,i);r+=4)e.push(n(r,4));e.some(e=>[`avif`,`avis`].includes(e))?r=`image/avif`:e.some(e=>[`heic`,`heix`,`hevc`,`hevx`].includes(e))?r=`image/heic`:e.some(e=>[`mif1`,`msf1`].includes(e))?r=`image/heif`:e.includes(`qt `)?r=`video/quicktime`:e.some(e=>[`isom`,`iso2`,`mp41`,`mp42`,`avc1`,`M4V `].includes(e))&&(r=`video/mp4`)}let i=e.type.toLowerCase().split(`;`)[0].trim(),a=!i||[`application/octet-stream`,`binary/octet-stream`,`*/*`].includes(i),o=e.name.split(`.`).pop()?.toLowerCase()??``,s=r||a&&mv[o]||i;return s===e.type?e:new File([e],e.name,{type:s,lastModified:e.lastModified})}));return{kind:t.length>0&&t.every(hv)?`photo`:`file`,files:t}}function _v({file:e}){let t=(0,Q.useRef)(null),[n,r]=(0,Q.useState)(!1);return(0,Q.useEffect)(()=>{let n=t.current;if(!n)return;let r=URL.createObjectURL(e);return n.src=r,()=>{n.removeAttribute(`src`),URL.revokeObjectURL(r)}},[e]),(0,$.jsx)(`div`,{className:`flex min-h-24 items-center justify-center overflow-hidden rounded-md border border-input bg-muted/30`,children:n?(0,$.jsxs)(`p`,{className:`p-4 text-center text-sm text-muted-foreground`,children:[`Preview unavailable for `,e.name,`. You can still save the original.`]}):e.type.startsWith(`video/`)?(0,$.jsx)(`video`,{ref:t,controls:!0,preload:`metadata`,"aria-label":e.name,onError:()=>r(!0),className:`max-h-64 max-w-full`}):(0,$.jsx)(`img`,{ref:t,alt:e.name,onError:()=>r(!0),className:`max-h-64 max-w-full object-contain`})})}function vv({onClose:e,initialData:t}){let n=(0,Q.useRef)(null),r=Rg(t?.files),i=r.items.map(e=>e.file),[a,o]=(0,Q.useState)(!1),[s,c]=(0,Q.useState)(!1),{state:l}=el(),u=Hg(l.activeWorkspaceName),d=e=>{e&&(s||r.addFiles(Array.from(e)))},f=e=>{e.preventDefault(),o(!1),d(e.dataTransfer.files)},p=i.length>0;return(0,$.jsx)(Ge,{title:`Upload File`,icon:Jr,onClose:e,onSave:async e=>{c(!0);try{let t={mode:`workspace`,...e},n=await u.geotag.capture(),i=await r.start(t,(e,t)=>Ug(e,t,{tags:u.tags,comment:u.comment,geo:n}));if(i.failed)throw Error(`${i.failed} file(s) failed or cancelled. Retry keeps completed uploads.`);return i.docIds}finally{c(!1)}},navigateAfterSave:!0,canSave:p,saving:s,saveProgress:(0,$.jsx)(Yg,{items:r.items,running:r.running,onCancel:r.cancel}),successMessage:`File(s) uploaded`,children:(0,$.jsxs)(`div`,{className:`flex flex-col gap-4 p-4`,children:[(0,$.jsxs)(`div`,{onDragOver:e=>{e.preventDefault(),o(!0)},onDragLeave:()=>o(!1),onDrop:f,onClick:()=>n.current?.click(),className:J(`flex cursor-pointer flex-col items-center justify-center gap-2 rounded-md border border-dashed px-4 py-8 text-center transition-colors`,a?`border-primary bg-primary/5`:`border-input hover:bg-muted/40`),children:[(0,$.jsx)(Jr,{className:`h-6 w-6 text-muted-foreground touch-target`}),(0,$.jsx)(`p`,{className:`text-sm`,children:`Drag & drop files here`}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`or click to browse`}),(0,$.jsx)(`input`,{ref:n,type:`file`,multiple:!0,disabled:s,className:`hidden`,onChange:e=>{d(e.target.files),e.target.value=``}})]}),r.items.filter(e=>hv(e.file)).map(e=>(0,$.jsx)(_v,{file:e.file},e.id)),(0,$.jsx)(Jg,{items:r.items,running:s,onRemove:r.removeItem}),(0,$.jsx)(pv,{fields:u,idPrefix:`qa-file`,multiple:i.length>1})]})})}function yv({onClose:e,initialData:t}){let n=Rg(t?.files),r=(0,Q.useRef)(null),i=n.items.length>0,[a,o]=(0,Q.useState)(!1),{state:s}=el(),c=Hg(s.activeWorkspaceName),l=e=>{!a&&e&&n.addFiles([e])};return(0,$.jsx)(Ge,{title:`Photo/Video`,icon:Hr,onClose:e,onSave:async e=>{if(!i)return[];o(!0);try{let t=await c.geotag.capture(),r={mode:`workspace`,...e},i=await n.start(r,(e,n)=>Ug(e,n,{tags:c.tags,comment:c.comment,geo:t}));if(i.failed)throw Error(`Upload failed or cancelled. You can retry.`);return i.docIds}finally{o(!1)}},navigateAfterSave:!0,canSave:i,saving:a,saveProgress:(0,$.jsx)(Yg,{items:n.items,running:n.running,onCancel:n.cancel}),successMessage:`Upload saved`,children:(0,$.jsxs)(`div`,{className:J(`flex h-full flex-col gap-4 p-4`,!i&&`items-center justify-center`),children:[i?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`div`,{className:`flex min-h-0 w-full flex-1 flex-col gap-3 overflow-y-auto`,children:n.items.map(({id:e,file:t,status:r})=>(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(_v,{file:t}),(0,$.jsxs)(`div`,{className:`flex w-full items-center gap-2 rounded border border-input px-3 py-2 text-sm`,children:[(0,$.jsx)(ga,{className:`h-4 w-4 shrink-0 text-muted-foreground`}),(0,$.jsx)(`span`,{className:`flex-1 truncate`,children:t.name}),(0,$.jsxs)(`span`,{className:`shrink-0 text-xs text-muted-foreground`,children:[(t.size/1024/1024).toFixed(1),` MB`]}),(0,$.jsx)(`button`,{type:`button`,disabled:a||r===`done`,onClick:()=>n.removeItem(e),"aria-label":`Remove ${t.name}`,className:`text-muted-foreground hover:text-foreground disabled:opacity-40`,children:(0,$.jsx)(mr,{className:`h-3.5 w-3.5`})})]})]},e))}),(0,$.jsx)(`div`,{className:`w-full shrink-0 space-y-4`,children:(0,$.jsx)(pv,{fields:c,idPrefix:`qa-photo`,multiple:n.items.length>1})})]}):(0,$.jsxs)(`button`,{type:`button`,onClick:()=>r.current?.click(),className:`flex flex-col items-center gap-2 rounded-md border border-dashed border-input px-6 py-10 text-center transition-colors hover:bg-muted/40`,children:[(0,$.jsx)(Hr,{className:`h-8 w-8 text-muted-foreground`}),(0,$.jsx)(`span`,{className:`text-sm`,children:`Open camera`})]}),(0,$.jsx)(`input`,{ref:r,type:`file`,accept:`image/*,video/*`,capture:`environment`,className:`hidden`,disabled:a,onChange:e=>{l(e.target.files?.[0]??null),e.target.value=``}})]})})}var bv=`shrink-0 h-viewport-card w-[min(380px,90vw)] max-md:fixed max-md:inset-2 max-md:z-40 max-md:h-auto max-md:w-auto max-md:shadow-elevation-5`;function xv({onClose:e}){let{showSuccessToast:t,showErrorToast:n}=So(),[r,i]=(0,Q.useState)(null),[a,o]=(0,Q.useState)(!1);return r?(0,$.jsx)(Je,{sizeClassName:bv,documentCount:r.length,saving:a,onClose:e,onConfirm:async(i,a)=>{o(!0);try{await Promise.all(i.map(e=>Ss(a.workspaceName,e,r,a.treeName,a.treeType))),t(`${r.length} document${r.length===1?``:`s`} linked`),e()}catch(e){n(e instanceof Error?e.message:`Failed to link documents`)}finally{o(!1)}}}):(0,$.jsx)(ie,{sizeClassName:bv,onConfirm:e=>{e.length&&i(e)},onClose:e})}function Sv(){let e=Jc(`new:home-card:`);try{return Object.keys(localStorage).filter(t=>t.startsWith(e)&&t.endsWith(`:home`)).filter(e=>{let t=JSON.parse(localStorage.getItem(e)||`null`)?.value;return t&&(t.title||t.content||t.comment||t.tags?.length)}).map(t=>t.slice(e.length,-5))}catch{return[]}}var Cv=0;function wv(){return Cv+=1,`card-${Cv}`}function Tv({initialKind:e,initialData:t,onInitialCardClose:n,onCardsOpenChange:r}){let[i,a]=(0,Q.useState)(!1),o=ae(),s=il(),c=!!(s?.state.t1Open||s?.state.addOpen),[l,u]=(0,Q.useState)(()=>e?[{id:`initial`,kind:e,initialData:t,noteDraftId:crypto.randomUUID()}]:Sv().map(e=>({id:e,kind:`note`,noteDraftId:e}))),d=l.length>0,f=(0,Q.useRef)(r);(0,Q.useEffect)(()=>{f.current=r},[r]),(0,Q.useEffect)(()=>{f.current?.(d)},[d]),c&&i&&a(!1);let p=ot(),m=e=>{if(e===`sketch`){a(!1),p(Q_.createUrl(null));return}let t=e===`note`?Sv().find(e=>!l.some(t=>t.noteDraftId===e))||crypto.randomUUID():void 0;u(n=>[...n,{id:wv(),kind:e,noteDraftId:t}]),a(!1)},h=e=>{u(t=>t.filter(t=>t.id!==e)),e===`initial`&&n?.()},g=(0,$.jsxs)(`div`,{className:J(`pointer-events-none fixed right-6 z-40 flex flex-col items-end gap-2`,`bottom-fab-inset md:bottom-[calc(var(--spacing-fab-inset)+5rem)]`,l.length>0&&`max-md:hidden`,c&&`hidden`),children:[(0,$.jsx)(`div`,{className:J(`flex flex-col items-end gap-2 transition-all duration-fast`,i?`pointer-events-auto opacity-100`:`pointer-events-none translate-y-2 opacity-0`),children:(0,$.jsx)(tv,{variant:`stack`,omit:[`plaintext`,`folder`,`message`],onSelect:m})}),(0,$.jsx)(`div`,{className:`pointer-events-none flex w-16 justify-center`,children:(0,$.jsx)(`button`,{type:`button`,onClick:()=>a(e=>!e),"aria-label":i?`Close quick add`:`Quick add`,className:`pointer-events-auto flex h-11 w-11 items-center justify-center rounded-full bg-primary text-primary-foreground shadow-elevation-3 transition-transform hover:scale-105`,children:i?(0,$.jsx)(mr,{className:`h-5 w-5`}):(0,$.jsx)(Wi,{className:`h-5 w-5`})})})]});return(0,$.jsxs)(`div`,{className:`relative flex h-full w-full flex-col`,children:[l.length>0&&(0,$.jsx)(`div`,{className:`pointer-events-auto flex flex-1 items-center gap-4 overflow-x-auto p-6 md:pr-28`,children:l.map(e=>{let t=()=>h(e.id);switch(e.kind){case`note`:return(0,$.jsx)(iv,{draftId:e.noteDraftId,onClose:t,initialData:e.initialData},e.id);case`link`:return(0,$.jsx)(lv,{onClose:t,initialData:e.initialData},e.id);case`todo`:return(0,$.jsx)(uv,{onClose:t,initialData:e.initialData},e.id);case`identity`:return(0,$.jsx)(dv,{onClose:t,initialData:e.initialData},e.id);case`file`:return(0,$.jsx)(vv,{onClose:t,initialData:e.initialData},e.id);case`photo`:return(0,$.jsx)(yv,{onClose:t,initialData:e.initialData},e.id);case`existing`:return(0,$.jsx)(xv,{onClose:t},e.id);case`sketch`:return null;case`folder`:case`message`:return null}})}),o?(0,Id.createPortal)(g,document.body):g]})}function Ev(e){let t=`${e.workspaceName}\0${e.treeName}\0${e.path}`,[n,r]=(0,Q.useState)(null);return(0,Q.useEffect)(()=>{let n=!1;return Ls(e.workspaceName,e.treeName).then(i=>{n||r({key:t,node:Uo(i,e.path)})}).catch(()=>{n||r({key:t,node:null})}),()=>{n=!0}},[t,e.workspaceName,e.treeName,e.path]),!n||n.key!==t?{state:`loading`}:n.node?{state:`ready`,node:n.node}:{state:`missing`}}function Dv(e){let t=`/workspaces/${encodeURIComponent(e.workspaceName)}`,n=e.path.replace(/^\//,``);return e.treeName===`context`?`${t}/path/${n}`:`${t}/trees/${encodeURIComponent(e.treeName)}/path/${n}`}var Ov=`application/x-canvas-pin`;function kv({pin:e,onUnpin:t,onMinimize:n,onDropPin:r}){let i=Ev(e),[a,o]=(0,Q.useState)(!1),[s,c]=(0,Q.useState)(null),l=!!r&&!a,u=e=>{let t=e.currentTarget.getBoundingClientRect();return e.clientX>t.left+t.width/2?`after`:`before`},d=l?{onDragOver:e=>{e.dataTransfer.types.includes(`application/x-canvas-pin`)&&(e.preventDefault(),e.dataTransfer.dropEffect=`move`,c(u(e)))},onDragLeave:()=>c(null),onDrop:t=>{let n=t.dataTransfer.getData(Ov);c(null),!(!n||n===e.id)&&(t.preventDefault(),r?.(n,u(t)===`after`))}}:{},f=i.state===`ready`?i.node:null,p=f?.label||e.label||e.path.split(`/`).filter(Boolean).pop()||`Canvas`,m=f?.color;return(0,Q.useEffect)(()=>{if(!a)return;let e=e=>{e.key===`Escape`&&o(!1)};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[a]),(0,$.jsxs)(`section`,{...d,className:a?`fixed inset-0 z-picker flex flex-col bg-background`:`flex flex-col rounded-(--card-radius) border bg-background overflow-hidden min-h-0 min-w-0 ${s?`ring-2 ring-primary/60`:``}`,children:[(0,$.jsxs)(`header`,{draggable:l,onDragStart:l?t=>{t.dataTransfer.setData(Ov,e.id),t.dataTransfer.effectAllowed=`move`}:void 0,className:`flex items-center gap-2 px-3 py-2 border-b bg-muted/20 shrink-0 min-w-0 ${l?`cursor-grab active:cursor-grabbing`:``}`,children:[l&&(0,$.jsx)(Rn,{className:`w-3.5 h-3.5 shrink-0 text-muted-foreground/60`,"aria-hidden":!0}),m&&(0,$.jsx)(`div`,{className:`w-1 h-5 rounded-full shrink-0`,style:{backgroundColor:m}}),(0,$.jsx)(si,{className:`w-4 h-4 shrink-0 text-primary`}),(0,$.jsxs)(`div`,{className:`flex flex-col min-w-0 flex-1`,children:[(0,$.jsx)(`span`,{className:`text-sm font-semibold leading-tight truncate`,children:p}),(0,$.jsxs)(`span`,{className:`text-[11px] text-muted-foreground truncate leading-tight font-mono`,children:[e.workspaceName,`://`,e.path.replace(/^\//,``)]})]}),n&&(0,$.jsx)(`button`,{type:`button`,onClick:n,title:`Minimize to tab bar`,"aria-label":`Minimize to tab bar`,className:`shrink-0 flex items-center justify-center w-7 h-7 rounded-md text-muted-foreground hover:bg-accent hover:text-foreground transition-colors`,children:(0,$.jsx)(lr,{className:`w-3.5 h-3.5`})}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>o(e=>!e),"aria-pressed":a,title:a?`Restore tile (Esc)`:`Fill view area`,"aria-label":a?`Restore tile`:`Fill view area`,className:`shrink-0 flex items-center justify-center w-7 h-7 rounded-md text-muted-foreground hover:bg-accent hover:text-foreground transition-colors`,children:a?(0,$.jsx)(ni,{className:`w-3.5 h-3.5`}):(0,$.jsx)(na,{className:`w-3.5 h-3.5`})}),(0,$.jsx)(We,{to:Dv(e),title:`Open in workspace`,"aria-label":`Open in workspace`,className:`shrink-0 flex items-center justify-center w-7 h-7 rounded-md text-muted-foreground hover:bg-accent hover:text-foreground transition-colors`,children:(0,$.jsx)(ki,{className:`w-3.5 h-3.5`})}),(0,$.jsx)(`button`,{type:`button`,onClick:t,title:`Unpin from home`,"aria-label":`Unpin from home`,className:`shrink-0 flex items-center justify-center w-7 h-7 rounded-md text-muted-foreground hover:bg-destructive/10 hover:text-destructive transition-colors`,children:(0,$.jsx)(Zn,{className:`w-3.5 h-3.5`})})]}),(0,$.jsxs)(`div`,{className:`flex-1 min-h-0`,children:[i.state===`loading`&&(0,$.jsx)(`div`,{className:`flex items-center justify-center h-full text-xs text-muted-foreground`,children:`Loading…`}),i.state===`missing`&&(0,$.jsxs)(`div`,{className:`flex flex-col items-center justify-center h-full gap-2 px-4 text-center`,children:[(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`This canvas is no longer available.`}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`It may have been renamed, moved or deleted.`}),(0,$.jsx)(`button`,{type:`button`,onClick:t,className:`mt-1 px-2.5 py-1 text-xs border rounded-md hover:bg-accent`,children:`Remove pin`})]}),i.state===`ready`&&(0,$.jsx)(Cf,{workspaceId:e.workspaceName,treeName:e.treeName,path:e.path,layerId:i.node.id,querySpec:i.node.querySpec,metadata:i.node.metadata,readOnly:!0})]})]})}function Av(e,t,n){let r=Promise.resolve();return i=>{let a=r.then(async()=>{let r=await e(),a=i(r.home?.pinnedCanvases??[]);n(await t({...r,home:{...r.home,pinnedCanvases:a}}))});return r=a.catch(()=>{}),a}}function jv(e,t){return e.minimized===!0||t.has(e.id)}function Mv(e){return e.label||e.path.split(`/`).filter(Boolean).pop()||`Canvas`}function Nv({pins:e,onRestore:t}){let[n,r]=(0,Q.useState)(!1),[i,a]=(0,Q.useState)(e.length);return i!==e.length&&(a(e.length),e.length===0&&r(!1)),e.length===0?null:(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`div`,{className:`pointer-events-none absolute bottom-0 left-0 right-0 z-40 max-md:hidden`,children:(0,$.jsx)(`div`,{className:`pointer-events-auto flex items-end gap-1 overflow-x-auto px-3 pr-28 pb-safe-bottom`,children:e.map(e=>(0,$.jsxs)(`button`,{type:`button`,onClick:()=>t(e.id),title:`Restore ${Mv(e)}`,className:`flex max-w-[180px] shrink-0 items-center gap-1.5 rounded-t-lg border border-b-0 bg-background px-3 py-1.5 text-xs shadow-elevation-1 hover:bg-accent`,children:[(0,$.jsx)(si,{className:`h-3.5 w-3.5 shrink-0 text-primary`}),(0,$.jsx)(`span`,{className:`truncate`,children:Mv(e)})]},e.id))})}),n&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`div`,{className:`fixed inset-0 z-drawer md:hidden`,onClick:()=>r(!1),"aria-hidden":!0}),(0,$.jsx)(`div`,{className:`fixed bottom-rail-stack left-2 z-rail w-60 max-w-[calc(100vw-1rem)] rounded-xl border bg-card p-1.5 shadow-elevation-5 animate-fade-in md:hidden touch-target`,children:e.map(e=>(0,$.jsxs)(`button`,{type:`button`,onClick:()=>t(e.id),className:`flex w-full items-center gap-2 rounded-lg px-2.5 py-2 text-left text-sm hover:bg-accent`,children:[(0,$.jsx)(si,{className:`h-4 w-4 shrink-0 text-primary`}),(0,$.jsx)(`span`,{className:`truncate`,children:Mv(e)})]},e.id))})]}),(0,$.jsxs)(`button`,{type:`button`,onClick:()=>r(e=>!e),"aria-label":n?`Close minimized canvases`:`Minimized canvases (${e.length})`,className:`fixed bottom-rail-inset left-16 z-nav flex h-12 w-12 items-center justify-center rounded-full bg-foreground text-background shadow-elevation-4 md:hidden`,children:[(0,$.jsx)(si,{className:`h-5 w-5`}),(0,$.jsx)(`span`,{className:`absolute -top-1 -right-1 flex h-5 min-w-5 items-center justify-center rounded-full bg-primary px-1 text-[10px] font-semibold`,children:e.length})]})]})}function Pv(){let{pins:e,unpin:t,movePin:n,setMinimized:r,isLoading:i}=S_(),{showErrorToast:a}=So(),[o,s]=(0,Q.useState)(new Set),c=(0,Q.useRef)(e);(0,Q.useEffect)(()=>{c.current=e},[e]);let l=e=>{r(e,!0).catch(()=>a(`Could not save minimized state`))},u=t=>{s(e=>{let n=new Set(e);return n.delete(t),n}),e.find(e=>e.id===t)?.minimized&&r(t,!1).catch(()=>a(`Could not save restored state`))},d=(0,Q.useCallback)(e=>{s(e?new Set(c.current.filter(e=>!e.minimized).map(e=>e.id)):new Set)},[]),f=e.filter(e=>!jv(e,o)),p=e.filter(e=>jv(e,o)),m=(t,r,i)=>{let a=e.findIndex(e=>e.id===r.id);if(a===-1)return;let o=i?e[a+1]?.id??null:r.id;n(t,o)};return(0,$.jsxs)(`div`,{className:`relative h-full`,children:[(0,$.jsx)(`div`,{className:`h-full overflow-y-auto`,children:i?(0,$.jsx)(`div`,{className:`flex items-center justify-center h-full text-xs text-muted-foreground`,children:`Loading…`}):(0,$.jsx)(`div`,{className:`grid gap-4 p-4 h-full grid-cols-[repeat(auto-fit,minmax(min(640px,100%),1fr))] auto-rows-fr ${p.length>0?`md:pb-12`:``}`,children:f.map(e=>(0,$.jsx)(kv,{pin:e,onUnpin:()=>{t(e.id)},onMinimize:()=>l(e.id),onDropPin:(t,n)=>m(t,e,n)},e.id))})}),(0,$.jsx)(`div`,{className:`pointer-events-none absolute inset-0`,children:(0,$.jsx)(Tv,{onCardsOpenChange:d})}),(0,$.jsx)(Nv,{pins:p,onRestore:u})]})}function Fv(){return(0,$.jsx)(`div`,{className:`h-full w-full`,"aria-hidden":!0})}var Iv=`share-target-inbox`,Lv={"too-large":`Android shares are limited to 100 MiB in total for temporary device storage. Nothing was uploaded. Use Add File to upload larger files directly.`,"stash-failed":`Canvas couldn't hold on to the shared file — device storage may be full. Try again, or upload it from the app.`,"empty-share":`Canvas received no files or text from the sharing app. Try again, or use Add File to select the photo directly.`,"empty-file":`The sharing app delivered an empty file. Try again, or use Add File to select the original directly.`,expired:`Nothing shared, or the share expired.`};async function Rv(e){let t=await caches.open(Iv),n=null,r=Date.now()+3e5;for(;Date.now()<r;){let r=await t.match(`/share-target-inbox/${e}/meta`);if(!r)return null;if(n=await r.json(),n?.status===`error`)throw Error(n.error||`stash-failed`);if(n?.status!==`receiving`)break;await new Promise(e=>setTimeout(e,300))}if(!n||n.status===`receiving`)throw Error(`stash-failed`);let i=[];for(let r=0;r<n.fileNames.length;r++){let a=await t.match(`/share-target-inbox/${e}/file-${r}`);if(!a)throw Error(`stash-failed`);let o=await a.blob();i.push(new File([o],n.fileNames[r],{type:o.type}))}let a=i.length?await gv(i):null;if(await Promise.all(n.fileNames.map((n,r)=>t.delete(`/share-target-inbox/${e}/file-${r}`))),await t.delete(`/share-target-inbox/${e}/meta`),a)return{kind:a.kind,data:{files:a.files}};if(![n.title,n.text,n.url].some(e=>e.trim()))throw Error(`empty-share`);let o=n.text.trim(),s=n.url||(Vv(o)?o:``);return s?{kind:`link`,data:{url:s,title:n.title}}:{kind:`note`,data:{title:n.title,content:n.text}}}var zv=new Map;function Bv(e){let t=zv.get(e);return t||(t=Rv(e),zv.set(e,t),t.finally(()=>setTimeout(()=>zv.delete(e),6e4)).catch(()=>{})),t}function Vv(e){if(!e||/\s/.test(e))return!1;try{let t=new URL(e);return t.protocol===`http:`||t.protocol===`https:`}catch{return!1}}function Hv(){let[e]=pn(),t=ot(),[n,r]=(0,Q.useState)(null),[i,a]=(0,Q.useState)(null);(0,Q.useEffect)(()=>{let t=!1;async function n(){let n=e.get(`error`);if(n){a(n);return}let i=e.get(`token`),o=i?await Bv(i):null;t||(o?r(o):a(`expired`))}return n().catch(e=>{t||a(e instanceof Error?e.message:`stash-failed`)}),()=>{t=!0}},[e]);let o=()=>t(`/home`,{replace:!0});return i?(0,$.jsxs)(`div`,{className:`flex h-full flex-col items-center justify-center gap-3 px-6 text-center`,children:[(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:Lv[i]??Lv.expired}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>t(`/apps/add/file`,{replace:!0}),className:`text-sm font-medium text-primary underline underline-offset-4`,children:`Add File`}),(0,$.jsx)(`button`,{type:`button`,onClick:o,className:`text-sm font-medium text-primary underline underline-offset-4`,children:`Go to Canvas`})]}):n?(0,$.jsx)(Tv,{initialKind:n.kind,initialData:n.data,onInitialCardClose:o}):(0,$.jsx)(`div`,{className:`flex h-full items-center justify-center text-sm text-muted-foreground`,children:`Receiving shared content on this device… No upload has started.`})}function Uv(e,t=`An error occurred`){if(e instanceof Error)return e.message;if(typeof e==`object`&&e){let n=e;return n.message||n.error||n.payload?.message||n.payload?.error||n.statusText||t}return t}function Wv(e,t,n=`An error occurred`){return console.error(t,e),Uv(e,n)}function Gv(){let e=ot(),[t,n]=(0,Q.useState)([]),[r,i]=(0,Q.useState)([]),[a,o]=(0,Q.useState)(!0),[s,c]=(0,Q.useState)(null),[l,u]=(0,Q.useState)(``),[d,f]=(0,Q.useState)(``),[p,m]=(0,Q.useState)(`context`),[h,g]=(0,Q.useState)(`/`),[_,v]=(0,Q.useState)(``),[y,x]=(0,Q.useState)(null),[S,w]=(0,Q.useState)(`/`),[T,E]=(0,Q.useState)(``),[D,O]=(0,Q.useState)(!1),[k,A]=xh(),[j,M]=(0,Q.useState)(null),[N,P]=(0,Q.useState)(null),{showToast:F}=vo();(0,Q.useEffect)(()=>{L.isConnected()||(console.log(`Socket not connected, attempting to connect...`),L.reconnect())},[]);let I=(0,Q.useCallback)(async()=>{try{o(!0);let[e,t]=await Promise.all([cl(),ss()]),r=e?.filter(e=>e&&typeof e==`object`&&e.id&&e.userId)||[];n(r);let a=t||[];if(i(a),a.length>0){let e=a.some(e=>e.id===T);(!T||!e)&&E(a[0].id)}else E(``);c(null)}catch(e){console.error(`Data fetch error:`,e),n([]),i([]);let t=`Failed to fetch data`;if(e instanceof Error)t=e.message;else if(typeof e==`object`&&e){let n=e;t=n.message||n.error||n.payload?.message||n.payload?.error||n.statusText||`Failed to fetch data`}c(t),F({title:`Error`,description:t,variant:`destructive`})}finally{o(!1)}},[T,F]);(0,Q.useEffect)(()=>{I()},[I]),(0,Q.useEffect)(()=>{let e=()=>L.emit(`subscribe`,{channel:`context`}),t=()=>L.emit(`unsubscribe`,{channel:`context`}),r=L.on(`connect`,e);console.log(`Subscribing to context events`),e();let i=e=>{let t=e;if(console.log(`Received context created:`,t),!t||!t.id||!t.userId){console.error(`Invalid context data received in context:created event:`,t);return}n(e=>e.some(e=>e&&e.id===t.id&&e.userId===t.userId)?(console.log(`Context ${t.id} already exists, skipping duplicate add`),e):[...e,t])},a=e=>{let t=e;if(console.log(`Received context update:`,t),!t||!t.id||!t.userId){console.error(`Invalid context data received in context:updated event:`,t);return}n(e=>e.map(e=>e&&e.id===t.id&&e.userId===t.userId?{...e,...t}:e))},o=e=>{let t=e;console.log(`Received context deletion:`,t);let r=t?.contextId??t?.id;if(!r){console.error(`Invalid context deletion data received:`,t);return}n(e=>e.filter(e=>e&&e.id!==r))},s=e=>{let t=e;if(console.log(`Received context URL change:`,t),!t||!t.id||!t.userId){console.error(`Invalid context data received in context:url:changed event:`,t);return}n(e=>e.map(e=>e&&e.id===t.id&&e.userId===t.userId?{...e,...t}:e))},c=[[`context:created`,i],[`context.created`,i],[`context:updated`,a],[`context.updated`,a],[`context:deleted`,o],[`context.deleted`,o],[`context:url:changed`,s],[`context.url.set`,s],[`context:url:set`,s]];return c.forEach(([e,t])=>L.on(e,t)),()=>{console.log(`Unsubscribing from context events`),t(),r?.(),c.forEach(([e,t])=>L.off(e,t))}},[]);let te=async t=>{if(t.preventDefault(),!h.trim()||!T||!l.trim()){F({title:`Missing Fields`,description:`Context ID, Context URL and Workspace are required.`,variant:`destructive`});return}O(!0);try{let t={id:l,name:d.trim()||void 0,url:h,description:_.trim()||void 0,metadata:{ui:{color:y}},workspaceId:T,baseUrl:S||void 0,treeType:p},n=await Cl(t);u(``),f(``),g(`/`),v(``),x(null),w(`/`),await I(),F({title:`Success`,description:`Context created successfully`}),A(!1),window.dispatchEvent(new CustomEvent(`contexts:refresh`)),e(`/contexts/${n.id}`)}catch(e){let t=Wv(e,`Context creation error:`,`Failed to create context`);F({title:`Error`,description:t,variant:`destructive`})}finally{O(!1)}},R=async e=>{let n=t.find(t=>t.id===e);if(n&&n.url&&(n.url.endsWith(`/default`)||n.url.includes(`://default`))){F({title:`Error`,description:`Cannot delete the default context`,variant:`destructive`});return}P(e)},ne=async()=>{if(N)try{await ul(N),n(e=>e.filter(e=>!Qc(e,{id:N}))),F({title:`Success`,description:`Context deleted successfully`})}catch(e){console.error(`Context deletion error:`,e);let t=`Failed to delete context`;if(e instanceof Error)t=e.message;else if(typeof e==`object`&&e){let n=e;t=n.message||n.error||n.payload?.message||n.payload?.error||n.statusText||`Failed to delete context`}F({title:`Error`,description:t,variant:`destructive`})}finally{P(null)}},z=t=>{let n=t.isShared||t.type===`shared`;e(n?`/contexts/${t.id}?ownerId=${encodeURIComponent(t.userId)}`:`/contexts/${t.id}`)},re=e=>{M(e)},ie=async e=>{if(e.preventDefault(),j)try{n(e=>e.map(e=>e.id===j.id&&e.userId===j.userId?j:e)),F({title:`Success`,description:`Context updated successfully (mock update)`}),M(null)}catch(e){let t=e instanceof Error?e.message:`Failed to update context`;F({title:`Error`,description:t,variant:`destructive`})}},ae=(0,Q.useMemo)(()=>({type:e=>e.isShared||e.type===`shared`?`shared`:`owned`,id:e=>e.id??``,owner:e=>e.isShared||e.type===`shared`?e.ownerEmail||e.userId||``:`you`,url:e=>e.url??``,workspaceId:e=>e.workspaceId??``,baseUrl:e=>e.baseUrl??``,path:e=>e.path??``,locked:e=>+!!e.locked,created:e=>Date.parse(e.createdAt)||0,updated:e=>Date.parse(e.updatedAt)||0}),[]),{sorted:oe,sort:se,toggleSort:B}=_e(t.filter(e=>e!=null),ae);return(0,$.jsxs)(`div`,{className:`space-y-6`,children:[(0,$.jsx)(ph,{title:`Contexts`,description:`Create and manage contexts in your workspaces. View contexts shared with you.`,actions:!k&&(0,$.jsxs)(Z,{onClick:()=>A(!0),className:`max-sm:h-9 max-sm:w-9 max-sm:p-0`,"aria-label":`Create context`,title:`Create context`,children:[(0,$.jsx)(Wi,{className:`h-4 w-4 sm:mr-2`}),(0,$.jsx)(`span`,{className:`max-sm:hidden`,children:`Create Context`})]})}),k&&(0,$.jsx)(yh,{title:`Create New Context`,onClose:()=>A(!1),children:(0,$.jsxs)(`form`,{onSubmit:te,className:`space-y-4`,children:[(0,$.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`workspace`,className:`block text-sm font-medium mb-1`,children:`Workspace`}),(0,$.jsxs)(`select`,{id:`workspace`,className:`w-full px-3 py-2 border border-border rounded-md shadow-elevation-1 focus:outline-none focus:ring-primary focus:border-primary`,value:T,onChange:e=>E(e.target.value),disabled:D||r.length===0,children:[r.length===0&&(0,$.jsx)(`option`,{value:``,children:`No workspaces available. Create one first.`}),r.map(e=>(0,$.jsx)(`option`,{value:e.id,children:e.label||e.name},`${e.owner}-${e.id}`))]})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`newContextId`,className:`block text-sm font-medium mb-1`,children:`Context ID`}),(0,$.jsx)(Y,{id:`newContextId`,value:l,onChange:e=>u(e.target.value),placeholder:`e.g., my-new-context`,disabled:D})]})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`url`,className:`block text-sm font-medium mb-1`,children:`Context URL`}),(0,$.jsx)(C,{id:`url`,value:h,onChange:g,placeholder:`e.g., /project/path/resource`,disabled:D,pickerTitle:`Context URL path…`,onPickTarget:(e,t)=>{g(e),m(t.treeType);let n=r.find(e=>e.name===t.workspaceName||e.id===t.workspaceName);n&&E(n.id)}})]}),(0,$.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`baseUrl`,className:`block text-sm font-medium mb-1`,children:`Base URL (Optional)`}),(0,$.jsx)(C,{id:`baseUrl`,value:S,onChange:w,format:`path`,placeholder:`e.g., /base/path`,disabled:D,pickerTitle:`Base path…`})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`description`,className:`block text-sm font-medium mb-1`,children:`Description (Optional)`}),(0,$.jsx)(Y,{id:`description`,value:_,onChange:e=>v(e.target.value),placeholder:`Description`,disabled:D})]})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`contextColor`,className:`block text-sm font-medium mb-1`,children:`Color (Optional)`}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(Y,{id:`contextColor`,type:`color`,value:y||`#808080`,onChange:e=>x(e.target.value),className:`h-10 w-16 p-1`,disabled:D}),(0,$.jsx)(Z,{type:`button`,variant:`outline`,size:`sm`,disabled:D||y===null,onClick:()=>x(null),children:`Use inherited color`})]}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:y===null?`Uses the tree folder or workspace color.`:`Applies only to this context.`})]}),(0,$.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`contextName`,className:`block text-sm font-medium mb-1`,children:`Name (Optional)`}),(0,$.jsx)(Y,{id:`contextName`,value:d,onChange:e=>f(e.target.value),placeholder:`My Context`,disabled:D})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`treeType`,className:`block text-sm font-medium mb-1`,children:`Tree`}),(0,$.jsxs)(`select`,{id:`treeType`,className:`w-full px-3 py-2 border border-border rounded-md shadow-elevation-1 focus:outline-none focus:ring-primary focus:border-primary`,value:p,onChange:e=>m(e.target.value),disabled:D,children:[(0,$.jsx)(`option`,{value:`context`,children:`Context tree`}),(0,$.jsx)(`option`,{value:`directory`,children:`Directory tree`})]}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:`Which workspace tree this context navigates.`})]})]}),(0,$.jsxs)(Z,{type:`submit`,disabled:D||!h.trim()||!T||!l.trim(),children:[(0,$.jsx)(Wi,{className:`mr-2 h-4 w-4`}),`Create Context`]})]})}),(0,$.jsxs)(`div`,{className:`space-y-4`,children:[(0,$.jsx)(`h2`,{className:`text-xl font-semibold`,children:`Your Contexts & Shared Contexts`}),a&&(0,$.jsx)(`p`,{className:`text-center text-muted-foreground`,children:`Loading contexts...`}),s&&(0,$.jsx)(`div`,{className:`text-center text-destructive`,children:(0,$.jsx)(`p`,{children:s})}),!a&&!s&&t.length===0&&(0,$.jsx)(`p`,{className:`text-center text-muted-foreground`,children:`No contexts found. Create one above.`}),t.length>0&&(0,$.jsx)(`div`,{className:`border rounded-lg overflow-hidden`,children:(0,$.jsxs)(b,{children:[(0,$.jsx)(W,{children:(0,$.jsxs)(ee,{children:[(0,$.jsx)(At,{label:`Type`,sortKey:`type`,sort:se,onSort:B}),(0,$.jsx)(At,{label:`ID`,sortKey:`id`,sort:se,onSort:B}),(0,$.jsx)(At,{label:`Owner`,sortKey:`owner`,sort:se,onSort:B}),(0,$.jsx)(At,{label:`Context URL`,sortKey:`url`,sort:se,onSort:B}),(0,$.jsx)(At,{label:`Workspace ID`,sortKey:`workspaceId`,sort:se,onSort:B}),(0,$.jsx)(At,{label:`Base URL`,sortKey:`baseUrl`,sort:se,onSort:B}),(0,$.jsx)(At,{label:`Path`,sortKey:`path`,sort:se,onSort:B}),(0,$.jsx)(At,{label:`Locked`,sortKey:`locked`,sort:se,onSort:B}),(0,$.jsx)(At,{label:`Created`,sortKey:`created`,sort:se,onSort:B}),(0,$.jsx)(At,{label:`Updated`,sortKey:`updated`,sort:se,onSort:B}),(0,$.jsx)(me,{className:`text-right`,children:`Actions`})]})}),(0,$.jsx)(Dt,{children:oe.map(e=>{if(!e)return console.warn(`Found null/undefined context in contexts array, skipping`),null;let t=e.createdAt?new Date(e.createdAt).toLocaleDateString():`-`,n=e.updatedAt?new Date(e.updatedAt).toLocaleDateString():`-`,r=e.isShared||e.type===`shared`,i=r?e.ownerEmail||e.userId||`-`:`You`,a=r&&e.sharedVia?typeof e.sharedVia==`string`?e.sharedVia:e.sharedVia.accessLevel||`-`:`-`;return(0,$.jsxs)(ee,{children:[(0,$.jsx)(de,{children:r?(0,$.jsxs)(`div`,{className:`flex items-center gap-1 text-info`,title:`Shared with you (${a})`,children:[(0,$.jsx)(ua,{className:`h-4 w-4`}),(0,$.jsx)(`span`,{className:`text-xs`,children:`Shared`})]}):(0,$.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:`Owned`})}),(0,$.jsx)(de,{className:`font-mono text-sm`,children:e.id||`-`}),(0,$.jsx)(de,{className:`font-mono text-sm`,title:r?`Owned by: ${i}`:`You are the owner`,children:i}),(0,$.jsx)(de,{className:`font-mono text-sm max-w-xs truncate`,title:e.url||`-`,children:e.url||`-`}),(0,$.jsx)(de,{className:`font-mono text-sm`,children:e.workspaceId||`-`}),(0,$.jsx)(de,{className:`font-mono text-sm`,children:e.baseUrl||`-`}),(0,$.jsx)(de,{className:`font-mono text-sm`,children:e.path||`-`}),(0,$.jsx)(de,{children:e.locked?`Yes`:`No`}),(0,$.jsx)(de,{children:t}),(0,$.jsx)(de,{children:n}),(0,$.jsx)(de,{className:`text-right`,children:(0,$.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[!r&&(0,$.jsx)(Z,{variant:`outline`,size:`sm`,onClick:()=>re(e),title:`Edit Context`,children:(0,$.jsx)(Hi,{className:`h-4 w-4`})}),(0,$.jsx)(Z,{variant:`outline`,size:`sm`,onClick:()=>z(e),title:r?`Open Shared Context`:`Open Context Details`,children:(0,$.jsx)(ci,{className:`h-4 w-4`})}),!r&&(0,$.jsx)(Z,{variant:`outline`,size:`sm`,onClick:()=>R(e.id),disabled:!!(e.url&&(e.url.endsWith(`/default`)||e.url.includes(`://default`))),className:`text-destructive hover:bg-destructive/10 hover:text-destructive disabled:opacity-50 disabled:cursor-not-allowed`,title:e.url&&(e.url.endsWith(`/default`)||e.url.includes(`://default`))?`Cannot delete default context`:`Delete Context`,children:(0,$.jsx)($r,{className:`h-4 w-4`})})]})})]},`${e.userId}-${e.id}`)})})]})})]}),j&&(0,$.jsxs)(`div`,{className:`space-y-4`,children:[(0,$.jsx)(`h2`,{className:`text-xl font-semibold`,children:`Edit Context`}),(0,$.jsxs)(`form`,{onSubmit:ie,className:`space-y-4`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`edit-context-id`,className:`block text-sm font-medium mb-1`,children:`Context ID (read-only)`}),(0,$.jsx)(Y,{id:`edit-context-id`,value:j.id,disabled:!0,className:`bg-muted`})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`edit-context-url`,className:`block text-sm font-medium mb-1`,children:`Context URL`}),(0,$.jsx)(C,{id:`edit-context-url`,value:j.url,onChange:e=>M(t=>t?{...t,url:e}:null),placeholder:`workspace://path or /path`,pickerTitle:`Context URL path…`}),(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground mt-1`,children:`Use format: workspace://path or /path for current workspace`})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`edit-base-url`,className:`block text-sm font-medium mb-1`,children:`Base URL (optional)`}),(0,$.jsx)(C,{id:`edit-base-url`,value:j.baseUrl||``,onChange:e=>M(t=>t?{...t,baseUrl:e||null}:null),format:`path`,placeholder:`/base/path`,pickerTitle:`Base path…`}),(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground mt-1`,children:`Restricts context navigation to this base path`})]}),(0,$.jsxs)(`div`,{className:`flex gap-2`,children:[(0,$.jsx)(Z,{type:`submit`,children:`Save Changes`}),(0,$.jsx)(Z,{type:`button`,variant:`outline`,onClick:()=>M(null),children:`Cancel`})]})]})]}),(0,$.jsx)(fo,{open:N!==null,onOpenChange:e=>!e&&P(null),children:(0,$.jsxs)(ro,{children:[(0,$.jsxs)(uo,{children:[(0,$.jsx)(Qa,{children:`Delete Context`}),(0,$.jsx)(Za,{children:`Are you sure you want to delete this context? This action cannot be undone.`})]}),(0,$.jsxs)(so,{children:[(0,$.jsx)(lo,{children:`Cancel`}),(0,$.jsx)(oo,{onClick:ne,className:`bg-destructive text-destructive-foreground hover:bg-destructive/90`,children:`Delete`})]})]})})]})}function Kv(e,t){if(!e||!t)return`/`;let n=`${t}://`;if(!e.startsWith(n))return`/`;let r=e.slice(n.length).replace(/^\/+/,``).replace(/\/+$/,``);return r?`/${r}`:`/`}function qv(){let{contextId:e}=Ft(),t=an(),n=ot(),r=new URLSearchParams(t.search).get(`ownerId`)||void 0,i=(0,Q.useMemo)(()=>{let e=new URLSearchParams(t.search),n=e.getAll(`q`).map(e=>e.trim()).filter(Boolean),r=(e.get(`search`)||``).trim();return n.length?n:r?[r]:[]},[t.search]),{showToast:a,showProgress:o}=vo(),{state:s,saveFilters:c,setSort:l,setAccentColor:u,setMapDocuments:d}=el(),{openM1Drawer:f,openM2Drawer:p,goBack:m}=eg(),h=s.filters.features.allOf,g=s.filters.features.anyOf,_=s.filters.features.noneOf,v=[...tt(s.filters.timeline),...xn(s.filters.geo),...Te(s.filters.lens,s.filters.geo.includeUnlocated)],b=JSON.stringify({a:h,b:g,c:_,d:v,ids:s.filters.lens.ids,sort:s.filters.sort,geoSelection:s.geoSelection,includeUnlocated:s.filters.geo.includeUnlocated}),x=(0,Q.useMemo)(()=>JSON.parse(b),[b]),[S,C]=(0,Q.useState)(null),[w,T]=(0,Q.useState)(!0),[E,D]=(0,Q.useState)(null),[k,A]=(0,Q.useState)([]),[j,M]=(0,Q.useState)(!1),[N,P]=(0,Q.useState)(0),[ee,F]=(0,Q.useState)([]),[I,te]=(0,Q.useState)(1),[R,ne]=(0,Q.useState)(50),[z,re]=(0,Q.useState)(i),[ie,ae]=(0,Q.useState)(!1),[oe,se]=(0,Q.useState)(null),[B,V]=(0,Q.useState)(!1),H=(0,Q.useRef)(!1),U=oe?.id===S?.id&&oe?.url===S?.url?oe?.path:null,ce=new URLSearchParams(t.search).get(`layer`),le=!!r,ue=J_(le?void 0:S?.workspaceName||S?.workspaceId),de=S?Kv(S.url,S.workspaceName):`/`,fe=ce?`context-layer`:`context`,pe=!s.liveEnabled&&typeof S?.metadata?.toolboxSearchQuery==`string`?S.metadata.toolboxSearchQuery:``,me=le?null:S?.workspaceName??null,[he,ge]=(0,Q.useState)(null);(0,Q.useEffect)(()=>{if(!me)return;let e=!1;return Jo(me,bc).then(t=>{e||ge({key:me,tree:t})}).catch(()=>{e||ge({key:me,tree:null})}),()=>{e=!0}},[me]);let _e=me&&he?.key===me?he.tree:null,ve=!ce&&!le&&_e?de===`/`?_e:Uo(_e,de):null,ye=`${S?.workspaceName??``}\0${de}`,[W,G]=(0,Q.useState)(null),be=W?.key===ye?W.views:n_(ve?.metadata),K=W?.key===ye?W.activeId:be[0]?.id??e_.id,q=be.find(e=>e.id===K)??be[0]??e_,Se=$g(q),Ce=e=>{te(1),G({key:ye,views:be,activeId:e})},we=(e,t)=>{t&&t!==K&&te(1),G({key:ye,views:e,activeId:t??K}),S?.workspaceName&&Io(S.workspaceName,de,{metadata:{...ve?.metadata??{},views:e}},bc).catch(()=>{a({title:`View not saved`,description:`Could not persist views to the layer`,variant:`destructive`})})},Ee=(0,Q.useRef)(null);(0,Q.useEffect)(()=>()=>Ee.current?.abort(),[]);let De=(0,Q.useCallback)(async()=>{if(!e)return;Ee.current?.abort();let t=new AbortController;Ee.current=t,M(!0);try{let n=await gl(e,Se?[...x.a,Se]:x.a,x.d,{...x.sort,geoSelection:x.geoSelection,includeUnlocated:x.includeUnlocated,ids:x.ids,signal:t.signal,limit:R,page:I,queries:z.length?z:void 0,anyOf:x.b,noneOf:x.c,applyContextSpec:!1},r);if(t.signal.aborted)return;A(n),P(n.totalCount||n.count||n.length)}catch(e){if(t.signal.aborted)return;a({title:`Error`,description:e instanceof Error?e.message:`Failed to fetch documents`,variant:`destructive`}),A([]),P(0)}finally{t.signal.aborted||M(!1)}},[e,I,R,r,z,x,a,Se]),Oe=(0,Q.useCallback)(async()=>{if(e){T(!0);try{let t=le?await yl(e,r):await yl(e);if(!t)throw Error(`No context data received.`);let n=t.workspace,i=t.workspaceId||(typeof n==`string`?n:n?.id)||``,a=t.workspaceName||(typeof n==`string`?n:n?.name)||``;C({id:t.id,userId:t.userId,url:t.url,baseUrl:t.baseUrl||null,path:t.path||null,pathArray:t.pathArray||[],workspaceId:i,workspaceName:a,acl:t.acl||{},createdAt:t.createdAt,updatedAt:t.updatedAt,locked:t.locked||!1,serverContextArray:t.serverContextArray||[],clientContextArray:t.clientContextArray||[],contextBitmapArray:t.contextBitmapArray||[],featureBitmapArray:t.featureBitmapArray||[],filterArray:t.filterArray||[],pendingUrl:t.pendingUrl||null,description:t.description||null,metadata:t.metadata||{},name:t.name??null,color:t.color??null,icon:t.icon??null}),D(null)}catch(t){let n=t instanceof Error?t.message:`Failed to fetch context ${e}`;D(n),C(null),a({title:`Error`,description:n,variant:`destructive`})}T(!1)}},[e,r,le,a]);(0,Q.useEffect)(()=>{Oe()},[Oe]);let ke=wt(S?.color)||null;(0,Q.useEffect)(()=>(u(ke),()=>u(null)),[ke,u]);let Ae=s.geoSelection,je=S?.workspaceName||S?.workspaceId||null;(0,Q.useEffect)(()=>{d(k,je)},[k,je,d]),(0,Q.useEffect)(()=>()=>d([]),[d]);let Me=(0,Q.useMemo)(()=>Ae?k.filter(e=>O(e,Ae,s.filters.geo.includeUnlocated)):k,[k,Ae,s.filters.geo.includeUnlocated]),Ne=S?.id,Pe=S?.url;(0,Q.useEffect)(()=>{Ne&&De()},[Ne,Pe,De]),(0,Q.useEffect)(()=>{let e=()=>De();return window.addEventListener(`workspace:documents:refresh`,e),()=>window.removeEventListener(`workspace:documents:refresh`,e)},[De]);let[Fe,Ie]=(0,Q.useState)(b);Fe!==b&&(Ie(b),te(1));let[Le,Re]=(0,Q.useState)(e);Le!==e&&(Re(e),te(1),ae(!1));let[ze,Be]=(0,Q.useState)(i);ze!==i&&(Be(i),re(i),te(1));let[Ve,He]=(0,Q.useState)({urlSearchQueries:i,ignoreSavedSearch:ie,savedContextSearchQuery:pe});(Ve.urlSearchQueries!==i||Ve.ignoreSavedSearch!==ie||Ve.savedContextSearchQuery!==pe)&&(He({urlSearchQueries:i,ignoreSavedSearch:ie,savedContextSearchQuery:pe}),!new URLSearchParams(t.search).has(`q`)&&!i.length&&!ie&&(re(pe?[pe]:[]),te(1)));let Ue=(0,Q.useCallback)(e=>{let r=new URLSearchParams(t.search);r.delete(`q`),r.delete(`search`);for(let t of e)r.append(`q`,t);let i=r.toString();n(`${t.pathname}${i?`?${i}`:``}${t.hash}`)},[t.pathname,t.search,t.hash,n]),We=(0,Q.useCallback)(e=>{let t=e.trim();if(!t)return;ae(!1);let n=z.includes(t)?z:[...z,t];re(n),Ue(n)},[z,Ue]),Ge=(0,Q.useCallback)(e=>{let t=e<0?[]:z.filter((t,n)=>n!==e);t.length===0&&ae(!0),re(t),Ue(t)},[z,Ue]),Ke=(z[0]||``).trim(),qe=!!s.activeContextType&&(s.isDirty||Ke!==(s.savedSearchQuery||pe||``));(0,Q.useEffect)(()=>{if(!e)return;let t=`context:${r?`${r}/`:``}${e}`,n=()=>L.emit(`subscribe`,{channel:t}),i=()=>L.emit(`unsubscribe`,{channel:t}),a=L.on(`connect`,n);n();let o=new Map,s=(t,n)=>{let r=Date.now(),i=`${t}:${n?.id||n?.contextId||e}`;return(o.get(i)||0)+1e3>r?!1:(o.set(i,r),!0)},c=t=>{let n=t,r=n?.context||n;(r?.id===e||r?.contextId===e)&&s(`ctx:updated`,r)&&(C(e=>e?{...e,...r}:null),r.url&&De())},l=t=>{let n=t,r=n?.id||n?.contextId||n?.context?.id,i=n?.url||n?.context?.url;r===e&&typeof i==`string`&&s(`ctx:url`,n)&&(C(e=>e?{...e,url:i}:null),De())},u=t=>{let n=t;(n?.contextId||n?.id||n?.context?.id)===e&&s(`doc:changed`,n)&&De()},d=[[`context.updated`,c],[`context:updated`,c],[`context.url.set`,l],[`context:url:set`,l],[`document.inserted`,u],[`document.updated`,u],[`document.removed`,u],[`document.removed.batch`,u],[`document.linked`,u],[`document.unlinked`,u],[`document.linked.batch`,u],[`document.unlinked.batch`,u],[`document.deleted`,u],[`document.deleted.batch`,u]];return d.forEach(([e,t])=>L.on(e,t)),()=>{a(),i(),d.forEach(([e,t])=>L.off(e,t))}},[e,r,De]);let Je=async e=>{if(S)try{await Zc(S.id,[e],r,de),A(t=>t.filter(t=>t.id!==e)),P(e=>Math.max(0,e-1)),a({title:`Success`,description:`Document removed from context.`})}catch(e){a({title:`Error`,description:e instanceof Error?e.message:`Failed to remove document`,variant:`destructive`})}},Ye=async e=>{if(S)try{await dl(S.id,[e],r,de),A(t=>t.filter(t=>t.id!==e)),P(e=>Math.max(0,e-1)),a({title:`Success`,description:`Document deleted.`})}catch(e){a({title:`Error`,description:e instanceof Error?e.message:`Failed to delete document`,variant:`destructive`})}},Xe=async e=>{if(S)try{await Zc(S.id,e,r,de),A(t=>t.filter(t=>!e.includes(t.id))),P(t=>Math.max(0,t-e.length)),a({title:`Success`,description:`${e.length} document(s) removed.`})}catch(e){a({title:`Error`,description:e instanceof Error?e.message:`Failed to remove documents`,variant:`destructive`})}},Ze=async e=>{if(S)try{await dl(S.id,e,r,de),A(t=>t.filter(t=>!e.includes(t.id))),P(t=>Math.max(0,t-e.length)),a({title:`Success`,description:`${e.length} document(s) deleted.`})}catch(e){a({title:`Error`,description:e instanceof Error?e.message:`Failed to delete documents`,variant:`destructive`})}},Qe=e=>{F(e),a({title:`Copied`,description:`${e.length} document(s) copied to clipboard`})},$e=async(e,t,n={})=>{if(!S)return!1;let i=o({title:`Pasting…`,description:`${t.length} document(s) → "${e}"`});try{let a=n.targetTreeName&&!le?await Ss(S.workspaceName||S.workspaceId,e,t,n.targetTreeName,n.targetTreeType):await wl(S.id,e,t,r);return i.done(a?{title:`Success`,description:`${t.length} document(s) pasted to "${e}"`}:void 0),a&&(F([]),await De()),a}catch(e){return i.fail({title:`Error`,description:e instanceof Error?e.message:`Failed to paste documents`,variant:`destructive`}),!1}},et=async(e,t)=>{if(!S)return!1;try{let n=await ol(S.workspaceId,t,e);return n&&($t(S.workspaceName||S.workspaceId,`context`,t),a({title:`Success`,description:`Imported ${e.length} document(s) to "${t}"`})),n}catch(e){return a({title:`Error`,description:e instanceof Error?e.message:`Failed to import documents`,variant:`destructive`}),!1}},nt=async()=>{if(!S||!U||le||H.current)return;let e={id:S.id,url:S.url,path:U};H.current=!0,V(!0);try{let t=await tl(e.id,`${S.workspaceName}://${e.path.replace(/^\/+/,``)}`);C(n=>n?.id===e.id&&n.url===e.url?{...n,url:t.url,path:e.path}:n),se(null),te(1),window.dispatchEvent(new CustomEvent(`contexts:refresh`,{detail:{contextId:e.id}})),a({title:`Saved`,description:`Context path updated`})}catch(e){a({title:`Error`,description:e instanceof Error?e.message:`Could not update context path`,variant:`destructive`})}finally{H.current=!1,V(!1)}};if(w)return(0,$.jsx)(`div`,{className:`flex items-center justify-center h-full`,children:(0,$.jsxs)(`div`,{className:`text-center space-y-2`,children:[(0,$.jsx)(`div`,{className:`animate-spin rounded-full h-8 w-8 border-b-2 border-primary mx-auto`}),(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Loading context...`})]})});if(E&&!S)return(0,$.jsxs)(`div`,{className:`flex items-center justify-center h-full text-destructive`,children:[`Error: `,E]});if(!S)return(0,$.jsx)(`div`,{className:`flex items-center justify-center h-full text-muted-foreground`,children:`Context not found.`});let rt=wt(S.color);return(0,$.jsx)(`div`,{className:`flex flex-col h-full min-h-0`,children:(0,$.jsx)(Zg,{onBack:m,accentColor:rt,navigationTabs:ve?(0,$.jsx)(i_,{views:be,activeId:K,onSelect:Ce,onSave:we,accentColor:rt}):void 0,workspaceLabel:ue?.label||S.workspaceName||S.workspaceId,workspaceIcon:ue?.icon,treeName:bc,urlType:fe,urlDisplay:S.url,contextPath:de,workspaceId:S.workspaceName||S.workspaceId,documentSchema:Se,linkTree:_e,documents:Me,isLoading:j,totalCount:N,currentPage:I,pageSize:R,onPageChange:te,onPageSizeChange:e=>{ne(e),te(1)},onRemoveDocument:de===`/`?void 0:Je,onDeleteDocument:Ye,onRemoveDocuments:de===`/`?void 0:Xe,onDeleteDocuments:Ze,onCopyDocuments:Qe,onPasteDocuments:$e,onImportDocuments:le?void 0:et,pastedDocumentIds:ee,backendSearchQueries:z,onBackendSearch:We,serverSort:s.filters.sort,onServerSortChange:l,onRemoveBackendQuery:Ge,canSaveChanges:qe,isSavingChanges:s.isSaving,onSaveChanges:c,onBrowseTree:!le&&e?()=>p(`contexts`,`detail`,e):void 0,onBrowseWorkspaces:()=>f(`workspaces`),onNavigatePath:le?void 0:e=>{H.current||se({id:S.id,url:S.url,path:e})},contentBanner:U?(0,$.jsxs)(`div`,{className:`border-b bg-warning/10 px-4 py-2`,role:`status`,children:[(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Set this context to the selected path? Contents stay at the current path until you apply it.`}),(0,$.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,$.jsx)(y,{items:xe(U,S.workspaceName),label:`Selected context path`}),(0,$.jsx)(`button`,{type:`button`,disabled:B,onClick:()=>void nt(),className:`shrink-0 rounded border px-3 py-1 text-sm hover:bg-accent disabled:opacity-50`,children:B?`Setting…`:`Set`}),(0,$.jsx)(`button`,{type:`button`,disabled:B,onClick:()=>se(null),className:`shrink-0 rounded px-2 py-1 text-sm hover:bg-accent disabled:opacity-50`,children:`Cancel`})]})]}):void 0,children:q.kind===`columns`?(0,$.jsx)(u_,{documents:Me,workspaceId:S.workspaceName||S.workspaceId,columns:q.columns??[],onColumnsChange:e=>we(be.map(t=>t.id===q.id?{...t,columns:e}:t))}):q.kind===`app`&&q.app&&q.app!==`notes`?(0,$.jsx)(s_,{app:q.app,contextId:e,workspaceId:S.workspaceName||S.workspaceId,treeName:bc,path:de}):null})})}function Jv(){let{goBack:e}=eg();return e}function Yv(){let[e,t]=(0,Q.useState)([]),[n,r]=(0,Q.useState)(!0),[i,a]=(0,Q.useState)(null),[o,s]=(0,Q.useState)(``),[c,l]=(0,Q.useState)(!1),[u,d]=(0,Q.useState)(``),[f,p]=(0,Q.useState)(!1),{showToast:m}=vo(),h=(0,Q.useRef)(null),g=(0,Q.useCallback)(async()=>{try{r(!0);let e=await X.get(Xa.tokens),n=Array.isArray(e)?e:e.tokens||[];t(n),a(null)}catch(e){let t=e instanceof Error?e.message:`Failed to fetch tokens`;a(t),m({title:`Error`,description:t,variant:`destructive`})}finally{r(!1)}},[m]);(0,Q.useEffect)(()=>{g()},[g]);let _=async()=>{if(!(!o.trim()||c)){l(!0);try{let e=await X.post(Xa.tokens,{name:o});s(``),await g(),e&&e.token&&(d(e.token),setTimeout(()=>{if(h.current){h.current.focus();let e=document.createRange();e.selectNodeContents(h.current);let t=window.getSelection();t&&(t.removeAllRanges(),t.addRange(e))}},100)),m({title:`Success`,description:`Token generated successfully`,variant:`default`})}catch(e){let t=e instanceof Error?e.message:`Failed to generate token`;a(t),m({title:`Error`,description:t,variant:`destructive`})}finally{l(!1)}}},v=async e=>{if(confirm(`Are you sure you want to revoke this API token? This action cannot be undone.`))try{await X.delete(`${Xa.tokens}/${e}`),await g(),m({title:`Success`,description:`API token revoked successfully`})}catch(e){let t=e instanceof Error?e.message:`Failed to revoke API token`;m({title:`Error`,description:t,variant:`destructive`})}},y=async e=>{try{await navigator.clipboard.writeText(e),p(!0),m({title:`Success`,description:`Token copied to clipboard`}),setTimeout(()=>p(!1),2e3)}catch{m({title:`Error`,description:`Failed to copy token to clipboard`,variant:`destructive`})}};return(0,$.jsxs)(`div`,{className:`space-y-6`,children:[(0,$.jsx)(ph,{title:`API Tokens`,onBack:Jv(),description:`Create and manage API tokens for programmatic access`}),(0,$.jsxs)(`div`,{className:`space-y-4`,children:[(0,$.jsx)(`h2`,{className:`text-xl font-semibold`,children:`Generate New API Token`}),(0,$.jsxs)(`div`,{className:`flex gap-2`,children:[(0,$.jsx)(Y,{value:o,onChange:e=>s(e.target.value),placeholder:`Token Name (e.g., 'CLI Access', 'Automation')`,disabled:c,className:`flex-1`}),(0,$.jsxs)(Z,{type:`button`,disabled:c||!o.trim(),onClick:_,children:[(0,$.jsx)(Wi,{className:`mr-2 h-4 w-4`}),c?`Generating...`:`Generate`]})]}),u&&(0,$.jsxs)(`div`,{className:`p-4 border rounded-md bg-muted/50`,children:[(0,$.jsxs)(`div`,{className:`flex justify-between items-center mb-2`,children:[(0,$.jsx)(`h3`,{className:`font-semibold`,children:`Your New API Token`}),(0,$.jsx)(Z,{variant:`outline`,size:`sm`,onClick:()=>y(u),children:f?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(rr,{className:`mr-2 h-4 w-4`}),`Copied`]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Un,{className:`mr-2 h-4 w-4`}),`Copy`]})})]}),(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground mb-2`,children:`Make sure to copy your API token now. You won't be able to see it again!`}),(0,$.jsx)(`div`,{ref:h,tabIndex:0,className:`p-2 bg-background border rounded font-mono text-sm break-all outline-none focus:ring-2 focus:ring-ring`,children:u})]})]}),(0,$.jsxs)(`div`,{className:`space-y-4`,children:[(0,$.jsx)(`h2`,{className:`text-xl font-semibold`,children:`Your API Tokens`}),n&&(0,$.jsx)(`p`,{className:`text-center text-muted-foreground`,children:`Loading API tokens...`}),i&&(0,$.jsx)(`div`,{className:`text-center text-destructive`,children:(0,$.jsx)(`p`,{children:i})}),!n&&!i&&e.length===0&&(0,$.jsx)(`p`,{className:`text-center text-muted-foreground`,children:`No API tokens found`}),e.length>0&&(0,$.jsx)(`div`,{className:`border rounded-md`,children:(0,$.jsx)(`div`,{className:`overflow-x-auto`,children:(0,$.jsxs)(`table`,{className:`w-full`,children:[(0,$.jsx)(`thead`,{children:(0,$.jsxs)(`tr`,{className:`bg-muted/50`,children:[(0,$.jsx)(`th`,{className:`text-left p-3 font-medium`,children:`Name`}),(0,$.jsx)(`th`,{className:`text-left p-3 font-medium`,children:`Created`}),(0,$.jsx)(`th`,{className:`text-left p-3 font-medium`,children:`Last Used`}),(0,$.jsx)(`th`,{className:`text-left p-3 font-medium`,children:`Expires`}),(0,$.jsx)(`th`,{className:`text-right p-3 font-medium`,children:`Actions`})]})}),(0,$.jsx)(`tbody`,{children:e.map(e=>(0,$.jsxs)(`tr`,{className:`border-t`,children:[(0,$.jsx)(`td`,{className:`p-3 font-medium`,children:e.name}),(0,$.jsx)(`td`,{className:`p-3`,children:new Date(e.createdAt).toLocaleDateString()}),(0,$.jsx)(`td`,{className:`p-3`,children:e.lastUsedAt?new Date(e.lastUsedAt).toLocaleDateString():`Never`}),(0,$.jsx)(`td`,{className:`p-3`,children:e.expiresAt?new Date(e.expiresAt).toLocaleDateString():`Never`}),(0,$.jsx)(`td`,{className:`p-3 text-right`,children:(0,$.jsx)(Z,{variant:`outline`,size:`sm`,onClick:()=>v(e.id),className:`text-destructive hover:bg-destructive/10 hover:text-destructive`,children:(0,$.jsx)($r,{className:`h-4 w-4`})})})]},e.id))})]})})})]})]})}async function Xv(){return await X.get(Xa.devices)||[]}async function Zv(e,t){return await X.patch(`${Xa.devices}/${encodeURIComponent(e)}`,t)}async function Qv(e){await X.delete(`${Xa.devices}/${encodeURIComponent(e)}`)}async function $v(e){return await X.get(`${Xa.workspaces}/${e}/devices`)||[]}async function ey(e,t){let{deviceId:n,name:r,description:i,platform:a,arch:o,type:s}=t,c=await X.post(`${Xa.workspaces}/${e}/devices`,{devices:[{deviceId:n,name:r,description:i,platform:a,arch:o,type:s}]});return Array.isArray(c)?c:[c]}async function ty(e,t){await X.delete(`${Xa.workspaces}/${e}/devices/${encodeURIComponent(t)}`)}function ny({device:e,onUpdated:t,onRemoved:n}){let[r,i]=(0,Q.useState)(!1),[a,o]=(0,Q.useState)(e.name),[s,c]=(0,Q.useState)(e.description??``),[l,u]=(0,Q.useState)(!1),[d,f]=(0,Q.useState)(!1),[p,m]=(0,Q.useState)(!1),{showToast:h}=vo(),g=async()=>{m(!0);try{await Qv(e.deviceId),n(e.deviceId),h({title:`Revoked`,description:`${e.name} can no longer sign in; a running mirror stops on its next request.`})}catch(e){h({title:`Error`,description:e instanceof Error?e.message:`Failed to revoke device`,variant:`destructive`}),f(!1)}finally{m(!1)}},_=async()=>{let n=a.trim();if(n){if(n===e.name&&s.trim()===(e.description??``)){i(!1);return}u(!0);try{let r=await Zv(e.deviceId,{name:n,description:s.trim()||void 0});t({...e,...r}),i(!1),h({title:`Saved`,description:`Device updated`})}catch(e){h({title:`Error`,description:e instanceof Error?e.message:`Failed to update device`,variant:`destructive`})}finally{u(!1)}}},v=()=>{o(e.name),c(e.description??``),i(!1)},y=e=>e?new Date(e).toLocaleString(void 0,{dateStyle:`medium`,timeStyle:`short`}):`—`;return(0,$.jsx)(`div`,{className:`rounded-lg border p-4`,children:(0,$.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,$.jsxs)(`div`,{className:`flex items-start gap-3 min-w-0`,children:[(0,$.jsx)(pa,{className:`h-4 w-4 text-muted-foreground mt-0.5 shrink-0`}),(0,$.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[r?(0,$.jsxs)(`div`,{className:`space-y-2 mb-2`,children:[(0,$.jsx)(Y,{value:a,onChange:e=>o(e.target.value),className:`h-7 text-sm`,placeholder:`Device name`,autoFocus:!0,disabled:l,onKeyDown:e=>{e.key===`Enter`&&_(),e.key===`Escape`&&v()}}),(0,$.jsx)(Y,{value:s,onChange:e=>c(e.target.value),className:`h-7 text-xs`,placeholder:`Description (optional)`,disabled:l,onKeyDown:e=>{e.key===`Enter`&&_(),e.key===`Escape`&&v()}})]}):(0,$.jsxs)(`div`,{className:`mb-1`,children:[(0,$.jsx)(`span`,{className:`text-sm font-medium`,children:e.name}),e.description&&(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground mt-0.5`,children:e.description})]}),(0,$.jsxs)(`div`,{className:`flex flex-wrap gap-x-3 gap-y-0.5 text-[11px] font-mono text-muted-foreground`,children:[(0,$.jsx)(`span`,{title:`Device ID`,children:e.deviceId}),e.platform&&(0,$.jsx)(`span`,{children:e.platform}),e.arch&&(0,$.jsx)(`span`,{children:e.arch}),e.type&&(0,$.jsx)(`span`,{className:`capitalize`,children:e.type})]}),(0,$.jsxs)(`div`,{className:`mt-2 flex flex-wrap gap-x-4 text-[11px] text-muted-foreground`,children:[e.createdAt&&(0,$.jsxs)(`span`,{children:[`registered `,y(e.createdAt)]}),e.updatedAt&&e.updatedAt!==e.createdAt&&(0,$.jsxs)(`span`,{children:[`updated `,y(e.updatedAt)]}),e.lastSeen&&(0,$.jsxs)(`span`,{children:[`seen `,y(e.lastSeen)]})]})]})]}),(0,$.jsx)(`div`,{className:`flex shrink-0 items-center gap-2`,children:d?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Z,{type:`button`,variant:`destructive`,size:`sm`,onClick:g,disabled:p,children:p?`Revoking…`:`Confirm revoke`}),(0,$.jsx)(Z,{type:`button`,variant:`ghost`,size:`sm`,onClick:()=>f(!1),disabled:p,children:(0,$.jsx)(mr,{className:`h-3.5 w-3.5`})})]}):r?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Z,{type:`button`,variant:`outline`,size:`sm`,onClick:_,disabled:l||!a.trim(),children:(0,$.jsx)(rr,{className:`h-3.5 w-3.5`})}),(0,$.jsx)(Z,{type:`button`,variant:`ghost`,size:`sm`,onClick:v,disabled:l,children:(0,$.jsx)(mr,{className:`h-3.5 w-3.5`})})]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Z,{type:`button`,variant:`ghost`,size:`sm`,onClick:()=>i(!0),title:`Edit name / description`,children:(0,$.jsx)(gr,{className:`h-3.5 w-3.5`})}),(0,$.jsx)(Z,{type:`button`,variant:`ghost`,size:`sm`,onClick:()=>f(!0),title:`Revoke this device: its tokens stop working and its mirrors stop syncing`,children:(0,$.jsx)(Da,{className:`h-3.5 w-3.5`})})]})})]})})}function ry(){let[e,t]=(0,Q.useState)([]),[n,r]=(0,Q.useState)(!0),{showToast:i}=vo(),a=async()=>{r(!0);try{t(await Xv())}catch(e){i({title:`Error`,description:e instanceof Error?e.message:`Failed to load devices`,variant:`destructive`})}finally{r(!1)}};(0,Q.useEffect)(()=>{(async()=>{try{t(await Xv())}catch(e){i({title:`Error`,description:e instanceof Error?e.message:`Failed to load devices`,variant:`destructive`})}finally{r(!1)}})()},[i]);let o=e=>t(t=>t.map(t=>t.deviceId===e.deviceId?e:t)),s=e=>t(t=>t.filter(t=>t.deviceId!==e));return(0,$.jsx)(`div`,{className:`h-full min-h-0 overflow-y-auto`,children:(0,$.jsxs)(`div`,{className:`mx-auto max-w-3xl p-6 pb-12 space-y-6`,children:[(0,$.jsx)(ph,{compact:!0,title:`Devices`,onBack:Jv(),description:`All devices registered to your account. Link them to individual workspaces in Workspace › Settings › Devices.`,actions:(0,$.jsxs)(Z,{type:`button`,variant:`outline`,size:`sm`,onClick:a,disabled:n,children:[(0,$.jsx)(qn,{className:`mr-2 h-3.5 w-3.5 ${n?`animate-spin`:``}`}),`Refresh`]})}),n?(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-sm text-muted-foreground`,children:[(0,$.jsx)(qn,{className:`h-4 w-4 animate-spin`}),`Loading…`]}):e.length===0?(0,$.jsxs)(`div`,{className:`rounded-lg border p-6 text-center text-sm text-muted-foreground space-y-2`,children:[(0,$.jsx)(pa,{className:`h-8 w-8 mx-auto text-muted-foreground/40`}),(0,$.jsx)(`p`,{children:`No devices registered yet.`}),(0,$.jsxs)(`p`,{className:`text-xs`,children:[`Devices register themselves automatically on first connection via`,` `,(0,$.jsx)(`span`,{className:`font-mono`,children:`POST /auth/devices/register`}),`.`]})]}):(0,$.jsx)(`div`,{className:`space-y-2`,children:e.map(e=>(0,$.jsx)(ny,{device:e,onUpdated:o,onRemoved:s},e.deviceId))}),e.length>0&&(0,$.jsxs)(`div`,{className:`flex items-center gap-2 rounded-md border border-dashed p-3 text-xs text-muted-foreground`,children:[(0,$.jsx)(Ri,{className:`h-3.5 w-3.5 shrink-0`}),`To link a device to a workspace, go to Workspace › Settings › Devices.`]})]})})}var iy=[{id:`general`,label:`Workspace details`,description:`Rename, change appearance or remove this workspace`,icon:zi},{id:`backups`,label:`Backups`,description:`Save or restore documents, relations and tree placements`,icon:Zi},{id:`data`,label:`Files & storage`,description:`Connect folders and data sources, check disk usage or restore trash`,icon:Pr},{id:`db`,label:`Search & indexing`,description:`Rebuild indexes, tune search and choose embedding models`,icon:Aa},{id:`devices`,label:`Devices`,description:`Link devices to this workspace`,icon:pa},{id:`sync`,label:`Synchronization`,description:`Manage device copies and resolve sync conflicts`,icon:qn},{id:`services`,label:`Connected services`,description:`Configure Git, WebDAV, IMAP and other connectors`,icon:Fi},{id:`shares`,label:`Sharing & permissions`,description:`Create public links and manage workspace access`,icon:Ri},{id:`policies`,label:`Storage policies`,description:`Mirror folders of the virtual tree to physical backends`,icon:dr},{id:`hooks`,label:`Automation`,description:`Run hooks in response to workspace events`,icon:Wr}],ay={embedding:`db`,trash:`data`};function oy(e){return e?ay[e]?ay[e]:iy.some(t=>t.id===e)?e:`general`:`general`}var sy=[{id:`general`,label:`Context details`,description:`Change the name, description or color, or remove this context`,icon:zi},{id:`location`,label:`Tree & path`,description:`Choose the workspace, tree and path this context opens`,icon:Ri},{id:`shares`,label:`Sharing & permissions`,description:`Choose who can access this context`,icon:tr}];function cy(e){return e&&sy.some(t=>t.id===e)?e:`general`}var ly=[{id:`identity`,label:`Identity & instructions`,description:`Set the agent’s name, role and instructions`,icon:zi},{id:`provider`,label:`AI connection`,description:`Connect a chat model provider and manage its credentials`,icon:vr},{id:`models`,label:`Chat model`,description:`Choose the model and tune how it responds`,icon:mi},{id:`tools`,label:`Tools & skills`,description:`Choose the skills and MCP tools the agent can use`,icon:Nr},{id:`access`,label:`Access & permissions`,description:`Choose which Canvas content the agent can access`,icon:Hn},{id:`memory`,label:`Memory`,description:`Configure how the agent remembers information`,icon:ti},{id:`integrations`,label:`Integrations`,description:`Connect mail, chat, databases and external APIs`,icon:ai}];function uy(e){return e&&ly.some(t=>t.id===e)?e:`identity`}var dy=class{static async handleStreamingResponse(e,t={}){let{onChunk:n,onError:r,onComplete:i,signal:a}=t;try{if(!e.body)throw Error(`Response body is null - streaming not supported`);if(typeof e.body.getReader!=`function`){console.warn(`ReadableStream.getReader not available, falling back to text response`);let t=await e.text();n&&n(t),i&&i();return}let t=e.body.getReader(),r=new TextDecoder;try{for(;;){if(a?.aborted)throw t.cancel(),Error(`Stream aborted`);let{done:e,value:o}=await t.read();if(e){i&&i();break}let s=r.decode(o,{stream:!0});s&&n&&n(s)}}finally{t.releaseLock()}}catch(e){console.error(`Streaming error:`,e),r&&r(e instanceof Error?e:Error(String(e)))}}static processSSEChunk(e){let t=[],n=e.split(`
|
|
7
|
-
`),r={};for(let e of n){let n=e.trim();if(n.startsWith(`data: `))try{let e=JSON.parse(n.slice(6));r={...r,...e}}catch{console.warn(`Failed to parse SSE data:`,n)}else n===``&&(r.agentId&&r.messageId&&t.push(r),r={})}return t}},fy=class{baseUrl;constructor(e,t=`/rest/v2/agents/anthropic`){this.baseUrl=t}async chatStream(e,t){let{agentId:n,messageId:r,onMessage:i,onError:a,onComplete:o,signal:s}=t;try{let t=await fetch(`${this.baseUrl}/chat/stream`,{method:`POST`,headers:{"Content-Type":`application/json`,Accept:`text/plain, text/event-stream`,"Cache-Control":`no-cache`},body:JSON.stringify({message:e,agentId:n,messageId:r}),signal:s});if(!t.ok)throw Error(`HTTP ${t.status}: ${t.statusText}`);await dy.handleStreamingResponse(t,{onChunk:e=>{try{dy.processSSEChunk(e).forEach(e=>{i&&i(e)})}catch(e){console.warn(`Failed to process streaming chunk:`,e)}},onError:e=>{let t=Error(`Chat stream failed: AnthropicConnector chatStream failed: ${e.message}`);console.error(`Chat stream error:`,{agentId:n,messageId:r,error:t.message}),a&&a(t)},onComplete:o,signal:s})}catch(e){let t=Error(`Chat stream failed: AnthropicConnector chatStream failed: ${e instanceof Error?e.message:String(e)}`);console.error(`Chat stream error:`,{agentId:n,messageId:r,error:t.message}),a&&a(t)}}},py=class{wsUrl;socket=null;messageHandlers=new Map;constructor(e){this.wsUrl=e}connect(){return new Promise((e,t)=>{try{this.socket=new WebSocket(this.wsUrl),this.socket.onopen=()=>{console.log(`WebSocket connected for streaming`),e()},this.socket.onerror=e=>{console.error(`WebSocket error:`,e),t(Error(`WebSocket connection failed`))},this.socket.onmessage=e=>{try{let t=JSON.parse(e.data),n=`${t.agentId}-${t.messageId}`,r=this.messageHandlers.get(n);r&&r(t)}catch(e){console.error(`Failed to parse WebSocket message:`,e)}},this.socket.onclose=()=>{console.log(`WebSocket disconnected`),this.socket=null}}catch(e){t(e)}})}startChatStream(e,t,n,r,i){if(!this.socket||this.socket.readyState!==WebSocket.OPEN){i&&i(Error(`WebSocket not connected`));return}let a=`${e}-${t}`;this.messageHandlers.set(a,r);try{this.socket.send(JSON.stringify({type:`chat_stream`,agentId:e,messageId:t,message:n}))}catch(e){i&&i(e instanceof Error?e:Error(String(e)))}}stopChatStream(e,t){let n=`${e}-${t}`;this.messageHandlers.delete(n)}disconnect(){this.socket&&=(this.socket.close(),null),this.messageHandlers.clear()}};function my(e){if(!e)return``;if(typeof e.errorMessage==`string`&&e.errorMessage.trim())return e.errorMessage.trim();let t=e.content;return typeof t==`string`?t:Array.isArray(t)&&t.filter(e=>e?.type===`text`&&typeof e.text==`string`).map(e=>e.text).join(`
|
|
8
|
-
`)||``}function hy(e){return e?typeof e?.metadata?.reasoning==`string`&&e.metadata.reasoning.trim()?e.metadata.reasoning.trim():Array.isArray(e.content)?e.content.filter(e=>e?.type===`thinking`||e?.type===`reasoning`).map(e=>typeof e?.thinking==`string`?e.thinking:typeof e?.reasoning==`string`?e.reasoning:typeof e?.text==`string`?e.text:``).filter(Boolean).join(`
|
|
9
|
-
`).trim():``:``}function gy(e){if(!e)return;let t=hy(e),n={...e.api?{api:e.api}:{},...e.provider?{provider:e.provider}:{},...e.model?{model:e.model}:{},...e.stopReason?{stopReason:e.stopReason}:{},...e.timestamp===void 0?{}:{timestamp:e.timestamp},...e.responseId?{responseId:e.responseId}:{},...e.usage?{usage:e.usage}:{},...e.metadata?.toolCalls?{toolCalls:e.metadata.toolCalls}:{},...t?{reasoning:t}:{}};return Object.keys(n).length>0?n:void 0}function _y(e){if(typeof e==`number`)return new Date(e).toISOString();if(typeof e==`string`){let t=new Date(e);if(!Number.isNaN(t.getTime()))return t.toISOString()}return new Date().toISOString()}function vy(e=[]){return e.filter(e=>e?.role===`user`||e?.role===`assistant`).map(e=>({role:e.role,content:my(e),timestamp:_y(e.timestamp),...e.role===`assistant`?{metadata:gy(e)}:{}})).filter(e=>e.content||e.metadata?.reasoning)}function yy(e){return{mode:e?.mode,sessionId:e?.sessionId,sessionFile:e?.sessionFile,thinkingLevel:e?.thinkingLevel,model:e?.model,messages:vy(e?.messages||[])}}function by(e){return{current:yy(e?.current),sessions:e?.sessions}}new class{connectors=new Map;wsService=null;messageCallbacks=new Map;constructor(){this.initializeWebSocketFallback()}async initializeWebSocketFallback(){try{let e=`${window.location.protocol===`https:`?`wss:`:`ws:`}//${window.location.host}/ws`;this.wsService=new py(e)}catch(e){console.warn(`WebSocket fallback not available:`,e)}}registerAgent(e){if(e.type===`anthropic`){let t=new fy(e.apiKey||``,e.endpoint||`${po}/agents/${e.id}`);this.connectors.set(e.id,t)}}async sendMessage(e,t,n={}){let{onMessage:r,onError:i,onComplete:a,useWebSocketFallback:o=!1}=n,s=`msg_${Date.now()}_${Math.random().toString(36).substr(2,9)}`;r&&this.messageCallbacks.set(s,r);try{if(o&&this.wsService){await this.sendMessageViaWebSocket(e,s,t,r,i),a&&a();return}let n=this.connectors.get(e);n?await n.chatStream(t,{agentId:e,messageId:s,onMessage:e=>{let t={id:e.messageId,agentId:e.agentId,content:e.content||``,timestamp:new Date,type:`agent`,streaming:!e.done,error:e.error};r&&r(t)},onError:n=>{if(console.error(`Agent connector error:`,n),n.message.includes(`getReader is not a function`)&&this.wsService){console.log(`Falling back to WebSocket streaming...`),this.sendMessageViaWebSocket(e,s,t,r,i);return}i&&i(n)},onComplete:a}):await this.sendMessageViaAPI(e,s,t,r,i,a)}catch(e){console.error(`Agent communication error:`,e),i&&i(e instanceof Error?e:Error(String(e)))}finally{this.messageCallbacks.delete(s)}}async sendMessageViaAPI(e,t,n,r,i,a){try{await X.stream(`${po}/agents/${e}/chat/stream`,{message:n,messageId:t},{onChunk:n=>{try{let i=JSON.parse(n),a={id:t,agentId:e,content:i.content||n,timestamp:new Date,type:`agent`,streaming:!i.done,error:i.error};r&&r(a)}catch{r&&r({id:t,agentId:e,content:n,timestamp:new Date,type:`agent`,streaming:!0})}},onError:e=>{console.error(`API streaming error:`,e),i&&i(e)},onComplete:a})}catch(e){i&&i(e instanceof Error?e:Error(String(e)))}}async sendMessageViaWebSocket(e,t,n,r,i){if(!this.wsService){i&&i(Error(`WebSocket service not available`));return}try{this.wsService.socket?.readyState!==WebSocket.OPEN&&await this.wsService.connect(),this.wsService.startChatStream(e,t,n,e=>{let t={id:e.messageId,agentId:e.agentId,content:e.content||``,timestamp:new Date,type:`agent`,streaming:!e.done,error:e.error};r&&r(t)},i)}catch(e){i&&i(e instanceof Error?e:Error(String(e)))}}async getAvailableAgents(){try{return(await X.get(`${po}/agents`)).agents||[]}catch(e){return console.error(`Failed to fetch available agents:`,e),[]}}async createAgent(e){let t=await X.post(`${po}/agents`,e);return this.registerAgent(t),t}dispose(){this.connectors.clear(),this.messageCallbacks.clear(),this.wsService&&this.wsService.disconnect()}};async function xy(e){return await X.get(`${po}/agents/${e}/access`)||null}async function Sy(e,t){return await X.put(`${po}/agents/${e}/access`,t)}async function Cy(e){return await X.post(`${po}/agents/${e}/access/token`)}async function wy(e){await X.delete(`${po}/agents/${e}/access`)}async function Ty(e){return await X.get(`${po}/agents/${e}/tools`)||{tools:[],config:{}}}async function Ey(){try{return await X.get(`${po}/agents`)||[]}catch(e){return console.error(`Failed to list agents:`,e),[]}}async function Dy(e){return await X.get(`${po}/agents/${e}`)}async function Oy(e){return yy(await X.get(`${po}/agents/${e}/session`))}async function ky(e){return await X.get(`${po}/agents/${e}/sessions`)}async function Ay(e,t){return by(await X.post(`${po}/agents/${e}/sessions`,t))}async function jy(e,t){return by(await X.put(`${po}/agents/${e}/session`,t))}async function My(e,t,n){return by(await X.patch(`${po}/agents/${e}/sessions/${t}`,n))}async function Ny(e,t){return by(await X.delete(`${po}/agents/${e}/sessions/${t}`))}async function Py(e){return await X.get(`${po}/agents/${e}/skills`)||[]}async function Fy(e,t){return await X.post(`${po}/agents/${e}/skills`,t)||[]}async function Iy(e,t){return await X.delete(`${po}/agents/${e}/skills/${encodeURIComponent(t)}`)||[]}async function Ly(e){return await X.post(`${po}/agents`,e)}async function Ry(e,t){return await X.put(`${po}/agents/${e}`,t)}async function zy(e){await X.delete(`${po}/agents/${e}`)}async function By(e){return await X.post(`${po}/agents/${e}/start`)}async function Vy(e){return await X.post(`${po}/agents/${e}/stop`)}async function Hy(e){return await X.get(`${po}/agents/${e}/status`)}async function Uy(e,t,n={}){let{onStart:r,onMessage:i,onError:a,onComplete:o,context:s,mcpContext:c,maxTokens:l,temperature:u,images:d}=n,f=``;await X.stream(`${po}/agents/${e}/prompt/stream`,{message:t,images:d,context:s,mcpContext:c,maxTokens:l,temperature:u},{onOpen:()=>{r?.()},onChunk:e=>{f+=e;let t=f.split(`
|
|
10
|
-
|
|
11
|
-
`);f=t.pop()||``;for(let e of t){let t=e.split(`
|
|
12
|
-
`).map(e=>e.trim()).filter(Boolean);for(let e of t){if(!e.startsWith(`data: `))continue;let t=e.slice(6).trim();if(t!==`[DONE]`)try{let e=JSON.parse(t);if(!i)continue;if(e.type===`chunk`)i(e.delta||``,!1,e.metadata||{});else if(e.type===`thinking`)i(``,!1,{...e.metadata||{},reasoningDelta:e.delta||``});else if(e.type===`complete`){let t=Array.isArray(e.messages)?[...e.messages].reverse().find(e=>e?.role===`assistant`):null;i(``,!0,{...e.metadata||{},...gy(t)||{}})}else e.type===`error`&&a&&a(Error(e.error||`Prompt stream failed`))}catch{}}}},onError:a,onComplete:o})}async function Wy(e,t){let{message:n,onMessage:r,onError:i,onComplete:a,context:o,mcpContext:s,maxTokens:c,temperature:l,images:u}=t;try{let t=await X.post(`${po}/agents/${e}/prompt`,{message:n,images:u,context:o,mcpContext:s,maxTokens:c,temperature:l}),i=Array.isArray(t.messages)?[...t.messages].reverse().find(e=>e?.role===`assistant`):null,d={content:my(i),metadata:gy(i)};return r&&r(d.content,!0,d.metadata),a&&a(),d}catch(e){throw i&&i(e),e}}function Gy(e){return e.map(e=>({...e,timestamp:typeof e.timestamp==`string`?e.timestamp:new Date().toISOString()}))}async function Ky(){return await X.get(`${po}/voice/status`)}async function qy(e,t,n={}){let r=new FormData,i=(t.type.split(`/`)[1]||`webm`).split(`;`)[0];r.append(`file`,t,`voice.${i}`);let a=new URLSearchParams;n.tts===!1&&a.set(`tts`,`false`),n.voice&&a.set(`voice`,n.voice);let o=a.toString()?`?${a.toString()}`:``;return await X.post(`${po}/agents/${e}/voice${o}`,r)}var Jy=[{id:`workspace`,label:`Workspace`,path:`workspaces`,description:`Files, search, devices and sharing for one workspace. These settings override account defaults.`,sections:iy,load:async()=>(await ss()).map(e=>({id:e.name,label:e.label||e.name}))},{id:`context`,label:`Context`,path:`contexts`,description:`Choose the tree and path a context opens, and who can access that view. File storage belongs to its workspace.`,sections:sy,load:async()=>(await cl()).map(e=>({id:e.id,label:e.name||e.id}))},{id:`agent`,label:`Agent`,path:`agents`,description:`Configure one assistant: its instructions, chat model, tools and access to Canvas.`,sections:ly,load:async()=>(await Ey()).map(e=>({id:e.id,label:e.label||e.name}))}];function Yy({to:e,label:t,description:n,icon:r}){return(0,$.jsxs)(We,{to:e,className:`group flex items-start gap-3 rounded-lg border bg-card p-4 transition-colors hover:border-primary/50 hover:bg-accent/30 focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary`,children:[(0,$.jsx)(r,{className:`mt-0.5 h-5 w-5 shrink-0 text-muted-foreground`}),(0,$.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,$.jsx)(`span`,{className:`block text-sm font-semibold`,children:t}),(0,$.jsx)(`span`,{className:`mt-1 block text-sm leading-relaxed text-muted-foreground`,children:n})]}),(0,$.jsx)(gi,{className:`mt-0.5 h-4 w-4 shrink-0 text-muted-foreground group-hover:text-primary`})]})}function Xy({group:e,query:t}){let[n,r]=(0,Q.useState)([]),[i,a]=(0,Q.useState)(``),[o,s]=(0,Q.useState)(`loading`),[c,l]=(0,Q.useState)(0);(0,Q.useEffect)(()=>{let t=!1;return e.load().then(e=>{t||(r(e),s(`ready`))}).catch(()=>{t||s(`error`)}),()=>{t=!0}},[e,c]);let u=e.sections.filter(n=>jh(t,e.label,n.label,n.description));return u.length?(0,$.jsxs)(`section`,{id:e.id,className:`scroll-mt-6 space-y-3`,children:[(0,$.jsx)(`h2`,{className:`text-lg font-semibold`,children:e.label}),(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:e.description}),(0,$.jsxs)(`label`,{className:`block max-w-md text-sm font-medium`,children:[`Choose a `,e.label.toLowerCase(),(0,$.jsxs)(`select`,{className:`mt-2 h-10 w-full rounded-md border bg-background px-3 text-sm`,value:i,disabled:o!==`ready`||!n.length,onChange:e=>a(e.target.value),children:[(0,$.jsx)(`option`,{value:``,children:o===`loading`?`Loading…`:o===`error`?`Unable to load list`:n.length?`Select ${e.label.toLowerCase()}…`:`No ${e.path} available`}),n.map(e=>(0,$.jsx)(`option`,{value:e.id,children:e.label},e.id))]})]}),o===`error`&&(0,$.jsxs)(`p`,{role:`status`,className:`text-sm text-muted-foreground`,children:[`The list could not be loaded. `,(0,$.jsx)(`button`,{type:`button`,className:`underline`,onClick:()=>{s(`loading`),l(e=>e+1)},children:`Retry`})]}),(0,$.jsxs)(`details`,{open:!!(i||t.trim()),children:[(0,$.jsx)(`summary`,{className:`cursor-pointer py-2 text-sm text-muted-foreground`,children:i?`Settings for ${n.find(e=>e.id===i)?.label||i}`:`What you can configure (${u.length})`}),(0,$.jsx)(`div`,{className:`grid grid-cols-[repeat(auto-fit,minmax(min(100%,16rem),1fr))] gap-3`,children:u.map(t=>i?(0,$.jsx)(Yy,{to:`/${e.path}/${encodeURIComponent(i)}/settings/${t.id}`,...t},t.id):(0,$.jsxs)(`div`,{className:`rounded-lg border border-dashed p-4`,children:[(0,$.jsx)(`p`,{className:`text-sm font-medium`,children:t.label}),(0,$.jsx)(`p`,{className:`mt-1 text-sm text-muted-foreground`,children:t.description})]},t.id))})]})]}):null}function Zy(){let{state:e}=eg(),[t,n]=(0,Q.useState)(``),r=kh.filter(t=>t.id!==`server`||e.user?.userType===`admin`).map(e=>({...e,items:e.items.filter(n=>jh(t,e.label,n.label,n.description))})).filter(e=>e.items.length),i=Jy.some(e=>e.sections.some(n=>jh(t,e.label,n.label,n.description)));return(0,$.jsxs)(`div`,{className:`mx-auto max-w-6xl space-y-8 pb-8 max-md:pb-rail-stack`,children:[(0,$.jsx)(ph,{title:`Settings`,description:`Start with what you want to change. Each section explains where your changes apply.`}),(0,$.jsx)(Y,{type:`search`,className:`max-w-xl`,"aria-label":`Search all settings`,placeholder:`Find a setting: offline, folders, models, sharing…`,value:t,onChange:e=>n(e.target.value)}),r.filter(e=>e.id===`device`||e.id===`account`).map(e=>(0,$.jsxs)(`section`,{className:`space-y-3`,children:[(0,$.jsx)(`h2`,{className:`text-lg font-semibold`,children:e.label}),(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:e.description}),(0,$.jsx)(`div`,{className:`grid grid-cols-[repeat(auto-fit,minmax(min(100%,16rem),1fr))] gap-3`,children:e.items.map(e=>(0,$.jsx)(Yy,{to:e.path,...e},e.path))})]},e.id)),Jy.map(e=>(0,$.jsx)(Xy,{group:e,query:t},e.id)),r.filter(e=>e.id===`server`||e.id===`information`).map(e=>(0,$.jsxs)(`section`,{className:`space-y-3`,children:[(0,$.jsx)(`h2`,{className:`text-lg font-semibold`,children:e.label}),(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:e.description}),(0,$.jsx)(`div`,{className:`grid grid-cols-[repeat(auto-fit,minmax(min(100%,16rem),1fr))] gap-3`,children:e.items.map(e=>(0,$.jsx)(Yy,{to:e.path,...e},e.path))})]},e.id)),!r.length&&!i&&(0,$.jsxs)(`p`,{role:`status`,className:`text-sm text-muted-foreground`,children:[`No settings match “`,t,`”. Try a shorter phrase or clear the search.`]})]})}var Qy=[{id:`canvas_1`,title:`Canvas Deep`,scheme:`dark`,background:`#032940`,accent:`#f2f2f2`,sources:[{type:`image/svg+xml`,src:`files/canvas_1.svg`},{type:`image/avif`,src:`files/canvas_1.avif`},{type:`image/webp`,src:`files/canvas_1.webp`}],thumb:`thumbs/canvas_1.webp`,author:`Canvas`,license:`LicenseRef-Canvas-Brand`},{id:`canvas_3`,title:`Canvas Mono Dark`,scheme:`dark`,background:`#000000`,accent:`#ffffff`,sources:[{type:`image/svg+xml`,src:`files/canvas_3.svg`},{type:`image/avif`,src:`files/canvas_3.avif`},{type:`image/webp`,src:`files/canvas_3.webp`}],thumb:`thumbs/canvas_3.webp`,author:`Canvas`,license:`LicenseRef-Canvas-Brand`},{id:`w1`,title:`Frost`,scheme:`dark`,background:`#164a6f`,accent:`#9ad9f0`,sources:[{type:`image/avif`,src:`files/w1.avif`},{type:`image/webp`,src:`files/w1.webp`},{type:`image/jpeg`,src:`files/w1.jpg`}],thumb:`thumbs/w1.webp`,author:`Peter Cui Bide`,source:`https://petercui.deviantart.com`,license:`LicenseRef-Attribution-Only`}],$y=`/wallpapers`;function eb(e){return Qy.find(t=>t.id===e)}function tb(e,t={}){let n=typeof e==`string`?eb(e):e;if(!n)return null;let{base:r=$y,types:i}=t,a=(i?n.sources.find(e=>i.includes(e.type)):n.sources[0])??n.sources[n.sources.length-1];return`${r.replace(/\/$/,``)}/${a.src}`}function nb(e,t=$y){let n=typeof e==`string`?eb(e):e;return n?`${t.replace(/\/$/,``)}/${n.thumb}`:null}var rb=[{id:`cover`,label:`Scale and Crop`,description:`Fills the screen, cropping edges as needed`},{id:`fill`,label:`Fill`,description:`Stretches to the exact screen size`},{id:`center`,label:`Centered`,description:`Original size, centered on the desk`}],ib=`canvas:wallpaper`,ab=`canvas-wallpaper`,ob=`settings`,sb=`builtin:`,cb=Qy;function lb(e){return nb(e)??``}function ub(e){return`${sb}${e}`}function db(e){return e?.startsWith(sb)?e.slice(8):null}function fb(e){if(!e||typeof e!=`object`)return null;let t=e;return typeof t.image!=`string`&&t.image!==null?null:{image:t.image,fit:t.fit===`fill`||t.fit===`center`?t.fit:`cover`}}function pb(){try{let e=localStorage.getItem(ib);if(e){let t=fb(JSON.parse(e));if(t)return t}}catch{}return{image:null,fit:`cover`}}var mb=pb(),hb=null;function gb(){return mb}async function _b(e){let t=await new Promise((e,t)=>{let n=indexedDB.open(ab,1),r=!1;n.onupgradeneeded=()=>n.result.createObjectStore(ob),n.onsuccess=()=>{if(r){n.result.close();return}n.result.onversionchange=()=>n.result.close(),e(n.result)},n.onerror=()=>t(n.error),n.onblocked=()=>{r=!0,t(Error(`Close other Canvas tabs and try again.`))}});try{return await new Promise((n,r)=>{let i=t.transaction(ob,e?`readwrite`:`readonly`),a=i.objectStore(ob),o=e?a.put(e,ib):a.get(ib);i.oncomplete=()=>n(o.result),i.onerror=()=>r(i.error),i.onabort=()=>r(i.error)})}finally{t.close()}}function vb(){try{localStorage.removeItem(ib)}catch{}}function yb(){return hb||=(async()=>{try{let e=fb(await _b());e?mb=e:await _b(mb),vb()}catch{}return Db(mb),mb})(),hb.then(()=>mb)}async function bb(e){await yb(),await _b(e),mb=e,vb(),Db(e)}function xb(e){if(e.size>10485760)return Promise.reject(Error(`Image too large. Choose one up to 10 MB.`));let t=e.type||(/\.gif$/i.test(e.name)?`image/gif`:``);return t.startsWith(`image/`)?new Promise((n,r)=>{let i=new FileReader;i.onload=()=>n(String(i.result)),i.onerror=()=>r(Error(`Could not read the image. Try selecting it again.`)),i.onabort=()=>r(Error(`Reading the image was cancelled.`)),i.readAsDataURL(e.type?e:e.slice(0,e.size,t))}):Promise.reject(Error(`Pick an image file (animated GIFs are supported).`))}var Sb=typeof CSS<`u`&&CSS.supports(`background-image`,`image-set(url("a.avif") type("image/avif"))`);function Cb(e){if(!e)return null;let t=db(e);if(t===null)return`url("${e}")`;let n=eb(t);if(!n)return null;let r=`url("${tb(n,{types:[n.sources[n.sources.length-1].type]})}")`;return!Sb||n.sources.length===1?r:`image-set(${n.sources.map(e=>`url("${tb(n,{types:[e.type]})}") type("${e.type}")`).join(`, `)})`}function wb(e){return e===`fill`?`100% 100%`:e===`center`?`auto`:`cover`}var Tb=null;function Eb(e){let t=e.indexOf(`,`);if(t<0)throw Error(`Invalid wallpaper data URL`);let n=e.slice(5,t),r=e.slice(t+1),i;if(n.endsWith(`;base64`)){let e=atob(r);i=new Uint8Array(e.length);for(let t=0;t<e.length;t++)i[t]=e.charCodeAt(t)}else i=new TextEncoder().encode(decodeURIComponent(r));return new Blob([i],{type:n.split(`;`)[0]})}function Db(e=gb()){let t=document.documentElement.style,n=Tb,r=e.image;if(r?.startsWith(`data:`))try{Tb?.dataUrl!==r&&(Tb={dataUrl:r,objectUrl:URL.createObjectURL(Eb(r))}),r=Tb.objectUrl}catch{Tb=null,r=null}else Tb=null;let i=Cb(r);i?(t.setProperty(`--wallpaper-image`,i),t.setProperty(`--wallpaper-size`,wb(e.fit))):(t.removeProperty(`--wallpaper-image`),t.removeProperty(`--wallpaper-size`)),n&&n!==Tb&&URL.revokeObjectURL(n.objectUrl)}var Ob=[{id:`cards`,name:`Cards`,description:`Nested cards with connector lines. Each level indents.`},{id:`accordion-mobile`,name:`Accordion on phones (beta)`,description:`Experimental. Full-width accordion rows on a phone, cards on wider screens.`},{id:`accordion`,name:`Accordion (beta)`,description:`Experimental. Full-width rows at every depth; a depth rail, tint and colour swatch replace the indent, and open parents stick to the top while you scroll.`}],kb=`canvas:treeStyle`;function Ab(){try{let e=localStorage.getItem(kb);return e===`accordion`||e===`accordion-mobile`?e:`cards`}catch{return`cards`}}var jb=Ab(),Mb=new Set;function Nb(){return jb}function Pb(e){try{e===`cards`?localStorage.removeItem(kb):localStorage.setItem(kb,e)}catch{}jb=e;for(let e of Mb)e()}function Fb(e){Mb.add(e);let t=t=>{(t.key===kb||t.key===null)&&(jb=Ab(),e())};return window.addEventListener(`storage`,t),()=>{Mb.delete(e),window.removeEventListener(`storage`,t)}}function Ib(){return(0,Q.useSyncExternalStore)(Fb,Nb,()=>`cards`)}function Lb(){let e=Ib(),t=ae();return e===`accordion`||e===`accordion-mobile`&&t}var Rb=[{id:`canvas`,name:`Canvas`,description:`Black and white with a teal accent. Sheets of paper on a grey desk.`,swatches:[`oklch(1 0 0)`,`oklch(0 0 0)`,`oklch(0.704 0.135 183)`]},{id:`nord`,name:`Nord`,description:`Cool arctic blues, lower contrast, softer corners.`,swatches:[`oklch(0.976 0.006 251)`,`oklch(0.588 0.056 244)`,`oklch(0.686 0.062 213)`]},{id:`contrast`,name:`High Contrast`,description:`WCAG AAA text contrast, square corners, hard borders, no shadows.`,swatches:[`oklch(1 0 0)`,`oklch(0 0 0)`,`oklch(0.32 0.16 258)`]},{id:`frost`,name:`Frosted Glass`,description:`Translucent, blurred surfaces over a soft backdrop. Best with a wallpaper.`,swatches:[`oklch(0.92 0.008 250)`,`oklch(0.31 0.025 255)`,`oklch(0.55 0.05 250)`]},{id:`terminal`,name:`Terminal`,description:`Monospaced and dense. Tighter rows and chrome for large displays.`,swatches:[`oklch(0.17 0.006 152)`,`oklch(0.8 0.19 148)`,`oklch(0.75 0.12 220)`]},{id:`halflife`,name:`Half-Life`,description:`Lambda orange on black steel. Square corners; the left rail is orange.`,swatches:[`oklch(0.724 0.181 52)`,`oklch(0 0 0)`,`oklch(1 0 0)`]}],zb=Rb.map(e=>e.id),Bb=[{id:`system`,name:`System`},{id:`light`,name:`Light`},{id:`dark`,name:`Dark`}],Vb=[{id:`auto`,name:`Auto`,description:`Match the pointer: touch on phones, mouse on desktop`},{id:`compact`,name:`Compact`,description:`Maximum rows per screen`},{id:`comfortable`,name:`Comfortable`,description:`Balanced for mouse use`},{id:`touch`,name:`Touch`,description:`Large targets for finger input`}],Hb={theme:`canvas`,scheme:`light`,density:`auto`},Ub=`canvas.ui.theme`;function Wb(e){return typeof e==`string`&&zb.includes(e)}function Gb(e){return e===`light`||e===`dark`||e===`system`}function Kb(e){return e===`auto`||e===`compact`||e===`comfortable`||e===`touch`}function qb(e){let t=typeof e==`object`&&e?e:{};return{theme:Wb(t.theme)?t.theme:Hb.theme,scheme:Gb(t.scheme)?t.scheme:Hb.scheme,density:Kb(t.density)?t.density:Hb.density}}var Jb=`(prefers-color-scheme: dark)`;function Yb(){return typeof document<`u`}function Xb(){return typeof window>`u`||typeof window.matchMedia!=`function`?!1:window.matchMedia(Jb).matches}function Zb(e){return e===`system`?Xb()?`dark`:`light`:e}function Qb(e){if(typeof window>`u`||typeof window.matchMedia!=`function`)return()=>{};let t=window.matchMedia(Jb),n=t=>e(t.matches?`dark`:`light`);return t.addEventListener(`change`,n),()=>t.removeEventListener(`change`,n)}function $b(e){return Qb(e)}function ex(){return Xb()?`dark`:`light`}function tx(){return`light`}function nx(e){let t=getComputedStyle(e).getPropertyValue(`--background`).trim();if(!t)return;let n=document.querySelector(`meta[name="theme-color"]`);n||(n=document.createElement(`meta`),n.name=`theme-color`,document.head.appendChild(n)),n.content=t}function rx(e,t=Yb()?document.documentElement:void 0){let n=Zb(e.scheme);return t?(t.dataset.theme=e.theme,t.dataset.scheme=n,t.dataset.density=e.density,nx(t),n):n}function ix(e,t=Yb()?document.documentElement:void 0){if(!t||typeof window>`u`)return rx(e,t);let n=document.createElement(`style`);n.appendChild(document.createTextNode(`*,*::before,*::after{transition:none!important;animation:none!important}`)),document.head.appendChild(n);let r=rx(e,t);return window.getComputedStyle(n).opacity,document.head.removeChild(n),r}function ax(e){let t=e??cx();if(!t)return Hb;try{let e=t.getItem(Ub);return e?qb(JSON.parse(e)):Hb}catch{return Hb}}function ox(e,t){let n=t??cx();if(n)try{n.setItem(Ub,JSON.stringify(e))}catch{}}function sx(e){let t=e??cx();if(t)try{t.removeItem(Ub)}catch{}}function cx(){try{return typeof localStorage<`u`?localStorage:void 0}catch{return}}function lx({children:e,initial:t,storage:n,persist:r=!0}){let[i,a]=(0,Q.useState)(()=>({...ax(n),...t})),o=(0,Q.useSyncExternalStore)($b,ex,tx),s=i.scheme===`system`?o:i.scheme;(0,Q.useEffect)(()=>{ix({...i,scheme:s})},[i,s]),(0,Q.useEffect)(()=>{r&&ox(i,n)},[i,r,n]);let c=(0,Q.useCallback)(e=>{a(t=>t.theme===e?t:{...t,theme:e})},[]),l=(0,Q.useCallback)(e=>{a(t=>t.scheme===e?t:{...t,scheme:e})},[]),u=(0,Q.useCallback)(e=>{a(t=>t.density===e?t:{...t,density:e})},[]),d=(0,Q.useCallback)(()=>{a(e=>({...e,scheme:(e.scheme===`system`?ex():e.scheme)===`dark`?`light`:`dark`}))},[]),f=(0,Q.useCallback)(()=>{sx(n),a(Hb)},[n]),p=(0,Q.useMemo)(()=>({...i,resolvedScheme:s,setTheme:c,setScheme:l,setDensity:u,toggleScheme:d,reset:f}),[i,s,c,l,u,d,f]);return(0,$.jsx)(Al.Provider,{value:p,children:e})}var ux={system:pa,light:Ti,dark:pr};function dx(){let{theme:e,scheme:t,density:n,resolvedScheme:r,setTheme:i,setScheme:a,setDensity:o,reset:s}=jl(),c=w(),l=k(),u=Vh(),d=Me(),f=Ib(),p=Xh();return(0,$.jsxs)(`div`,{className:`space-y-8`,children:[(0,$.jsxs)(`section`,{children:[(0,$.jsx)(hx,{title:`Theme`,description:`Palette, shape and typography. Each theme defines its own light and dark variants.`}),(0,$.jsx)(`div`,{className:`grid gap-3 sm:grid-cols-2 lg:grid-cols-3`,children:Rb.map(t=>{let n=t.id===e;return(0,$.jsxs)(`button`,{type:`button`,onClick:()=>i(t.id),"aria-pressed":n,className:J(`focus-ring group flex flex-col gap-3 rounded-lg border p-4 text-left transition-colors`,n?`border-primary bg-accent`:`border-border hover:border-muted-foreground/40 hover:bg-accent/50`),children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,$.jsx)(`span`,{className:`text-sm font-medium`,children:t.name}),n&&(0,$.jsx)(rr,{className:`size-4 shrink-0 text-primary`})]}),(0,$.jsx)(`div`,{className:`flex gap-1.5`,"aria-hidden":!0,children:t.swatches.map(e=>(0,$.jsx)(`span`,{className:`size-6 rounded-full border border-border`,style:{backgroundColor:e}},e))}),(0,$.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:t.description})]},t.id)})})]}),(0,$.jsxs)(`section`,{children:[(0,$.jsx)(hx,{title:`Colour scheme`,description:t===`system`?`Following your system setting, currently ${r}.`:`Overrides your system setting.`}),(0,$.jsx)(gx,{options:Bb.map(e=>{let t=ux[e.id];return{id:e.id,label:e.name,icon:(0,$.jsx)(t,{className:`size-4 shrink-0`})}}),value:t,onChange:a})]}),(0,$.jsxs)(`section`,{children:[(0,$.jsx)(hx,{title:`Density`,description:`Controls row height, hit-target size and shell spacing across the whole app.`}),(0,$.jsx)(gx,{options:Vb.map(e=>({id:e.id,label:e.name,title:e.description})),value:n,onChange:o}),(0,$.jsx)(`p`,{className:`mt-2 text-xs text-muted-foreground`,children:Vb.find(e=>e.id===n)?.description})]}),(0,$.jsxs)(`section`,{children:[(0,$.jsx)(hx,{title:`Layout`,description:`How menus and content share the screen. Device-local, like the wallpaper.`}),(0,$.jsx)(gx,{options:Mh.map(e=>({id:e.id,label:e.name,title:e.description})),value:u,onChange:zh}),(0,$.jsx)(`p`,{className:`mt-2 text-xs text-muted-foreground`,children:Mh.find(e=>e.id===u)?.description}),u===`strip`&&(0,$.jsxs)(`div`,{className:`mt-4`,children:[(0,$.jsx)(`p`,{className:`mb-2 text-sm font-medium`,children:`Navigation keys`}),(0,$.jsx)(gx,{options:Hh.map(e=>({id:e.id,label:e.name,title:e.description})),value:p,onChange:Jh}),(0,$.jsxs)(`p`,{className:`mt-2 text-xs text-muted-foreground`,children:[Hh.find(e=>e.id===p)?.description,` `,`Left and right walk the columns, up and down switch pin rows.`]})]})]}),(0,$.jsxs)(`section`,{children:[(0,$.jsx)(hx,{title:`Tree style`,description:`How workspace and context trees are drawn in the menu. Device-local.`}),(0,$.jsx)(gx,{options:Ob.map(e=>({id:e.id,label:e.name,title:e.description})),value:f,onChange:Pb}),(0,$.jsx)(`p`,{className:`mt-2 text-xs text-muted-foreground`,children:Ob.find(e=>e.id===f)?.description})]}),(0,$.jsxs)(`section`,{children:[(0,$.jsx)(hx,{title:`Open documents`,description:`Choose how documents open from lists, tiles and boards. Saved on this device.`}),(0,$.jsx)(gx,{options:[{id:`modal`,label:`Modal`},{id:`side`,label:`Side reading pane`}],value:l,onChange:M}),(0,$.jsx)(`p`,{className:`mt-2 text-xs text-muted-foreground`,children:`The reading pane opens beside the content and updates as you select another document. On small screens it opens as a drawer.`})]}),(0,$.jsxs)(`section`,{children:[(0,$.jsx)(hx,{title:`Always-on content area`,description:`Keep a reading pane beside document lists on tablets and desktops. Remember the selected item in each folder, or show the first available item.`}),(0,$.jsx)(gx,{options:[{id:`on`,label:`On`},{id:`off`,label:`Off`}],value:c?`on`:`off`,onChange:e=>On(e===`on`)}),(0,$.jsx)(`p`,{className:`mt-2 text-xs text-muted-foreground`,children:`On by default. The reader uses roughly half the screen; drag its divider to resize. Phones keep tap-to-open navigation. When enabled, list selections use this pane regardless of the Open documents setting.`})]}),(0,$.jsxs)(`section`,{children:[(0,$.jsx)(hx,{title:`Document tiles`,description:`Choose the photo and media layout for tile view. Saved on this device.`}),(0,$.jsx)(gx,{options:Fe,value:d,onChange:z})]}),(0,$.jsx)(fx,{}),(0,$.jsx)(`section`,{children:(0,$.jsx)(`button`,{type:`button`,onClick:()=>{s(),M(`modal`)},className:`focus-ring rounded-md text-sm text-muted-foreground underline-offset-4 hover:text-foreground hover:underline`,children:`Reset to defaults`})})]})}function fx(){let[e,t]=(0,Q.useState)(gb),[n,r]=(0,Q.useState)(null),[i,a]=(0,Q.useState)(!0),[o,s]=(0,Q.useState)(!1),c=(0,Q.useRef)(!1);(0,Q.useEffect)(()=>{let e=!1;return yb().then(()=>{e||(t(gb()),a(!1))}),()=>{e=!0}},[]);let l=async(e,n)=>{if(!c.current){c.current=!0,s(!0);try{let i=n?{...e,image:await xb(n)}:e;await bb(i),t(i),r(null)}catch(e){r(e instanceof Error&&e.name!==`QuotaExceededError`?e.message:`Could not store the wallpaper. Free some browser storage or try a smaller image.`)}finally{c.current=!1,s(!1)}}},u=t=>{t&&l(e,t)},d=e.image!==null&&db(e.image)===null,f=Cb(e.image);return(0,$.jsx)(`section`,{children:(0,$.jsxs)(`fieldset`,{disabled:i||o,className:`min-w-0`,children:[(0,$.jsx)(hx,{title:`Wallpaper`,description:`Background image for the desk behind all panels. Without one, the theme's desk color shows (the default).`}),(0,$.jsxs)(`div`,{role:`radiogroup`,"aria-label":`Wallpaper`,className:`grid grid-cols-3 gap-3 sm:grid-cols-4 lg:grid-cols-6`,children:[(0,$.jsx)(mx,{label:`None`,isActive:e.image===null,onSelect:()=>l({...e,image:null}),children:(0,$.jsx)(`span`,{className:`flex size-full items-center justify-center surface-desk text-xs text-muted-foreground`,style:{backgroundImage:`none`},children:`None`})}),cb.map(t=>(0,$.jsx)(mx,{label:t.title,title:`${t.title} — suits the ${t.scheme} scheme`,isActive:db(e.image)===t.id,onSelect:()=>l({...e,image:ub(t.id)}),children:(0,$.jsx)(`img`,{src:lb(t),alt:``,loading:`lazy`,className:`size-full object-cover`,style:{backgroundColor:t.background}})},t.id)),d&&(0,$.jsx)(mx,{label:`Your image`,isActive:!0,onSelect:()=>{},children:(0,$.jsx)(`img`,{src:e.image??void 0,alt:``,className:`size-full object-cover`})})]}),(0,$.jsx)(px,{}),(0,$.jsxs)(`div`,{className:`mt-4 flex flex-wrap items-center gap-3`,children:[(0,$.jsx)(`div`,{className:`h-20 w-32 shrink-0 rounded-md border surface-desk`,style:f?{backgroundImage:f,backgroundSize:wb(e.fit),backgroundPosition:`center`,backgroundRepeat:`no-repeat`}:void 0,"aria-hidden":!0}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,$.jsxs)(`label`,{className:`focus-ring inline-flex cursor-pointer items-center rounded-md border px-3 py-1.5 text-sm hover:bg-accent/50`,children:[d?`Change image…`:`Use your own image…`,(0,$.jsx)(`input`,{type:`file`,accept:`image/*,.gif`,className:`hidden`,onChange:e=>{u(e.target.files?.[0]),e.target.value=``}})]}),e.image&&(0,$.jsx)(`button`,{type:`button`,onClick:()=>l({...e,image:null}),className:`focus-ring rounded-md border px-3 py-1.5 text-sm text-muted-foreground hover:bg-accent/50 hover:text-foreground`,children:`Remove`})]}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Images and animated GIFs up to 10 MB. Stored on this device.`}),(0,$.jsx)(gx,{options:rb.map(e=>({id:e.id,label:e.label,title:e.description})),value:e.fit,onChange:t=>l({...e,fit:t})}),n&&(0,$.jsx)(`p`,{className:`text-xs text-destructive`,children:n}),o&&(0,$.jsx)(`p`,{role:`status`,className:`text-xs text-muted-foreground`,children:`Saving wallpaper…`})]})]})]})})}function px(){let e=cb.filter(e=>e.author!==`Canvas`);return e.length===0?null:(0,$.jsx)(`p`,{className:`mt-2 text-xs text-muted-foreground`,children:e.map((e,t)=>(0,$.jsxs)(`span`,{children:[t>0&&` · `,e.title,` © `,e.author,e.source&&(0,$.jsxs)($.Fragment,{children:[` `,(0,$.jsx)(`a`,{href:e.source,target:`_blank`,rel:`noreferrer noopener`,className:`focus-ring underline underline-offset-2 hover:text-foreground`,children:new URL(e.source).hostname})]})]},e.id))})}function mx({label:e,title:t,isActive:n,onSelect:r,children:i}){return(0,$.jsxs)(`button`,{type:`button`,role:`radio`,"aria-checked":n,"aria-label":e,title:t??e,onClick:r,className:J(`focus-ring group relative aspect-video overflow-hidden rounded-md border transition-colors`,n?`border-primary ring-1 ring-primary`:`border-border hover:border-muted-foreground/40`),children:[i,n&&(0,$.jsx)(`span`,{className:`absolute right-1 top-1 rounded-full bg-primary p-0.5 text-primary-foreground`,children:(0,$.jsx)(rr,{className:`size-3`})})]})}function hx({title:e,description:t}){return(0,$.jsxs)(`div`,{className:`mb-3`,children:[(0,$.jsx)(`h2`,{className:`text-base font-semibold`,children:e}),(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:t})]})}function gx({options:e,value:t,onChange:n}){return(0,$.jsx)(`div`,{role:`radiogroup`,className:`inline-flex flex-wrap gap-1 rounded-lg bg-muted p-1`,children:e.map(e=>{let r=e.id===t;return(0,$.jsxs)(`button`,{type:`button`,role:`radio`,"aria-checked":r,title:e.title,onClick:()=>n(e.id),className:J(`focus-ring flex h-control items-center gap-2 rounded-md px-3 text-sm transition-colors`,r?`bg-card text-foreground shadow-elevation-1`:`text-muted-foreground hover:text-foreground`),children:[e.icon,e.label]},e.id)})})}function _x(){return(0,$.jsxs)(`div`,{className:`mx-auto max-w-4xl`,children:[(0,$.jsx)(ph,{className:`mb-6`,title:`Appearance`,onBack:Jv(),description:`Theme, colour scheme and density. Changes apply immediately and are remembered on this device.`}),(0,$.jsx)(dx,{})]})}var vx={previousTree:`Alt+Q`,nextTree:`Alt+W`},yx=`canvas:key-bindings`,bx=/^(Alt|Alt\+Shift|Ctrl\+Shift|Meta\+Shift)\+[A-Z]$/;function xx(){try{let e=JSON.parse(localStorage.getItem(yx)||`{}`),t={...vx};for(let n of Object.keys(t))(e[n]===``||bx.test(e[n]))&&(t[n]=e[n]);return t.previousTree&&t.previousTree===t.nextTree?{...vx}:t}catch{return{...vx}}}function Sx(e){localStorage.setItem(yx,JSON.stringify(e))}function Cx(e){return/^Key[A-Z]$/.test(e.code)?[e.ctrlKey&&`Ctrl`,e.altKey&&`Alt`,e.metaKey&&`Meta`,e.shiftKey&&`Shift`,e.code.slice(3)].filter(Boolean).join(`+`):``}function wx(e,t,n){return e[(Math.max(0,e.indexOf(t))+n+e.length)%e.length]}function Tx(e,t){return Math.abs(e)>=48&&Math.abs(e)>Math.abs(t)*1.5?e<0?1:-1:0}function Ex(){let[e,t]=(0,Q.useState)(xx),[n,r]=(0,Q.useState)(``),i=e=>{if(e.previousTree&&e.previousTree===e.nextTree){r(`Choose a different shortcut: that combination is already assigned.`);return}try{Sx(e),t(e),r(`Saved on this device.`)}catch{r(`Could not save shortcuts in this browser.`)}};return(0,$.jsxs)(`div`,{className:`mx-auto max-w-4xl`,children:[(0,$.jsx)(ph,{className:`mb-6`,title:`Key bindings`,onBack:Jv(),description:`Web UI shortcuts, saved on this device and available offline.`}),(0,$.jsxs)(`section`,{className:`space-y-4 rounded-lg border p-4`,children:[(0,$.jsx)(`h2`,{className:`font-medium`,children:`Tree navigation`}),(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Cycle the open workspace menu’s tabs in their displayed order, including Pins and Layers. Swipe left for next or right for previous over the tab bar. Shortcuts pause while typing or using a dialog.`}),[`previousTree`,`nextTree`].map(t=>(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[(0,$.jsx)(`label`,{htmlFor:t,className:`min-w-32 text-sm`,children:t===`previousTree`?`Previous tree`:`Next tree`}),(0,$.jsxs)(`select`,{id:t,className:`rounded-md border bg-background p-2 text-sm`,value:e[t].split(`+`).slice(0,-1).join(`+`),onChange:n=>i({...e,[t]:n.target.value?`${n.target.value}+${e[t].slice(-1)||vx[t].slice(-1)}`:``}),children:[(0,$.jsx)(`option`,{value:``,children:`Disabled`}),[`Alt`,`Alt+Shift`,`Ctrl+Shift`,`Meta+Shift`].map(e=>(0,$.jsx)(`option`,{value:e,children:e},e))]}),(0,$.jsx)(`select`,{"aria-label":`${t===`previousTree`?`Previous`:`Next`} tree key`,disabled:!e[t],className:`rounded-md border bg-background p-2 text-sm disabled:opacity-50`,value:e[t].slice(-1)||vx[t].slice(-1),onChange:n=>i({...e,[t]:`${e[t].split(`+`).slice(0,-1).join(`+`)}+${n.target.value}`}),children:`ABCDEFGHIJKLMNOPQRSTUVWXYZ`.split(``).map(e=>(0,$.jsx)(`option`,{value:e,children:e},e))})]},t)),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Browsers and operating systems may reserve combinations. Choose another if a shortcut does not reach Canvas. Letters refer to physical keyboard positions (Q/W on a US keyboard); Meta is Command on Mac.`}),(0,$.jsx)(`button`,{type:`button`,className:`rounded-md border px-3 py-2 text-sm hover:bg-accent`,onClick:()=>i({...vx}),children:`Restore defaults`}),(0,$.jsx)(`p`,{role:`status`,className:`text-sm`,children:n})]})]})}var Dx=`offline-content-v1`,Ox=`offline-api-v1`,kx=1073741824,Ax={enabled:!1,budgetBytes:4*kx,excludedWorkspaces:[]},jx=1e3;function Mx(e){return(e.startsWith(`/`)?e:`/${e}`).replace(/\/+$/,``)||`/`}function Nx(e,t,n){return`${e}:${t}:${Mx(n)}`}var Px=`canvas-offline`,Fx=2,Ix=null;function Lx(){return Ix||(Ix=new Promise((e,t)=>{let n=indexedDB.open(Px,Fx);n.onupgradeneeded=e=>{let t=n.result;if(t.objectStoreNames.contains(`config`)||t.createObjectStore(`config`),t.objectStoreNames.contains(`entries`)||t.createObjectStore(`entries`,{keyPath:`url`}),e.oldVersion>=1&&t.objectStoreNames.contains(`pins`)){t.deleteObjectStore(`pins`);let e=n.transaction.objectStore(`entries`).openCursor();e.onsuccess=()=>{let t=e.result;if(!t)return;let n=t.value;n.pinned&&t.update({...n,pinned:!1}),t.continue()}}t.objectStoreNames.contains(`scopes`)||t.createObjectStore(`scopes`,{keyPath:`id`})},n.onsuccess=()=>{n.result.onversionchange=()=>{n.result.close(),Ix=null},e(n.result)},n.onerror=()=>{Ix=null,t(n.error)}}),Ix)}function Rx(e){return new Promise((t,n)=>{e.oncomplete=()=>t(),e.onerror=()=>n(e.error),e.onabort=()=>n(e.error)})}function zx(e){return new Promise((t,n)=>{e.onsuccess=()=>t(e.result),e.onerror=()=>n(e.error)})}async function Bx(e,t){return zx((await Lx()).transaction(e).objectStore(e).get(t))}async function Vx(e){return zx((await Lx()).transaction(e).objectStore(e).getAll())}async function Hx(e,t,n){let r=(await Lx()).transaction(e,`readwrite`);return r.objectStore(e).put(t,n),Rx(r)}async function Ux(e,t){let n=(await Lx()).transaction(e,`readwrite`);return n.objectStore(e).delete(t),Rx(n)}async function Wx(e){let t=(await Lx()).transaction(e,`readwrite`);return t.objectStore(e).clear(),Rx(t)}async function Gx(){try{let e=await Bx(`config`,`settings`);return e?{...Ax,...e}:Ax}catch{return Ax}}async function Kx(e){await Hx(`config`,e,`settings`)}async function qx(e,t){let n=(await Lx()).transaction(`entries`,`readwrite`),r=n.objectStore(`entries`);for(let n of e){let e=r.get(n);e.onsuccess=()=>{let i=e.result;i?r.put({...i,pinned:t}):t&&r.put({url:n,kind:`content`,size:0,lastAccess:Date.now(),pinned:t})}}return Rx(n)}async function Jx(e){let t=await Vx(`entries`),n=t.filter(e=>e.kind===`api`).sort((e,t)=>e.lastAccess-t.lastAccess),r=n.slice(0,Math.max(0,n.length-jx)),i=t.filter(e=>e.kind===`content`),a=i.reduce((e,t)=>e+t.size,0),o=i.filter(e=>!e.pinned).sort((e,t)=>e.lastAccess-t.lastAccess),s=[];for(let t of o){if(a<=e)break;s.push(t),a-=t.size}if(!r.length&&!s.length)return;let[c,l]=await Promise.all([caches.open(Ox),caches.open(Dx)]);await Promise.all([...r.map(async e=>{await c.delete(e.url),await Ux(`entries`,e.url)}),...s.map(async e=>{await l.delete(e.url),await Ux(`entries`,e.url)})])}async function Yx(){let e=await Vx(`entries`),t=e.filter(e=>e.kind===`content`);return{contentBytes:t.reduce((e,t)=>e+t.size,0),contentCount:t.length,pinnedBytes:t.filter(e=>e.pinned).reduce((e,t)=>e+t.size,0),apiCount:e.length-t.length}}async function Xx(){await Promise.all([caches.delete(Dx),caches.delete(Ox)]),await Wx(`entries`),await Wx(`scopes`)}async function Zx(){return Vx(`scopes`)}async function Qx(e){return Bx(`scopes`,e)}async function $x(e){await Hx(`scopes`,e)}async function eS(e){let t=await Bx(`scopes`,e);await Ux(`scopes`,e),t?.urls.length&&await tS(t.urls)}async function tS(e){let t=await Vx(`scopes`),n=new Set(t.flatMap(e=>e.urls)),r=e.filter(e=>!n.has(e));r.length&&await qx(r,!1)}var nS=3,rS=`data/schema/file`,iS=128;async function aS({workspaceRef:e,path:t,treeName:n,treeType:r},i){let a=await Gx();if(!a.enabled)throw Error(`Enable the offline cache first`);if(a.excludedWorkspaces.includes(e))throw Error(`Workspace "${e}" is excluded from offline caching`);let o=Nx(e,n,t),s=Mx(t),c=await Qx(o),l=((await Xs(e,s,[],{limit:1e4,treeName:n,treeType:r})).payload??[]).filter(e=>e.schema===rS),u=[],d=0,f=0,p=!1,m=l.length;i?.({done:f,total:m,bytes:d});let h=0;await Promise.all(Array.from({length:Math.min(nS,l.length)},async()=>{for(;h<l.length;){let t=l[h++];if(d>=a.budgetBytes*.9){p=!0;return}try{let{blob:n}=await Lc(e,t.id);d+=n.size,u.push(`${Xa.workspaces}/${e}/documents/${t.id}/content`);try{await Do(e,t.id,iS),u.push(`${Xa.workspaces}/${e}/documents/${t.id}/thumbnail?size=${iS}`)}catch{}}catch{}f+=1,i?.({done:f,total:m,bytes:d})}})),await qx(u,!0);let g={id:o,workspaceRef:e,treeName:n,treeType:r,path:s,urls:u,bytes:d,warmedAt:Date.now(),...p?{truncated:!0}:{}};if(await $x(g),c){let e=new Set(u),t=c.urls.filter(t=>!e.has(t));t.length&&await tS(t)}return g}var oS=[{label:`1 GB`,bytes:1*kx},{label:`2 GB`,bytes:2*kx},{label:`4 GB`,bytes:4*kx},{label:`8 GB`,bytes:8*kx}];function sS(e){return e<1048576?`${(e/1024).toFixed(0)} KB`:e<1073741824?`${(e/1048576).toFixed(1)} MB`:`${(e/kx).toFixed(2)} GB`}function cS(){navigator.serviceWorker?.controller?.postMessage({type:`OFFLINE_SETTINGS_CHANGED`})}function lS(){let{showSuccessToast:e,showErrorToast:t}=So(),[n,r]=(0,Q.useState)(null),[i,a]=(0,Q.useState)(null),[o,s]=(0,Q.useState)(null),[c,l]=(0,Q.useState)([]),[u,d]=(0,Q.useState)([]),[f,p]=(0,Q.useState)({}),[m,h]=(0,Q.useState)(!1),[g,_]=(0,Q.useState)(!1),v=(0,Q.useCallback)(()=>{Gx().then(r).catch(()=>{}),Yx().then(a).catch(()=>{}),Zx().then(e=>d(e.sort((e,t)=>e.id.localeCompare(t.id)))).catch(()=>{}),navigator.storage?.persisted?.().then(s).catch(()=>{})},[]);(0,Q.useEffect)(()=>{v(),ss().then(e=>l(e.map(e=>e.name).filter(Boolean).sort())).catch(()=>{})},[v]);let y=async e=>{r(e),await Kx(e),cS(),e.enabled&&navigator.storage?.persist?.().then(s).catch(()=>{}),Jx(e.budgetBytes).then(v).catch(()=>{})},b=e=>{if(!n)return;let t=n.excludedWorkspaces.includes(e)?n.excludedWorkspaces.filter(t=>t!==e):[...n.excludedWorkspaces,e];y({...n,excludedWorkspaces:t})},x=async()=>{h(!0);try{await Xx(),e(`Offline cache cleared`),v()}catch(e){t(e instanceof Error?e.message:`Failed to clear cache`)}finally{h(!1)}},S=async n=>{let r=Nx(n.workspaceRef,n.treeName,n.path);p(e=>({...e,[r]:{done:0,total:0,bytes:0}}));try{let t=await aS(n,e=>p(t=>({...t,[r]:e})));e(t.truncated?`Pinned ${sS(t.bytes)} — stopped at the size budget`:`Pinned ${t.workspaceRef}:/${t.path} (${sS(t.bytes)})`)}catch(e){t(e instanceof Error?e.message:`Failed to pin`)}finally{p(e=>{let{[r]:t,...n}=e;return n}),v()}},C=(e,t)=>{_(!1);for(let n of e)S({workspaceRef:t.workspaceName,path:n,treeName:t.treeName,treeType:t.treeType})},w=e=>({workspaceRef:e.workspaceRef,path:e.path,treeName:e.treeName||`context`,treeType:e.treeType||`context`}),T=async e=>{await eS(e),v()};return n?(0,$.jsxs)(`div`,{className:`space-y-8`,children:[(0,$.jsxs)(`section`,{children:[(0,$.jsx)(uS,{title:`Offline cache`,description:`Keep documents you open (and scopes you pin) readable without a connection. Cached on this device only; least-recently-used files are evicted when the size budget fills. Video streaming is not cached.`}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,$.jsxs)(`button`,{type:`button`,onClick:()=>y({...n,enabled:!n.enabled}),"aria-pressed":n.enabled,className:J(`focus-ring flex items-center gap-3 rounded-lg border p-4 text-left transition-colors`,n.enabled?`border-primary bg-accent`:`border-input hover:bg-muted/40`),children:[(0,$.jsx)(Ua,{className:`h-5 w-5 shrink-0 text-muted-foreground`}),(0,$.jsxs)(`span`,{className:`flex-1`,children:[(0,$.jsx)(`span`,{className:`block text-sm font-medium`,children:n.enabled?`Enabled`:`Disabled`}),(0,$.jsx)(`span`,{className:`block text-xs text-muted-foreground`,children:n.enabled?o===!1?`Storage is not persistent — the browser may still evict the cache under disk pressure`:`Documents are cached as you browse`:`Nothing is cached for offline use`})]}),n.enabled&&(0,$.jsx)(rr,{className:`h-4 w-4 shrink-0 text-primary`})]}),n.enabled&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`p`,{className:`mb-2 text-sm font-medium`,children:`Size budget`}),(0,$.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:oS.map(e=>(0,$.jsx)(Z,{variant:n.budgetBytes===e.bytes?`default`:`outline`,size:`sm`,onClick:()=>y({...n,budgetBytes:e.bytes}),children:e.label},e.bytes))})]}),i&&(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsxs)(`div`,{className:`flex items-baseline justify-between text-sm`,children:[(0,$.jsxs)(`span`,{children:[sS(i.contentBytes),` of `,sS(n.budgetBytes),` used`]}),(0,$.jsxs)(`span`,{className:`text-xs text-muted-foreground`,children:[i.contentCount,` file(s)`,i.pinnedBytes>0?`, ${sS(i.pinnedBytes)} pinned`:``]})]}),(0,$.jsx)(`div`,{className:`h-2 w-full overflow-hidden rounded-full bg-muted`,children:(0,$.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${Math.min(100,i.contentBytes/n.budgetBytes*100)}%`}})})]}),(0,$.jsx)(`div`,{children:(0,$.jsxs)(Z,{variant:`outline`,size:`sm`,onClick:x,disabled:m,children:[m?(0,$.jsx)(Ta,{className:`mr-1.5 h-3.5 w-3.5 animate-spin`}):(0,$.jsx)(Xr,{className:`mr-1.5 h-3.5 w-3.5`}),`Clear offline cache`]})})]})]})]}),n.enabled&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`section`,{children:[(0,$.jsx)(uS,{title:`Pinned scopes`,description:`A pinned scope — a workspace, or one of its tree paths — is downloaded up front and never evicted. Scopes resolve fresh on every re-warm, so moved contexts and reorganized trees are picked up; documents that left a scope return to normal eviction.`}),(0,$.jsx)(`div`,{className:`mb-3`,children:(0,$.jsxs)(Z,{size:`sm`,onClick:()=>_(!0),disabled:!!Object.keys(f).length,children:[(0,$.jsx)(Or,{className:`mr-1.5 h-3.5 w-3.5`}),`Pin a path…`]})}),(0,$.jsxs)(`ul`,{className:`space-y-1`,children:[u.map(e=>{let t=f[e.id];return(0,$.jsxs)(`li`,{className:`flex items-center gap-3 rounded-md border border-input px-3 py-2 text-sm`,children:[(0,$.jsxs)(`span`,{className:`flex-1 truncate font-mono text-xs sm:text-sm`,children:[e.workspaceRef,`://`,e.path.replace(/^\//,``),e.treeName&&e.treeName!==`context`&&(0,$.jsx)(`span`,{className:`ml-1.5 rounded bg-muted px-1 py-0.5 font-sans text-[10px] text-muted-foreground`,children:e.treeName})]}),t?(0,$.jsxs)(`span`,{className:`flex items-center gap-2 text-xs text-muted-foreground`,children:[(0,$.jsx)(Ta,{className:`h-3.5 w-3.5 animate-spin`}),t.total>0?`${t.done}/${t.total} · ${sS(t.bytes)}`:`listing…`]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`span`,{className:`text-xs text-muted-foreground`,children:[sS(e.bytes),e.truncated?` (partial)`:``]}),(0,$.jsx)(Z,{variant:`ghost`,size:`sm`,onClick:()=>S(w(e)),"aria-label":`Re-warm ${e.id}`,title:`Re-warm: re-resolve the scope and download anything new`,children:(0,$.jsx)(qn,{className:`h-3.5 w-3.5`})}),(0,$.jsx)(Z,{variant:`ghost`,size:`sm`,onClick:()=>T(e.id),"aria-label":`Unpin ${e.id}`,children:(0,$.jsx)(mr,{className:`h-3.5 w-3.5`})})]})]},e.id)}),u.length===0&&(0,$.jsx)(`li`,{className:`rounded-md border border-dashed border-input px-3 py-4 text-center text-sm text-muted-foreground`,children:`Nothing pinned — everything relies on browse-caching and LRU`})]})]}),(0,$.jsxs)(`section`,{children:[(0,$.jsx)(uS,{title:`Workspace caching`,description:`Excluded workspaces are never cached — not even as you browse — and are not served from cache.`}),(0,$.jsx)(`ul`,{className:`space-y-1`,children:c.map(e=>{let t=n.excludedWorkspaces.includes(e);return(0,$.jsxs)(`li`,{className:`flex items-center gap-3 rounded-md border border-input px-3 py-2 text-sm`,children:[(0,$.jsx)(`span`,{className:J(`flex-1 truncate`,t&&`text-muted-foreground line-through`),children:e}),t&&(0,$.jsx)(ma,{className:`h-3.5 w-3.5 text-muted-foreground`}),(0,$.jsx)(Z,{variant:t?`outline`:`ghost`,size:`sm`,onClick:()=>b(e),children:t?`Include`:`Exclude`})]},e)})})]})]}),g&&(0,$.jsx)(Ie,{onClose:()=>_(!1),children:(0,$.jsx)(Je,{sizeClassName:`h-full w-[380px] max-w-[90vw] max-md:w-full`,multiple:!1,tabs:[`context`,`directory`],title:`Pin for offline…`,confirmLabel:`Pin path`,onConfirm:C,onClose:()=>_(!1)})})]}):null}function uS({title:e,description:t}){return(0,$.jsxs)(`div`,{className:`mb-4`,children:[(0,$.jsx)(`h2`,{className:`text-base font-semibold`,children:e}),(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:t})]})}function dS(){return(0,$.jsxs)(`div`,{className:`mx-auto max-w-4xl`,children:[(0,$.jsx)(ph,{className:`mb-6`,title:`Offline`,onBack:Jv(),description:`Per-device offline cache: browse notes, files, photos and saved websites without a connection.`}),(0,$.jsx)(lS,{})]})}function fS(e){let t=Math.floor(e/86400),n=Math.floor(e%86400/3600),r=Math.floor(e%3600/60);return t>0?`${t}d ${n}h ${r}m`:n>0?`${n}h ${r}m`:`${r}m`}function pS({name:e,version:t,detail:n}){return(0,$.jsxs)(`div`,{className:`flex items-baseline justify-between gap-4 px-4 py-2.5`,children:[(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsx)(`div`,{className:`text-sm font-medium truncate`,children:e}),n&&(0,$.jsx)(`div`,{className:`text-xs text-muted-foreground truncate`,children:n})]}),(0,$.jsx)(`code`,{className:`text-xs text-muted-foreground shrink-0`,children:t})]})}function mS(){let[e,t]=(0,Q.useState)(null),[n,r]=(0,Q.useState)(null);(0,Q.useEffect)(()=>{let e=!0;return X.get(`/ping`,{skipAuth:!0}).then(n=>{e&&t(n??{})}).catch(t=>{e&&r(t instanceof Error?t.message:`Failed to reach the server`)}),()=>{e=!1}},[]);let i=[e?.commit?`commit ${e.commit.slice(0,7)}`:null,typeof e?.uptime==`number`?`up ${fS(e.uptime)}`:null].filter(Boolean).join(` · `),a=Object.entries(e?.components??{}).sort(([e],[t])=>e.localeCompare(t));return(0,$.jsxs)(`div`,{className:`mx-auto max-w-4xl`,children:[(0,$.jsx)(ph,{className:`mb-6`,title:`About`,onBack:Jv(),description:`Versions of every Canvas component this installation is running.`}),(0,$.jsxs)(`div`,{className:`space-y-6`,children:[(0,$.jsxs)(`section`,{className:`rounded-md border border-border divide-y divide-border`,children:[(0,$.jsx)(pS,{name:`Canvas Web`,detail:`this interface`,version:`v2.26.11`}),e?.version&&(0,$.jsx)(pS,{name:e.productName||e.appName||`Canvas Server`,detail:i||void 0,version:`v${e.version}`})]}),a.length>0&&(0,$.jsxs)(`section`,{children:[(0,$.jsx)(`h2`,{className:`mb-2 px-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground`,children:`Server components`}),(0,$.jsx)(`div`,{className:`rounded-md border border-border divide-y divide-border`,children:a.map(([e,t])=>(0,$.jsx)(pS,{name:e,version:`v${t}`},e))})]}),n&&(0,$.jsxs)(`p`,{className:`text-sm text-muted-foreground`,children:[`Server details unavailable: `,n]}),e?.sourceUrl&&(0,$.jsxs)(`p`,{className:`text-xs text-muted-foreground`,children:[e.license?`Licensed ${e.license}. `:``,(0,$.jsx)(`a`,{href:e.sourceUrl,target:`_blank`,rel:`noreferrer`,className:`underline underline-offset-2 hover:text-foreground`,children:`Get the source code`}),`.`]})]})]})}var hS=[`onnx`,`clip`,`blip`,`openai`],gS=[`onnx`,`clip`,`blip`,`ollama`,`vllm`],_S=[{id:`openai`,baseUrl:`https://api.openai.com/v1`,label:`OpenAI`},{id:`vllm`,baseUrl:`http://127.0.0.1:8000/v1`,label:`vLLM`},{id:`ollama`,baseUrl:`http://127.0.0.1:11434/v1`,label:`Ollama`}],vS=e=>`${Xa.workspaces}/${encodeURIComponent(e)}/inferd`;function yS(e,t){let n={};for(let[r,i]of Object.entries(e.providers||{})){let e={...i};delete e.apiKeySet,delete e.headerNames,t.has(r)&&i.apiKey?e.apiKey=i.apiKey:delete e.apiKey,n[r]=e}return{...e,providers:n}}async function bS(e){return await X.get(`${vS(e)}/status`)}async function xS(e,t={}){let n={};return t.force!==void 0&&(n.force=t.force),await X.post(`${vS(e)}/summarize/images`,n)}async function SS(e){return await X.post(`${vS(e)}/summarize/images/stop`,{})}async function CS(e){return await X.get(`${vS(e)}/config`)}async function wS(e,t){return await X.put(`${vS(e)}/config`,t)}async function TS(e,t={}){let n={};return t.space&&(n.space=t.space),t.reindex!==void 0&&(n.reindex=t.reindex),t.scope&&(n.scope=t.scope),await X.post(`${vS(e)}/reindex`,n)}async function ES(e){return await X.get(`${vS(e)}/vector-tables`)}async function DS(e,t){return await X.delete(`${vS(e)}/vector-tables/${encodeURIComponent(t)}`)}async function OS(){return await X.get(`${Xa.inferd}/config`)}async function kS(e){return await X.put(`${Xa.inferd}/config`,e)}async function AS(){return await X.get(`${Xa.inferd}/defaults`)}async function jS(e){return await X.put(`${Xa.inferd}/defaults`,e)}async function MS(e,t){let n={...e};return delete n.apiKeySet,delete n.headerNames,(await X.post(`${Xa.inferd}/test`,{provider:n,...t?{model:t}:{},probe:!0})).cached??null}async function NS(e,t,n=`text`){let r={...e};return delete r.apiKeySet,delete r.headerNames,await X.post(`${Xa.inferd}/test`,{provider:r,...t?{model:t}:{},modality:n})}var PS=`h-8 w-full rounded-md border bg-background px-2 text-sm outline-none focus:ring-2 focus:ring-ring`,FS=`font-semibold uppercase tracking-[0.08em]`,IS={openai:{url:{key:`baseUrl`,label:`Base URL`,placeholder:`http://gpu.local:8000/v1`,hint:`OpenAI-compatible embeddings endpoint — Ollama, vLLM, TEI, infinity, LM Studio and OpenAI itself all speak this. A trailing /v1 is optional; both http://host:8000 and http://host:8000/v1 work.`},apiKey:"Sent as `Authorization: Bearer …`. Leave empty for servers that do not check it.",imageInput:!0,timeoutMs:!0,headers:!0,where:e=>e.baseUrl||`no endpoint set`},ollama:{url:{key:`host`,label:`Host (legacy)`,placeholder:`http://127.0.0.1:11434`,hint:`Written by an older version. Switch the type to openai — the host becomes the base URL and the /v1 suffix is added for you.`},apiKey:"Sent as `Authorization: Bearer …`.",where:e=>e.host||`http://127.0.0.1:11434`},onnx:{cacheDir:`Where downloaded weights are cached on the server. Empty uses the server default.`,note:`Runs in-process on the server. No endpoint and no credentials.`,where:()=>`in-process`},clip:{cacheDir:`Where downloaded weights are cached on the server. Empty uses the server default.`,note:`Runs in-process on the server. No endpoint and no credentials.`,where:()=>`in-process`}},LS=[`baseUrl`,`host`,`apiKey`,`cacheDir`,`imageInput`,`timeoutMs`],RS=[{value:`data-uri`,label:`data-uri (default)`,hint:"Images ride in the ordinary `input` array as data URIs (infinity, TEI-style servers)."},{value:`messages`,label:`messages`,hint:`vLLM's multimodal shape: one request per image, wrapped in a chat message.`}],zS=12e4;function BS(e){if(typeof e!=`string`||e.trim()===``)return null;let t;try{t=new URL(e.trim())}catch{return`Must be an absolute URL including the scheme, e.g. http://127.0.0.1:11434`}return t.protocol!==`http:`&&t.protocol!==`https:`?`Unsupported scheme '${t.protocol.replace(`:`,``)}'. Use http or https.`:null}function VS({title:e,hint:t}){return(0,$.jsxs)(`div`,{className:`mb-2`,children:[(0,$.jsx)(`h3`,{className:J(`text-[11px] text-muted-foreground`,FS),children:e}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:t})]})}function HS({overridden:e,source:t}){return e?(0,$.jsx)(`span`,{className:`rounded bg-primary/10 px-1.5 py-0.5 text-[10px] font-medium text-primary`,title:`Set on this layer; it wins over anything inherited`,children:`overridden`}):(0,$.jsx)(`span`,{className:`rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground`,title:t?`Inherited: ${t}`:`Inherited from a lower config layer`,children:`inherited`})}function US({label:e,value:t,inheritedValue:n,onChange:r,type:i=`text`,placeholder:a,disabled:o,hint:s,error:c,mono:l}){let u=t!==void 0&&t!==``;return(0,$.jsxs)(`div`,{className:`space-y-1`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`label`,{className:`text-xs font-medium`,children:e}),(0,$.jsx)(HS,{overridden:u,source:n===void 0?void 0:String(n)}),u&&!o&&(0,$.jsx)(`button`,{type:`button`,onClick:()=>r(``),className:`text-[10px] text-muted-foreground underline hover:text-foreground`,title:`Clear the override and fall back to the inherited value`,children:`reset`})]}),(0,$.jsx)(Y,{type:i,value:t??``,disabled:o,onChange:e=>r(e.target.value),placeholder:a??(n===void 0?`—`:String(n)),className:J(`h-8 text-sm`,l&&`font-mono`,c&&`border-destructive focus-visible:ring-destructive`)}),c&&(0,$.jsx)(`p`,{className:`text-[11px] font-medium text-destructive`,children:c}),s&&(0,$.jsx)(`p`,{className:`text-[11px] text-muted-foreground`,children:s})]})}function WS({label:e,checked:t,overridden:n,disabled:r,onChange:i}){return(0,$.jsxs)(`label`,{className:`flex items-center gap-2 text-xs`,children:[(0,$.jsx)(`input`,{type:`checkbox`,disabled:r,checked:t,onChange:e=>i(e.target.checked)}),e,(0,$.jsx)(HS,{overridden:n})]})}function GS({storedNames:e,value:t,disabled:n,onChange:r}){let i=t!==void 0,[a,o]=(0,Q.useState)([]),s=e=>{o(e),r(Object.fromEntries(e.filter(([e])=>e.trim()!==``)))};return(0,$.jsxs)(`div`,{className:`mt-3 space-y-2`,children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,$.jsx)(`label`,{className:`text-xs font-medium`,children:`Custom headers`}),i?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`span`,{className:`rounded bg-warning-subtle px-1.5 py-0.5 text-[10px] font-medium text-warning`,children:`will replace stored`}),!n&&(0,$.jsx)(`button`,{type:`button`,onClick:()=>{o([]),r(void 0)},className:`text-[10px] text-muted-foreground underline hover:text-foreground`,children:`cancel`})]}):(0,$.jsx)(HS,{overridden:!1,source:e?.join(`, `)})]}),!i&&(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,$.jsx)(`p`,{className:`text-[11px] text-muted-foreground`,children:e?.length?(0,$.jsxs)($.Fragment,{children:[`Stored: `,(0,$.jsx)(`span`,{className:`font-mono`,children:e.join(`, `)}),` (values are never sent back)`]}):`None set.`}),!n&&(0,$.jsx)(Z,{type:`button`,size:`sm`,variant:`ghost`,onClick:()=>{o([[``,``]]),r({})},children:e?.length?`Replace headers`:`Add headers`})]}),i&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`p`,{className:`text-[11px] text-muted-foreground`,children:`Saving replaces every stored header, so re-enter the ones you want to keep.`}),a.map(([e,t],r)=>(0,$.jsxs)(`div`,{className:`flex gap-2`,children:[(0,$.jsx)(Y,{value:e,disabled:n,placeholder:`X-Tenant`,className:`h-8 font-mono text-sm`,onChange:e=>s(a.map((t,n)=>n===r?[e.target.value,t[1]]:t))}),(0,$.jsx)(Y,{value:t,disabled:n,placeholder:`value`,className:`h-8 font-mono text-sm`,onChange:e=>s(a.map((t,n)=>n===r?[t[0],e.target.value]:t))}),(0,$.jsx)(Z,{type:`button`,size:`sm`,variant:`ghost`,disabled:n,"aria-label":`Remove header ${e||r+1}`,onClick:()=>s(a.filter((e,t)=>t!==r)),children:(0,$.jsx)(Xr,{className:`h-3.5 w-3.5`})})]},r)),!n&&(0,$.jsxs)(Z,{type:`button`,size:`sm`,variant:`ghost`,onClick:()=>s([...a,[``,``]]),children:[(0,$.jsx)(Wi,{className:`mr-1.5 h-3.5 w-3.5`}),`Add header`]})]})]})}function KS({open:e,onClick:t,label:n}){return(0,$.jsx)(`button`,{type:`button`,onClick:t,"aria-expanded":e,title:n,"aria-label":n,className:`flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-foreground`,children:(0,$.jsx)(Kr,{className:J(`h-4 w-4 transition-transform motion-reduce:transition-none`,e&&`rotate-180`)})})}var qS={configured:`bg-success`,"needs-fill":`bg-warning`,unresolved:`bg-destructive`,unset:`bg-muted-foreground/30`};function JS({value:e,effective:t,inherited:n,resolvedSpaces:r,invalid:i,attention:a,onFill:o,saving:s=!1,disabled:c=!1,saveLabel:l=`Save`,onSave:u}){let{showToast:d}=vo(),[f,p]=(0,Q.useState)(()=>structuredClone(e)),[m,h]=(0,Q.useState)(new Set),[g,_]=(0,Q.useState)(null),[v,y]=(0,Q.useState)(!1),[b,x]=(0,Q.useState)(``),[S,C]=(0,Q.useState)(``),[w,T]=(0,Q.useState)(null),E=(0,Q.useMemo)(()=>[...new Set([...Object.keys(t.spaces||{}),...Object.keys(f.spaces||{})])].sort(),[t.spaces,f.spaces]),D=(0,Q.useMemo)(()=>[...new Set([...Object.keys(t.providers||{}),...Object.keys(f.providers||{})])].sort(),[t.providers,f.providers]),O=(e,t,n)=>{p(r=>{let i={...r.spaces||{}},a={...i[e]||{}};if(n===``)delete a[t];else if(t===`dim`||t===`maxLength`||t===`dimensions`){let e=Number(n);if(Number.isNaN(e))return r;a[t]=e}else a[t]=n;return Object.keys(a).length===0?delete i[e]:i[e]=a,{...r,spaces:i}})},k=(e,t,n)=>{p(r=>{let i={...r.spaces||{}},a={...i[e]||{}};return n===void 0?delete a[t]:a[t]=n,Object.keys(a).length===0?delete i[e]:i[e]=a,{...r,spaces:i}})},A=(e,t,n)=>{t===`apiKey`&&h(t=>{let r=new Set(t);return n===``?r.delete(e):r.add(e),r}),p(r=>{let i={...r.providers||{}},a={...i[e]||{}};if(n===``)delete a[t];else if(t===`timeoutMs`){let e=Number(n);if(Number.isNaN(e))return r;a[t]=e}else a[t]=n;return Object.keys(a).length===0?delete i[e]:i[e]=a,{...r,providers:i}})},j=(e,t,n)=>{p(r=>{let i={...r.providers||{}},a={...i[e]||{}};return n===void 0?delete a[t]:a[t]=n,Object.keys(a).length===0?delete i[e]:i[e]=a,{...r,providers:i}})},M=e=>{p(t=>{let n={...t.providers||{}};return delete n[e],{...t,providers:n}}),h(t=>{let n=new Set(t);return n.delete(e),n})},N=()=>{let e=S.trim();if(e){if(E.includes(e)){d({title:`Space exists`,description:`'${e}' already has a row below.`,variant:`destructive`});return}p(t=>({...t,spaces:{...t.spaces||{},[e]:{}}})),C(``),T(`space:${e}`)}},P=(e,t)=>{if(e){if(D.includes(e)){d({title:`Backend exists`,description:`'${e}' is already declared. Open it below to edit.`,variant:`destructive`});return}p(n=>({...n,providers:{...n.providers||{},[e]:{type:`openai`,...t?{baseUrl:t}:{}}}})),x(``),T(`provider:${e}`)}},ee=e=>({...t.providers?.[e]||{},...f.providers?.[e]||{}}),F=async e=>{let n=f.spaces?.[e]?.provider??t.spaces?.[e]?.provider,r=f.spaces?.[e]?.model??t.spaces?.[e]?.model;if(!n){d({title:`No backend`,description:`Space '${e}' has no backend to test.`,variant:`destructive`});return}let i=ee(n),a=i.type?IS[i.type]?.url?.key:void 0,o=a?BS(i[a]):null;if(o){d({title:`Backend '${n}'`,description:o,variant:`destructive`});return}_(e);try{try{await MS(i,r)===!1&&(y(!0),d({title:`Downloading model`,description:`'${r??`the configured model`}' is not in the server's cache yet; downloading now. A first test can take a few minutes; the model is then cached for good.`}))}catch{}let n=await NS(i,r,e),a=f.spaces?.[e]?.dim??t.spaces?.[e]?.dim,o=n.dim>0&&a!==void 0&&n.dim!==a;(o||n.dim>0&&a===void 0)&&O(e,`dim`,String(n.dim)),d({title:o?`Backend answered; dimensions corrected`:`Backend answered`,description:o?`Returned ${n.dim}-d but '${e}' was set to ${a}-d. Dimensions updated to ${n.dim}; save to apply. (${n.latencyMs} ms)`:`${n.dim}-d in ${n.latencyMs} ms`})}catch(e){d({title:`Test failed`,description:e instanceof Error?e.message:`Backend unreachable`,variant:`destructive`})}finally{_(null),y(!1)}},I=(0,Q.useMemo)(()=>{let e=[];for(let[n,r]of Object.entries(f.providers||{})){let i=r.type??t.providers?.[n]?.type,a=i?IS[i]?.url?.key:void 0;if(!a)continue;let o=BS(r[a]);o&&e.push(`${n}: ${o}`)}return e},[f.providers,t.providers]),te=(0,Q.useMemo)(()=>JSON.stringify(f)!==JSON.stringify(e)||m.size>0,[f,e,m]),L=async()=>{if(I.length>0){d({title:`Fix the endpoint first`,description:I.join(` · `),variant:`destructive`});return}await u(yS(f,m)),h(new Set)},R=e=>T(t=>t===e?null:e);return(0,$.jsxs)(`div`,{className:`space-y-6`,children:[i&&(0,$.jsxs)(`div`,{className:`flex items-start gap-2 rounded-lg border border-destructive/40 bg-destructive-subtle p-3 text-xs`,children:[(0,$.jsx)(or,{className:`mt-0.5 h-4 w-4 shrink-0 text-destructive`}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`p`,{className:`font-medium text-destructive`,children:`Stored config does not resolve; defaults are standing in`}),(0,$.jsx)(`p`,{className:`mt-0.5 font-mono text-[11px] text-muted-foreground`,children:i})]})]}),(0,$.jsxs)(`section`,{children:[(0,$.jsx)(VS,{title:`Search models`,hint:`Choose a provider and model for each kind of content. After switching models, fill the new index to make existing documents searchable. Previous model indexes are preserved.`}),E.length===0?(0,$.jsxs)(`div`,{className:`rounded-lg border border-dashed p-6 text-center`,children:[(0,$.jsx)(`p`,{className:`text-sm font-medium`,children:`No spaces on this layer`}),(0,$.jsx)(`p`,{className:`mx-auto mt-1 max-w-sm text-xs text-muted-foreground`,children:`A space needs a backend, a model and a dimension count. Add one below to start embedding.`})]}):(0,$.jsx)(`div`,{className:`divide-y overflow-hidden rounded-lg border`,children:E.map(e=>{let s=f.spaces?.[e]||{},l=t.spaces?.[e]||{},u=n.spaces?.[e]||{},d=r?.[e],p=`space:${e}`,m=w===p,h=s.model??l.model,_=s.provider??l.provider,y=s.dim??l.dim,b=s.chunk??l.chunk??!1,x=a?.includes(e)??!1;return(0,$.jsxs)(`div`,{className:`relative`,children:[(0,$.jsx)(`span`,{className:J(`absolute inset-y-0 left-0 w-[3px]`,qS[i?`unresolved`:x?`needs-fill`:h?`configured`:`unset`]),"aria-hidden":!0}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-2 py-3 pl-4 pr-3 sm:flex-row sm:items-start sm:gap-3`,children:[(0,$.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap items-baseline gap-x-2 gap-y-1`,children:[(0,$.jsx)(`span`,{className:J(`text-[11px]`,FS),children:e}),(0,$.jsx)(`span`,{className:`truncate font-mono text-sm`,children:h||`no model set`}),_&&(0,$.jsxs)(`span`,{className:`rounded bg-muted px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground`,children:[`via `,_]}),y!==void 0&&(0,$.jsxs)(`span`,{className:`text-xs tabular-nums text-muted-foreground`,children:[y,`-d`]}),b&&(0,$.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:`chunked`})]}),r&&h&&(0,$.jsxs)(`p`,{className:`mt-1 truncate font-mono text-[11px] text-muted-foreground`,title:`Vector table backing this space`,children:[`└─ `,d?.table??(0,$.jsx)(`span`,{className:`not-italic`,children:`not created yet`})]}),x&&(0,$.jsx)(`p`,{className:`mt-1 text-[11px] text-warning`,children:`New table, nothing embedded in it yet; dense search stays thin for this space until it is filled. Reverting the model is still instant.`})]}),(0,$.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1 max-sm:justify-end`,children:[x&&o&&(0,$.jsx)(Z,{type:`button`,size:`sm`,variant:`outline`,onClick:()=>o(e),children:`Fill`}),(0,$.jsxs)(Z,{type:`button`,size:`sm`,variant:`ghost`,disabled:c||g!==null,onClick:()=>F(e),title:`Round-trip a real embedding call against this backend and report the dimensions it returns`,children:[(0,$.jsx)(ar,{className:`mr-1.5 h-3.5 w-3.5`}),g===e?v?`Downloading…`:`Testing…`:`Test`]}),(0,$.jsx)(KS,{open:m,onClick:()=>R(p),label:`Edit ${e}`})]})]}),m&&(0,$.jsxs)(`div`,{className:`border-t bg-muted/40 py-4 pl-4 pr-3`,children:[(0,$.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[(0,$.jsxs)(`div`,{className:`space-y-1`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`label`,{className:`text-xs font-medium`,children:`Backend`}),(0,$.jsx)(HS,{overridden:s.provider!==void 0,source:u.provider})]}),(0,$.jsxs)(`select`,{className:PS,disabled:c,value:s.provider??``,onChange:t=>O(e,`provider`,t.target.value),children:[(0,$.jsx)(`option`,{value:``,children:l.provider?`inherited: ${l.provider}`:`inherited`}),D.map(e=>(0,$.jsx)(`option`,{value:e,children:e},e))]})]}),(0,$.jsx)(US,{label:`Model`,mono:!0,value:s.model,inheritedValue:l.model,onChange:t=>O(e,`model`,t),disabled:c}),(0,$.jsx)(US,{label:`Dimensions`,type:`number`,value:s.dim,inheritedValue:l.dim,onChange:t=>O(e,`dim`,t),disabled:c,hint:`Sizes the vector table. Test asks the backend and fills in what it really returns.`}),(0,$.jsx)(US,{label:`Max length`,type:`number`,value:s.maxLength,inheritedValue:l.maxLength,onChange:t=>O(e,`maxLength`,t),disabled:c})]}),(0,$.jsxs)(`div`,{className:`mt-3 flex flex-wrap gap-4`,children:[(0,$.jsx)(WS,{label:`Chunk long inputs`,checked:b,overridden:s.chunk!==void 0,disabled:c,onChange:t=>k(e,`chunk`,t)}),(0,$.jsx)(WS,{label:`Build ANN index`,checked:s.annIndex??l.annIndex??!0,overridden:s.annIndex!==void 0,disabled:c,onChange:t=>k(e,`annIndex`,t)})]})]})]},e)})}),!c&&(0,$.jsxs)(`div`,{className:`mt-2 flex flex-wrap items-center gap-2`,children:[(0,$.jsx)(Y,{value:S,onChange:e=>C(e.target.value),onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),N())},placeholder:`new space name (e.g. audio)`,className:`h-8 w-full max-w-xs text-sm sm:w-auto`}),(0,$.jsxs)(Z,{type:`button`,size:`sm`,variant:`ghost`,onClick:N,children:[(0,$.jsx)(Wi,{className:`mr-1.5 h-3.5 w-3.5`}),`Add space`]})]})]}),(0,$.jsxs)(`section`,{children:[(0,$.jsx)(VS,{title:`Model providers`,hint:`Connect a service here, then select it under Search models above. Built-in providers work without an extra connection. Provider changes take effect when you save.`}),(0,$.jsx)(`div`,{className:`divide-y overflow-hidden rounded-lg border`,children:D.map(e=>{let n=f.providers?.[e]||{},r=t.providers?.[e]||{},i=gS.includes(e),a=f.providers?.[e]!==void 0,o=`provider:${e}`,s=w===o,l=n.type??r.type,u=l?IS[l]:void 0,d=u?.url?BS(n[u.url.key]):null,p={...r,...n},h=LS.filter(e=>!(n[e]===void 0||e===u?.url?.key||e===`apiKey`&&u?.apiKey||e===`cacheDir`&&u?.cacheDir)),g=E.filter(n=>(f.spaces?.[n]?.provider??t.spaces?.[n]?.provider)===e);return(0,$.jsxs)(`div`,{children:[(0,$.jsxs)(`div`,{className:`flex flex-col gap-2 px-4 py-3 sm:flex-row sm:items-start sm:gap-3`,children:[(0,$.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap items-baseline gap-x-2 gap-y-1`,children:[(0,$.jsx)(`span`,{className:`font-mono text-sm font-semibold`,children:e}),(0,$.jsx)(`span`,{className:`rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground`,children:l??`no type`}),i&&(0,$.jsx)(`span`,{className:`text-[10px] text-muted-foreground`,children:`built-in`}),p.apiKeySet&&!m.has(e)&&(0,$.jsx)(`span`,{className:`text-[10px] font-medium text-success`,children:`key set`}),d&&(0,$.jsx)(`span`,{className:`text-[10px] font-medium text-destructive`,children:`check endpoint`})]}),(0,$.jsx)(`p`,{className:`mt-1 truncate font-mono text-[11px] text-muted-foreground`,children:u?u.where(p):`—`}),g.length>0&&(0,$.jsxs)(`p`,{className:`mt-1 text-[11px] text-muted-foreground`,children:[`used by `,g.join(`, `)]})]}),(0,$.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1 max-sm:justify-end`,children:[a&&!i&&!c&&(0,$.jsx)(Z,{type:`button`,size:`sm`,variant:`ghost`,onClick:()=>M(e),title:`Remove this override`,children:(0,$.jsx)(Xr,{className:`h-3.5 w-3.5`})}),(0,$.jsx)(KS,{open:s,onClick:()=>R(o),label:`Edit ${e}`})]})]}),s&&(0,$.jsxs)(`div`,{className:`border-t bg-muted/40 px-4 py-4`,children:[(0,$.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[(0,$.jsxs)(`div`,{className:`space-y-1`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`label`,{className:`text-xs font-medium`,children:`Type`}),(0,$.jsx)(HS,{overridden:n.type!==void 0,source:r.type})]}),(0,$.jsxs)(`select`,{className:PS,disabled:c,value:n.type??``,onChange:t=>A(e,`type`,t.target.value),children:[(0,$.jsx)(`option`,{value:``,children:r.type?`inherited: ${r.type}`:`inherited`}),hS.map(e=>(0,$.jsx)(`option`,{value:e,children:e},e)),l&&!hS.includes(l)&&(0,$.jsxs)(`option`,{value:l,children:[l,` (legacy)`]})]}),u?.note&&(0,$.jsx)(`p`,{className:`text-[11px] text-muted-foreground`,children:u.note})]}),u?.url&&(0,$.jsx)(US,{label:u.url.label,mono:!0,value:n[u.url.key],inheritedValue:r[u.url.key],onChange:t=>A(e,u.url.key,t),disabled:c,placeholder:r[u.url.key]??u.url.placeholder,hint:u.url.hint,error:d??void 0}),u?.cacheDir&&(0,$.jsx)(US,{label:`Cache directory`,mono:!0,value:n.cacheDir,inheritedValue:r.cacheDir,onChange:t=>A(e,`cacheDir`,t),disabled:c,placeholder:r.cacheDir??`server default`,hint:u.cacheDir}),u?.imageInput&&(0,$.jsxs)(`div`,{className:`space-y-1`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`label`,{className:`text-xs font-medium`,children:`Image input shape`}),(0,$.jsx)(HS,{overridden:n.imageInput!==void 0,source:r.imageInput})]}),(0,$.jsxs)(`select`,{className:PS,disabled:c,value:n.imageInput??``,onChange:t=>A(e,`imageInput`,t.target.value),children:[(0,$.jsx)(`option`,{value:``,children:r.imageInput?`inherited: ${r.imageInput}`:`inherited: data-uri`}),RS.map(e=>(0,$.jsx)(`option`,{value:e.value,children:e.label},e.value))]}),(0,$.jsx)(`p`,{className:`text-[11px] text-muted-foreground`,children:RS.find(e=>e.value===(n.imageInput??r.imageInput??`data-uri`))?.hint})]}),u?.timeoutMs&&(0,$.jsx)(US,{label:`Request timeout (ms)`,type:`number`,value:n.timeoutMs,inheritedValue:r.timeoutMs??zS,onChange:t=>A(e,`timeoutMs`,t),disabled:c,hint:`How long to wait for a batch before giving up. Raise it for a slow or cold GPU host.`}),u?.apiKey&&(0,$.jsxs)(`div`,{className:`space-y-1`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`label`,{className:`text-xs font-medium`,children:`API key`}),m.has(e)&&(0,$.jsx)(`span`,{className:`rounded bg-warning-subtle px-1.5 py-0.5 text-[10px] font-medium text-warning`,children:`will be written`})]}),(0,$.jsx)(Y,{type:`password`,autoComplete:`new-password`,disabled:c,value:n.apiKey??``,onChange:t=>A(e,`apiKey`,t.target.value),placeholder:r.apiKeySet?`•••••••• (stored; leave empty to keep)`:`unset`,className:`h-8 text-sm`}),(0,$.jsxs)(`p`,{className:`text-[11px] text-muted-foreground`,children:[u.apiKey,` Write-only: the stored key is never sent back, and leaving this empty keeps whatever is stored.`]})]})]}),u?.headers&&(0,$.jsx)(GS,{disabled:c,storedNames:r.headerNames,value:n.headers,onChange:t=>j(e,`headers`,t)}),h.length>0&&!c&&(0,$.jsxs)(`div`,{className:`mt-3 flex flex-wrap items-center gap-2 rounded-md border border-dashed p-2 text-[11px] text-muted-foreground`,children:[(0,$.jsxs)(`span`,{children:[`Not used by type `,(0,$.jsx)(`span`,{className:`font-mono`,children:l}),`:`,` `,(0,$.jsx)(`span`,{className:`font-mono`,children:h.join(`, `)})]}),(0,$.jsx)(`button`,{type:`button`,className:`underline hover:text-foreground`,onClick:()=>h.forEach(t=>A(e,t,``)),children:`clear`})]}),r.headerNames&&r.headerNames.length>0&&(0,$.jsxs)(`p`,{className:`mt-3 text-[11px] text-muted-foreground`,children:[`Stored custom headers: `,(0,$.jsx)(`span`,{className:`font-mono`,children:r.headerNames.join(`, `)}),` (values not shown)`]})]})]},e)})}),!c&&(0,$.jsxs)(`div`,{className:`mt-2 flex flex-wrap items-center gap-2`,children:[(0,$.jsx)(Y,{value:b,onChange:e=>x(e.target.value),onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),P(b.trim()))},placeholder:`new backend name (e.g. gpu)`,className:`h-8 w-full max-w-xs text-sm sm:w-auto`}),(0,$.jsxs)(Z,{type:`button`,size:`sm`,variant:`ghost`,onClick:()=>P(b.trim()),children:[(0,$.jsx)(Wi,{className:`mr-1.5 h-3.5 w-3.5`}),`Add backend`]}),_S.filter(e=>!D.includes(e.id)).map(e=>(0,$.jsx)(Z,{type:`button`,size:`sm`,variant:`outline`,onClick:()=>P(e.id,e.baseUrl),title:`Add an openai-type backend '${e.id}' pointed at ${e.baseUrl}`,children:e.label},e.id))]})]}),!c&&(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3 border-t pt-4`,children:[(0,$.jsx)(Z,{type:`button`,size:`sm`,variant:te?`default`:`outline`,onClick:L,disabled:s||!te||I.length>0,children:s?`Saving…`:l}),(0,$.jsx)(Z,{type:`button`,size:`sm`,variant:`ghost`,disabled:s||!te,onClick:()=>{p(structuredClone(e)),h(new Set)},children:`Discard changes`}),(0,$.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:I.length>0?(0,$.jsxs)(`span`,{className:`font-medium text-destructive`,children:[I.length,` endpoint `,I.length===1?`needs`:`need`,` fixing`]}):te?`Unsaved changes`:`Everything saved`})]})]})}function YS(){let{showToast:e}=vo(),[t,n]=(0,Q.useState)(null),[r,i]=(0,Q.useState)(!0),[a,o]=(0,Q.useState)(!1),[s,c]=(0,Q.useState)(null),l=(0,Q.useCallback)(()=>OS().then(e=>{n(e),c(null)}).catch(e=>c(e instanceof Error?e.message:`Failed to load embedding defaults`)).finally(()=>i(!1)),[]);(0,Q.useEffect)(()=>{l()},[l]);let u=()=>{i(!0),l()};return(0,$.jsxs)(`div`,{className:`mx-auto max-w-4xl p-6`,children:[(0,$.jsx)(ph,{compact:!0,className:`mb-6`,title:`Search & AI defaults`,onBack:Jv(),description:`Your account · Choose the embedding models used for text and image search. Workspace settings override these defaults. Running workspaces adopt new defaults when restarted.`,actions:(0,$.jsxs)(Z,{type:`button`,size:`sm`,variant:`outline`,onClick:u,disabled:r,children:[(0,$.jsx)(qn,{className:`mr-2 h-3.5 w-3.5`}),`Refresh`]})}),r?(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-sm text-muted-foreground`,children:[(0,$.jsx)(qn,{className:`h-4 w-4 animate-spin`}),`Loading…`]}):s||!t?(0,$.jsxs)(`div`,{className:`space-y-3`,children:[(0,$.jsxs)(`div`,{className:`rounded-md border border-destructive/40 bg-destructive/5 p-4 text-sm`,children:[(0,$.jsx)(`p`,{className:`font-medium text-destructive`,children:`Embedding defaults unavailable`}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:s||`No config returned.`})]}),(0,$.jsx)(Z,{type:`button`,size:`sm`,variant:`outline`,onClick:u,children:`Retry`})]}):(0,$.jsx)(JS,{value:t.user||{},effective:t.effective||{},inherited:t.serverDefaults||{},invalid:t.invalid,saving:a,saveLabel:`Save defaults`,onSave:async t=>{o(!0);try{let n=await kS(t);e({title:`Defaults saved`,description:n.restartRequired?`${n.workspaces.length} running workspace(s) keep their current tables until restarted. Set the config on a workspace directly to change it live.`:`New workspaces will inherit this.`}),await l()}catch(t){e({title:`Save failed`,description:t instanceof Error?t.message:`Failed to save`,variant:`destructive`})}finally{o(!1)}}},JSON.stringify(t.user))]})}function XS(){let e=an(),{showToast:t}=vo(),n=new URLSearchParams(e.search),r=e=>{try{let t=new URL(e);return t.pathname.includes(`/rest/v2/workspaces/`)&&!t.pathname.includes(`/rest/v2/pub/`)?t.pathname=t.pathname.replace(`/rest/v2/workspaces/`,`/rest/v2/pub/workspaces/`):t.pathname.includes(`/rest/v2/contexts/`)&&!t.pathname.includes(`/rest/v2/pub/`)&&(t.pathname=t.pathname.replace(`/rest/v2/contexts/`,`/rest/v2/pub/contexts/`)),t.toString()}catch{return e}},i=r(n.get(`url`)||``),a=sessionStorage.getItem(`sharedToken:last`)||``,[o,s]=(0,Q.useState)(i),[c,l]=(0,Q.useState)(a),[u,d]=(0,Q.useState)(null),[f,p]=(0,Q.useState)([]),[m,h]=(0,Q.useState)(!1),g=(0,Q.useMemo)(()=>{try{let e=new URL(o);return e.pathname.includes(`/pub/workspaces/`)?`workspace`:e.pathname.includes(`/pub/contexts/`)?`context`:`unknown`}catch{return`unknown`}},[o]),_=()=>({Authorization:`Bearer ${c.trim()}`}),v=async()=>{if(!(!o||!c)){h(!0);try{let e=r(o),t=await X.get(e,{skipAuth:!0,headers:_()});d(t);let n=await X.get(`${e}/documents`,{skipAuth:!0,headers:_()}),i=Array.isArray(n)?n:Array.isArray(n?.data)?n.data:[];p(Array.isArray(i)?i:[])}catch(e){let n=o.includes(`/rest/v2/workspaces/`)?`Ensure the URL uses /rest/v2/pub/workspaces/<workspace-id> and the token matches that workspace.`:o.includes(`/rest/v2/contexts/`)?`Ensure the URL uses /rest/v2/pub/contexts/<context-id>.`:void 0;t({title:`Error`,description:`${e instanceof Error?e.message:`Failed to load shared resource`}${n?`: ${n}`:``}`,variant:`destructive`}),d(null),p([])}finally{h(!1)}}},y=(0,Q.useRef)(v);return(0,Q.useEffect)(()=>{y.current()},[]),(0,$.jsxs)(`div`,{className:`space-y-4`,children:[(0,$.jsx)(ph,{onBack:Jv(),title:`Shared Resource Viewer`,description:`Open a resource someone shared with you.`}),(0,$.jsxs)(`div`,{className:`grid gap-2 md:grid-cols-3`,children:[(0,$.jsx)(Y,{value:o,onChange:e=>s(e.target.value),placeholder:`Full pub URL`}),(0,$.jsx)(Y,{value:c,onChange:e=>l(e.target.value),placeholder:`Access token (canvas-...)`}),(0,$.jsx)(Z,{onClick:v,disabled:m||!o||!c,children:`Load`})]}),(0,$.jsxs)(`div`,{className:`text-sm text-muted-foreground`,children:[`Type: `,g]}),m?(0,$.jsx)(`div`,{className:`text-center py-8 text-muted-foreground`,children:`Loading...`}):(0,$.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,$.jsxs)(`div`,{className:`border rounded p-3`,children:[(0,$.jsx)(`h2`,{className:`font-semibold mb-2`,children:`Metadata`}),(0,$.jsx)(`pre`,{className:`text-xs overflow-auto max-h-80`,children:JSON.stringify(u,null,2)})]}),(0,$.jsxs)(`div`,{className:`border rounded p-3`,children:[(0,$.jsxs)(`h2`,{className:`font-semibold mb-2`,children:[`Documents (`,f.length,`)`]}),f.length===0?(0,$.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`No documents`}):(0,$.jsx)(`ul`,{className:`space-y-2 text-sm`,children:f.slice(0,100).map((e,t)=>(0,$.jsxs)(`li`,{className:`border rounded p-2`,children:[(0,$.jsx)(`div`,{className:`font-mono text-xs`,children:e.id}),(0,$.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:e.schema})]},t))})]})]}),(0,$.jsx)($l,{className:`mt-8`})]})}function ZS(e={}){let t=new URLSearchParams;e.tail&&t.set(`tail`,String(e.tail)),e.level&&t.set(`level`,e.level),e.module&&t.set(`module`,e.module);let n=t.toString();return n?`?${n}`:``}function QS(){let e=localStorage.getItem(`authToken`);if(!e)throw Error(`Authentication required`);let t=localStorage.getItem(`appName`)||window.location.hostname;return{Authorization:`Bearer ${e}`,"X-App-Name":t,Accept:`text/event-stream`}}var $S={users:{async listUsers(e){let t=new URLSearchParams;e?.status&&t.append(`status`,e.status),e?.userType&&t.append(`userType`,e.userType);let n=t.toString(),r=n?`${Xa.admin.users}?${n}`:Xa.admin.users;return await X.get(r)},async getUser(e){return await X.get(`${Xa.admin.users}/${e}`)},async createUser(e){return await X.post(Xa.admin.users,e)},async updateUser(e,t){return await X.put(`${Xa.admin.users}/${e}`,t)},async deleteUser(e){await X.delete(`${Xa.admin.users}/${e}`)}},workspaces:{async listAllWorkspaces(){return await X.get(Xa.admin.workspaces)},async createWorkspace(e){return await X.post(Xa.admin.workspaces,e)},async deleteWorkspace(e){await X.delete(`${Xa.admin.workspaces}/${e}`)}},logs:{async getLogs(e={}){return(await X.get(`${Xa.admin.logs}${ZS(e)}`)).logs||[]},async streamLogs(e={},t={}){let{signal:n,onEntry:r,onError:i}=t;try{let t=await fetch(`${Xa.admin.logsStream}${ZS(e)}`,{method:`GET`,headers:QS(),credentials:`include`,signal:n});if(!t.ok)throw Error(`Failed to open log stream (${t.status})`);if(!t.body)throw Error(`Streaming is not supported by this browser`);let i=t.body.getReader(),a=new TextDecoder,o=``,s=e=>{let t=e.split(`
|
|
13
|
-
`),n=`message`,i=[];for(let e of t)if(!(!e||e.startsWith(`:`))){if(e.startsWith(`event:`)){n=e.slice(6).trim();continue}e.startsWith(`data:`)&&i.push(e.slice(5).trim())}if(n!==`log`||i.length===0)return;let a=JSON.parse(i.join(`
|
|
14
|
-
`));r?.(a)};try{for(;;){let{done:e,value:t}=await i.read();if(e)break;o+=a.decode(t,{stream:!0});let n=o.split(`
|
|
15
|
-
|
|
16
|
-
`);o=n.pop()||``;for(let e of n)s(e)}o.trim()&&s(o)}finally{i.releaseLock()}}catch(e){if(n?.aborted)return;let t=e instanceof Error?e:Error(String(e));throw i?.(t),t}}}},eC=()=>{let e=[`#FF6B6B`,`#4ECDC4`,`#45B7D1`,`#96CEB4`,`#FECA57`,`#FF9FF3`,`#54A0FF`,`#5F27CD`,`#00D2D3`,`#FF9F43`,`#10AC84`,`#EE5A24`,`#EA2027`,`#009432`,`#0652DD`];return e[Math.floor(Math.random()*e.length)]};function tC(){let e=au()?.userType===`admin`,[t,n]=(0,Q.useState)([]),[r,i]=(0,Q.useState)([]),[a,o]=(0,Q.useState)(e),[s,c]=(0,Q.useState)(!1),[l,u]=(0,Q.useState)(e?null:`Access denied. Admin privileges required.`),[d,f]=(0,Q.useState)(!1),[p,m]=(0,Q.useState)(!1),[h,g]=(0,Q.useState)({search:``,owner:``,type:``,status:``}),[_,v]=(0,Q.useState)({userId:``,name:``,label:``,description:``,color:eC(),type:`workspace`}),{showToast:y}=vo(),b=(0,Q.useCallback)(async()=>{try{o(!0);let e=await $S.workspaces.listAllWorkspaces();n(e),u(null)}catch(e){let t=e instanceof Error?e.message:`Failed to fetch workspaces`;u(t),y({title:`Error`,description:t,variant:`destructive`})}finally{o(!1)}},[y]);(0,Q.useEffect)(()=>{e&&b()},[e,b]);let x=(0,Q.useCallback)(async()=>{try{c(!0);let e=await $S.users.listUsers({status:`active`});i(e)}catch(e){let t=e instanceof Error?e.message:`Failed to fetch users`;y({title:`Error`,description:t,variant:`destructive`})}finally{c(!1)}},[y]),S=async e=>{if(e.preventDefault(),!_.userId||!_.name.trim()){y({title:`Validation Error`,description:`User and workspace name are required`,variant:`destructive`});return}f(!0);try{let e={userId:_.userId,name:_.name.trim(),label:_.label.trim()||_.name.trim(),description:_.description.trim(),color:_.color,type:_.type};await $S.workspaces.createWorkspace(e),v({userId:``,name:``,label:``,description:``,color:eC(),type:`workspace`}),m(!1),await b(),y({title:`Success`,description:`Workspace created successfully`})}catch(e){let t=e instanceof Error?e.message:`Failed to create workspace`;y({title:`Error`,description:t,variant:`destructive`})}finally{f(!1)}},C=async(e,t)=>{if(confirm(`Are you sure you want to delete workspace "${t}"? This action cannot be undone and will delete all data in the workspace.`))try{await $S.workspaces.deleteWorkspace(e),await b(),y({title:`Success`,description:`Workspace deleted successfully`})}catch(e){let t=e instanceof Error?e.message:`Failed to delete workspace`;y({title:`Error`,description:t,variant:`destructive`})}},w=async()=>{v({userId:``,name:``,label:``,description:``,color:eC(),type:`workspace`}),m(!0),await x()},T=()=>{m(!1)};nt(T,p);let E=t.filter(e=>{let t=h.search===``||e.name.toLowerCase().includes(h.search.toLowerCase())||e.label.toLowerCase().includes(h.search.toLowerCase())||e.ownerName&&e.ownerName.toLowerCase().includes(h.search.toLowerCase())||e.ownerEmail&&e.ownerEmail.toLowerCase().includes(h.search.toLowerCase()),n=h.owner===``||e.owner===h.owner,r=h.type===``||e.type===h.type,i=h.status===``||e.status===h.status;return t&&n&&r&&i}),D=Array.from(new Set(t.map(e=>e.owner))).map(e=>{let n=t.find(t=>t.owner===e);return{id:e,name:n?.ownerName||n?.ownerEmail||e}});return e?(0,$.jsxs)(`div`,{className:`space-y-6`,children:[(0,$.jsx)(ph,{title:`Workspace Administration`,description:`Manage workspaces across all users`}),t.some(e=>e.status!==`active`&&e.protection?.mode&&e.protection.mode!==`none`)&&(0,$.jsxs)(`p`,{className:`text-sm rounded border p-3`,children:[t.filter(e=>e.status!==`active`&&e.protection?.mode&&e.protection.mode!==`none`).length,` protected workspaces waiting for their owners to start them.`]}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-4 md:flex-row md:items-center md:justify-between`,children:[(0,$.jsxs)(`div`,{className:`flex flex-col gap-2 md:flex-row md:items-center`,children:[(0,$.jsx)(Y,{placeholder:`Search workspaces...`,value:h.search,onChange:e=>g(t=>({...t,search:e.target.value})),className:`md:w-64`}),(0,$.jsxs)(`select`,{value:h.owner,onChange:e=>g(t=>({...t,owner:e.target.value})),className:`px-3 py-2 border border-border rounded-md`,children:[(0,$.jsx)(`option`,{value:``,children:`All Owners`}),D.map(e=>(0,$.jsx)(`option`,{value:e.id,children:e.name},e.id))]}),(0,$.jsxs)(`select`,{value:h.type,onChange:e=>g(t=>({...t,type:e.target.value})),className:`px-3 py-2 border border-border rounded-md`,children:[(0,$.jsx)(`option`,{value:``,children:`All Types`}),(0,$.jsx)(`option`,{value:`workspace`,children:`Workspace`}),(0,$.jsx)(`option`,{value:`universe`,children:`Universe`})]}),(0,$.jsxs)(`select`,{value:h.status,onChange:e=>g(t=>({...t,status:e.target.value})),className:`px-3 py-2 border border-border rounded-md`,children:[(0,$.jsx)(`option`,{value:``,children:`All Statuses`}),(0,$.jsx)(`option`,{value:`active`,children:`Active`}),(0,$.jsx)(`option`,{value:`inactive`,children:`Inactive`}),(0,$.jsx)(`option`,{value:`error`,children:`Error`})]})]}),(0,$.jsxs)(Z,{onClick:w,children:[(0,$.jsx)(Wi,{className:`mr-2 h-4 w-4`}),`Create Workspace`]})]}),(0,$.jsxs)(`div`,{className:`space-y-4`,children:[a&&(0,$.jsx)(`p`,{className:`text-center text-muted-foreground`,children:`Loading workspaces...`}),l&&!t.length&&(0,$.jsx)(`div`,{className:`text-center text-destructive`,children:(0,$.jsx)(`p`,{children:l})}),!a&&!l&&E.length===0&&(0,$.jsx)(`p`,{className:`text-center text-muted-foreground`,children:`No workspaces found`}),E.length>0&&(0,$.jsx)(`div`,{className:`border rounded-md`,children:(0,$.jsx)(`div`,{className:`overflow-x-auto`,children:(0,$.jsxs)(`table`,{className:`w-full`,children:[(0,$.jsx)(`thead`,{children:(0,$.jsxs)(`tr`,{className:`bg-muted/50`,children:[(0,$.jsx)(`th`,{className:`text-left p-3 font-medium`,children:`Name`}),(0,$.jsx)(`th`,{className:`text-left p-3 font-medium`,children:`Label`}),(0,$.jsx)(`th`,{className:`text-left p-3 font-medium`,children:`Owner`}),(0,$.jsx)(`th`,{className:`text-left p-3 font-medium`,children:`Type`}),(0,$.jsx)(`th`,{className:`text-left p-3 font-medium`,children:`Status`}),(0,$.jsx)(`th`,{className:`text-left p-3 font-medium`,children:`Color`}),(0,$.jsx)(`th`,{className:`text-left p-3 font-medium`,children:`Created`}),(0,$.jsx)(`th`,{className:`text-right p-3 font-medium`,children:`Actions`})]})}),(0,$.jsx)(`tbody`,{children:E.map(e=>(0,$.jsxs)(`tr`,{className:`border-t`,children:[(0,$.jsx)(`td`,{className:`p-3 font-medium font-mono text-sm`,children:e.name}),(0,$.jsx)(`td`,{className:`p-3`,children:e.label}),(0,$.jsx)(`td`,{className:`p-3`,children:(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(tr,{className:`h-4 w-4 text-muted-foreground`}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`div`,{className:`font-medium`,children:e.ownerName||`Unknown`}),(0,$.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:e.ownerEmail})]})]})}),(0,$.jsx)(`td`,{className:`p-3`,children:(0,$.jsx)(`span`,{className:`px-2 py-1 rounded-full text-xs ${e.type===`universe`?`bg-accent text-primary`:`bg-info-subtle text-info`}`,children:e.type})}),(0,$.jsx)(`td`,{className:`p-3`,children:(0,$.jsx)(`span`,{className:`px-2 py-1 rounded-full text-xs ${e.status===`active`?`bg-success-subtle text-success`:e.status===`inactive`?`bg-warning-subtle text-warning`:`bg-destructive-subtle text-destructive`}`,children:e.status})}),(0,$.jsx)(`td`,{className:`p-3`,children:(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`div`,{className:`w-4 h-4 rounded border`,style:{backgroundColor:e.color}}),(0,$.jsx)(`span`,{className:`font-mono text-xs`,children:e.color})]})}),(0,$.jsx)(`td`,{className:`p-3`,children:new Date(e.createdAt).toLocaleDateString()}),(0,$.jsxs)(`td`,{className:`p-3 text-right space-x-2`,children:[(0,$.jsx)(Z,{variant:`outline`,size:`sm`,onClick:()=>window.open(`/workspaces/${e.name}`,`_blank`),title:`View workspace`,children:(0,$.jsx)(Ea,{className:`h-4 w-4`})}),(0,$.jsx)(Z,{variant:`outline`,size:`sm`,onClick:()=>C(e.id,e.name),className:`text-destructive hover:bg-destructive/10 hover:text-destructive`,title:`Delete workspace`,disabled:e.type===`universe`,children:(0,$.jsx)($r,{className:`h-4 w-4`})})]})]},e.id))})]})})})]}),(0,$.jsxs)(`div`,{className:`grid grid-cols-1 md:grid-cols-4 gap-4 mt-8`,children:[(0,$.jsxs)(`div`,{className:`bg-card p-4 rounded-lg border`,children:[(0,$.jsx)(`div`,{className:`text-2xl font-bold`,children:t.length}),(0,$.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Total Workspaces`})]}),(0,$.jsxs)(`div`,{className:`bg-card p-4 rounded-lg border`,children:[(0,$.jsx)(`div`,{className:`text-2xl font-bold`,children:t.filter(e=>e.status===`active`).length}),(0,$.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Active Workspaces`})]}),(0,$.jsxs)(`div`,{className:`bg-card p-4 rounded-lg border`,children:[(0,$.jsx)(`div`,{className:`text-2xl font-bold`,children:t.filter(e=>e.type===`universe`).length}),(0,$.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Universe Workspaces`})]}),(0,$.jsxs)(`div`,{className:`bg-card p-4 rounded-lg border`,children:[(0,$.jsx)(`div`,{className:`text-2xl font-bold`,children:D.length}),(0,$.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Unique Owners`})]})]}),p&&(0,$.jsx)(`div`,{className:`fixed inset-0 bg-scrim flex items-center justify-center z-50`,children:(0,$.jsxs)(`div`,{className:`bg-card rounded-lg p-6 w-full max-w-md mx-4`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between mb-4`,children:[(0,$.jsx)(`h3`,{className:`text-lg font-semibold`,children:`Create New Workspace`}),(0,$.jsx)(Z,{variant:`ghost`,size:`sm`,onClick:T,children:(0,$.jsx)(mr,{className:`h-4 w-4`})})]}),(0,$.jsxs)(`form`,{onSubmit:S,className:`space-y-4`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(H,{htmlFor:`userId`,children:`User`}),(0,$.jsxs)(`select`,{id:`userId`,value:_.userId,onChange:e=>v(t=>({...t,userId:e.target.value})),disabled:d||s,className:`w-full px-3 py-2 border border-border rounded-md`,required:!0,children:[(0,$.jsx)(`option`,{value:``,children:`Select a user...`}),r.map(e=>(0,$.jsxs)(`option`,{value:e.id,children:[e.name,` (`,e.email,`)`]},e.id))]}),s&&(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground mt-1`,children:`Loading users...`})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(H,{htmlFor:`name`,children:`Workspace Name`}),(0,$.jsx)(Y,{id:`name`,type:`text`,value:_.name,onChange:e=>v(t=>({...t,name:e.target.value})),placeholder:`my-workspace`,disabled:d,required:!0}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground mt-1`,children:`Lowercase letters, numbers, and hyphens only`})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(H,{htmlFor:`label`,children:`Display Label`}),(0,$.jsx)(Y,{id:`label`,type:`text`,value:_.label,onChange:e=>v(t=>({...t,label:e.target.value})),placeholder:`My Workspace`,disabled:d})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(H,{htmlFor:`description`,children:`Description`}),(0,$.jsx)(Y,{id:`description`,type:`text`,value:_.description,onChange:e=>v(t=>({...t,description:e.target.value})),placeholder:`Workspace description (optional)`,disabled:d})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(H,{htmlFor:`type`,children:`Type`}),(0,$.jsxs)(`select`,{id:`type`,value:_.type,onChange:e=>v(t=>({...t,type:e.target.value})),disabled:d,className:`w-full px-3 py-2 border border-border rounded-md`,children:[(0,$.jsx)(`option`,{value:`workspace`,children:`Workspace`}),(0,$.jsx)(`option`,{value:`universe`,children:`Universe`})]})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(H,{htmlFor:`color`,children:`Color`}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(Y,{id:`color`,type:`color`,value:_.color,onChange:e=>v(t=>({...t,color:e.target.value})),className:`h-10 w-16 p-1`,disabled:d}),(0,$.jsx)(Z,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>v(e=>({...e,color:eC()})),disabled:d,children:`Random`})]})]}),(0,$.jsxs)(`div`,{className:`flex gap-2 pt-4`,children:[(0,$.jsx)(Z,{type:`submit`,disabled:d||s,className:`flex-1`,children:d?`Creating...`:`Create Workspace`}),(0,$.jsx)(Z,{type:`button`,variant:`outline`,onClick:T,disabled:d,children:`Cancel`})]})]})]})})]}):(0,$.jsx)(`div`,{className:`text-center space-y-4`,children:(0,$.jsx)(`div`,{className:`text-destructive`,children:`Access denied. Admin privileges required.`})})}function nC(){let e=au()?.userType===`admin`;return(0,Q.useEffect)(()=>{},[e]),e?(0,$.jsxs)(`div`,{className:`space-y-6`,children:[(0,$.jsx)(ph,{title:`All Contexts`,description:`Manage all contexts across all users`}),(0,$.jsx)(`div`,{className:`flex flex-col items-center justify-center py-12 space-y-4`,children:(0,$.jsxs)(`div`,{className:`text-center`,children:[(0,$.jsx)(`h2`,{className:`text-2xl font-semibold mb-2`,children:`Coming Soon`}),(0,$.jsx)(`p`,{className:`text-muted-foreground max-w-md`,children:`Global context management is currently under development. Check back later for updates.`})]})})]}):(0,$.jsx)(`div`,{className:`text-center space-y-4`,children:(0,$.jsx)(`div`,{className:`text-destructive`,children:`Access denied. Admin privileges required.`})})}function rC(){let e=au()?.userType===`admin`;return(0,Q.useEffect)(()=>{},[e]),e?(0,$.jsxs)(`div`,{className:`space-y-6`,children:[(0,$.jsx)(ph,{title:`All Agents`,description:`Manage all AI agents across all users`}),(0,$.jsx)(`div`,{className:`flex flex-col items-center justify-center py-12 space-y-4`,children:(0,$.jsxs)(`div`,{className:`text-center`,children:[(0,$.jsx)(`h2`,{className:`text-2xl font-semibold mb-2`,children:`Coming Soon`}),(0,$.jsx)(`p`,{className:`text-muted-foreground max-w-md`,children:`Global agent management is currently under development. Check back later for updates.`})]})})]}):(0,$.jsx)(`div`,{className:`text-center space-y-4`,children:(0,$.jsx)(`div`,{className:`text-destructive`,children:`Access denied. Admin privileges required.`})})}var iC={tail:200,level:``,module:``};function aC(e){return e.slice(-1e3)}function oC(e){switch(e.levelLabel){case`fatal`:return`text-destructive`;case`error`:return`text-destructive`;case`warn`:return`text-warning`;case`info`:return`text-info`;case`debug`:return`text-muted-foreground`;case`trace`:return`text-muted-foreground`;default:return`text-success`}}function sC(){let e=Jv(),t=au()?.userType===`admin`,{showToast:n}=vo(),r=(0,Q.useRef)(null),[i,a]=(0,Q.useState)(iC),[o,s]=(0,Q.useState)(iC),[c,l]=(0,Q.useState)([]),[u,d]=(0,Q.useState)(t),[f,p]=(0,Q.useState)(!1),[m,h]=(0,Q.useState)(!1),[g,_]=(0,Q.useState)(t?null:`Access denied. Admin privileges required.`),v=(0,Q.useCallback)(async e=>{try{d(!0);let t=await $S.logs.getLogs(e);l(aC(t)),_(null)}catch(e){let t=e instanceof Error?e.message:`Failed to load server logs`;_(t),n({title:`Error`,description:t,variant:`destructive`})}finally{d(!1)}},[n]);(0,Q.useEffect)(()=>{t&&v(i)},[i,t,v]),(0,Q.useEffect)(()=>{if(!t||m)return;let e=new AbortController;return p(!0),$S.logs.streamLogs(i,{signal:e.signal,onEntry:e=>{l(t=>aC([...t,e]))},onError:e=>{_(e.message)}}).catch(e=>{let t=e instanceof Error?e.message:`Log stream stopped`;_(t),n({title:`Stream error`,description:t,variant:`destructive`})}).finally(()=>{p(!1)}),()=>{e.abort()}},[i,t,m,n]),(0,Q.useEffect)(()=>{!r.current||m||(r.current.scrollTop=r.current.scrollHeight)},[c,m]);let y=()=>{a({tail:Math.min(Math.max(Number(o.tail)||iC.tail,1),500),level:o.level||``,module:o.module.trim()})},b=(0,Q.useMemo)(()=>[{value:``,label:`All levels`},{value:`trace`,label:`Trace`},{value:`debug`,label:`Debug`},{value:`info`,label:`Info`},{value:`warn`,label:`Warn`},{value:`error`,label:`Error`},{value:`fatal`,label:`Fatal`}],[]);return t?(0,$.jsxs)(`div`,{className:`space-y-6`,children:[(0,$.jsx)(ph,{onBack:e,title:`Server Logs`,description:`Live tail for the unified canvas-server logger`,actions:(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-sm`,children:[(0,$.jsx)(Mi,{className:`w-4 h-4 ${f?`text-success`:`text-muted-foreground`}`}),(0,$.jsx)(`span`,{className:`text-muted-foreground`,children:m?`Paused`:f?`Streaming`:`Disconnected`})]})}),(0,$.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-[140px_180px_1fr_auto]`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(H,{htmlFor:`tail`,children:`Tail`}),(0,$.jsx)(Y,{id:`tail`,type:`number`,min:1,max:500,value:o.tail,onChange:e=>s(t=>({...t,tail:Number(e.target.value)}))})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(H,{htmlFor:`level`,children:`Level`}),(0,$.jsx)(`select`,{id:`level`,className:`w-full px-3 py-2 border rounded-md bg-background`,value:o.level,onChange:e=>s(t=>({...t,level:e.target.value})),children:b.map(e=>(0,$.jsx)(`option`,{value:e.value,children:e.label},e.value||`all`))})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(H,{htmlFor:`module`,children:`Module filter`}),(0,$.jsx)(Y,{id:`module`,placeholder:`auth, http, workspace...`,value:o.module,onChange:e=>s(t=>({...t,module:e.target.value}))})]}),(0,$.jsx)(`div`,{className:`flex items-end`,children:(0,$.jsx)(Z,{onClick:y,className:`w-full`,children:`Apply`})})]}),(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,$.jsxs)(Z,{variant:`outline`,onClick:()=>h(e=>!e),children:[m?(0,$.jsx)(xr,{className:`w-4 h-4 mr-2`}):(0,$.jsx)(Bn,{className:`w-4 h-4 mr-2`}),m?`Resume`:`Pause`]}),(0,$.jsxs)(Z,{variant:`outline`,onClick:()=>v(i),children:[(0,$.jsx)(Wn,{className:`w-4 h-4 mr-2`}),`Refresh`]}),(0,$.jsxs)(Z,{variant:`outline`,onClick:()=>l([]),children:[(0,$.jsx)(Xr,{className:`w-4 h-4 mr-2`}),`Clear buffer`]}),(0,$.jsxs)(`span`,{className:`text-sm text-muted-foreground ml-auto`,children:[`Showing `,c.length,` lines`]})]}),g&&(0,$.jsx)(`div`,{className:`rounded-md border border-destructive/30 bg-destructive/5 px-4 py-3 text-sm text-destructive`,children:g}),(0,$.jsx)(`div`,{className:`border rounded-lg overflow-hidden`,children:(0,$.jsx)(`div`,{ref:r,"data-scheme":`dark`,className:`bg-background text-success font-mono text-xs h-viewport-pane overflow-auto p-4 rounded-md`,children:u?(0,$.jsx)(`div`,{className:`text-muted-foreground`,children:`Loading logs...`}):c.length===0?(0,$.jsx)(`div`,{className:`text-muted-foreground`,children:`No logs available`}):(0,$.jsx)(`div`,{className:`whitespace-pre-wrap break-words`,children:c.map((e,t)=>(0,$.jsx)(`div`,{className:oC(e),children:e.line},`${e.time||`log`}-${t}`))})})})]}):(0,$.jsx)(`div`,{className:`text-center space-y-4`,children:(0,$.jsx)(`div`,{className:`text-destructive`,children:`Access denied. Admin privileges required.`})})}var cC={async listRoles(e){let t=new URLSearchParams;e?.type&&t.append(`type`,e.type),e?.userId&&t.append(`userId`,e.userId),e?.workspaceId&&t.append(`workspaceId`,e.workspaceId),e?.status&&t.append(`status`,e.status);let n=t.toString(),r=n?`${Xa.roles}?${n}`:Xa.roles;return(await X.get(r)).roles||[]},async getRole(e){return(await X.get(`${Xa.roles}/${e}`)).role},async createRole(e){return(await X.post(Xa.roles,e)).role},async deleteRole(e,t=!1){let n=t?`?force=true`:``;await X.delete(`${Xa.roles}/${e}${n}`)},async startRole(e){return(await X.post(`${Xa.roles}/${e}/start`,{})).role},async stopRole(e){await X.post(`${Xa.roles}/${e}/stop`,{})},async restartRole(e){return(await X.post(`${Xa.roles}/${e}/restart`,{})).role},async getRoleLogs(e,t=100){return(await X.get(`${Xa.roles}/${e}/logs?tail=${t}`)).logs||[]},async getRoleStats(e){return(await X.get(`${Xa.roles}/${e}/stats`)).stats},async getRoleHealth(e){return(await X.get(`${Xa.roles}/${e}/health`)).health},async listTemplates(){return(await X.get(`${Xa.roleTemplates}`)).templates||[]},async getTemplate(e){return(await X.get(`${Xa.roleTemplates}/${e}`)).template}};function lC({status:e}){let t={running:{icon:Dr,color:`text-success`,bg:`bg-success-subtle`,label:`Running`},stopped:{icon:Fn,color:`text-muted-foreground`,bg:`bg-muted`,label:`Stopped`},starting:{icon:Kn,color:`text-info`,bg:`bg-info-subtle`,label:`Starting`},stopping:{icon:Kn,color:`text-warning`,bg:`bg-warning-subtle`,label:`Stopping`},error:{icon:Xn,color:`text-destructive`,bg:`bg-destructive-subtle`,label:`Error`},created:{icon:Mi,color:`text-muted-foreground`,bg:`bg-muted`,label:`Created`},configured:{icon:Mi,color:`text-info`,bg:`bg-info-subtle`,label:`Configured`},removed:{icon:Fn,color:`text-destructive`,bg:`bg-destructive-subtle`,label:`Removed`}},n=t[e]||t.created,r=n.icon;return(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-1 px-2 py-1 rounded text-xs font-medium ${n.bg} ${n.color}`,children:[(0,$.jsx)(r,{className:`w-3 h-3`}),n.label]})}function uC({type:e}){return(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-1 px-2 py-1 rounded text-xs font-medium ${e===`global`?`bg-accent text-primary`:`bg-info-subtle text-info`}`,children:[(0,$.jsx)(Fi,{className:`w-3 h-3`}),e===`global`?`Global`:`Workspace`]})}function dC(){let e=Jv(),t=au()?.userType===`admin`,[n,r]=(0,Q.useState)([]),[i,a]=(0,Q.useState)([]),[o,s]=(0,Q.useState)(t),[c,l]=(0,Q.useState)(t?null:`Access denied. Admin privileges required.`),[u,d]=(0,Q.useState)(!1);nt(()=>d(!1),u);let[f,p]=(0,Q.useState)(null),[m,h]=(0,Q.useState)(!1);nt(()=>h(!1),m);let[g,_]=(0,Q.useState)([]),[v,y]=(0,Q.useState)({type:``,status:``,search:``}),[b,x]=(0,Q.useState)({template:``,name:``,type:`global`}),{showToast:S}=vo(),C=(0,Q.useRef)(v);(0,Q.useEffect)(()=>{C.current=v},[v]);let w=(0,Q.useCallback)(async()=>{try{s(!0);let{type:e,status:t}=C.current,n=await cC.listRoles({type:e||void 0,status:t||void 0});r(n),l(null)}catch(e){let t=e instanceof Error?e.message:`Failed to fetch roles`;l(t)}finally{s(!1)}},[]),T=(0,Q.useCallback)(async()=>{try{let e=await cC.listTemplates();a(e)}catch(e){console.error(`Failed to fetch templates:`,e)}},[]);(0,Q.useEffect)(()=>{t&&(w(),T())},[t,w,T]);let E=async()=>{if(!b.template||!b.name){S({title:`Validation Error`,description:`Template and name are required`,variant:`destructive`});return}try{await cC.createRole(b),S({title:`Success`,description:`Role "${b.name}" created successfully`}),d(!1),M(),w()}catch(e){let t=e instanceof Error?e.message:`Failed to create role`;S({title:`Error`,description:t,variant:`destructive`})}},D=async e=>{try{await cC.startRole(e.id),S({title:`Success`,description:`Role "${e.name}" started successfully`}),w()}catch(e){let t=e instanceof Error?e.message:`Failed to start role`;S({title:`Error`,description:t,variant:`destructive`})}},O=async e=>{try{await cC.stopRole(e.id),S({title:`Success`,description:`Role "${e.name}" stopped successfully`}),w()}catch(e){let t=e instanceof Error?e.message:`Failed to stop role`;S({title:`Error`,description:t,variant:`destructive`})}},k=async e=>{try{await cC.restartRole(e.id),S({title:`Success`,description:`Role "${e.name}" restarted successfully`}),w()}catch(e){let t=e instanceof Error?e.message:`Failed to restart role`;S({title:`Error`,description:t,variant:`destructive`})}},A=async e=>{if(confirm(`Are you sure you want to delete role "${e.name}"?`))try{await cC.deleteRole(e.id,e.status===`running`),S({title:`Success`,description:`Role "${e.name}" deleted successfully`}),w()}catch(e){let t=e instanceof Error?e.message:`Failed to delete role`;S({title:`Error`,description:t,variant:`destructive`})}},j=async e=>{try{let t=await cC.getRoleLogs(e.id,100);_(t),p(e),h(!0)}catch(e){let t=e instanceof Error?e.message:`Failed to fetch logs`;S({title:`Error`,description:t,variant:`destructive`})}},M=()=>{x({template:``,name:``,type:`global`})},N=()=>{M(),d(!0)},P=()=>{d(!1),M()},ee=n.filter(e=>!v.search||e.name.toLowerCase().includes(v.search.toLowerCase())||e.template.toLowerCase().includes(v.search.toLowerCase()));return t?c&&!t?(0,$.jsx)(`div`,{className:`text-center space-y-4`,children:(0,$.jsx)(`div`,{className:`text-destructive`,children:c})}):(0,$.jsxs)(`div`,{className:`space-y-6`,children:[(0,$.jsx)(ph,{onBack:e,title:`Role Management`,description:`Manage global and workspace roles for Canvas services`,actions:(0,$.jsxs)(Z,{onClick:N,className:`gap-2`,children:[(0,$.jsx)(Wi,{className:`w-4 h-4`}),`Create Role`]})}),(0,$.jsxs)(`div`,{className:`flex gap-4 items-end`,children:[(0,$.jsxs)(`div`,{className:`flex-1`,children:[(0,$.jsx)(H,{htmlFor:`search`,children:`Search`}),(0,$.jsx)(Y,{id:`search`,placeholder:`Search by name or template...`,value:v.search,onChange:e=>y({...v,search:e.target.value})})]}),(0,$.jsxs)(`div`,{className:`w-48`,children:[(0,$.jsx)(H,{htmlFor:`type`,children:`Type`}),(0,$.jsxs)(`select`,{id:`type`,className:`w-full px-3 py-2 border rounded-md bg-background`,value:v.type,onChange:e=>y({...v,type:e.target.value}),children:[(0,$.jsx)(`option`,{value:``,children:`All Types`}),(0,$.jsx)(`option`,{value:`global`,children:`Global`}),(0,$.jsx)(`option`,{value:`workspace`,children:`Workspace`})]})]}),(0,$.jsxs)(`div`,{className:`w-48`,children:[(0,$.jsx)(H,{htmlFor:`status`,children:`Status`}),(0,$.jsxs)(`select`,{id:`status`,className:`w-full px-3 py-2 border rounded-md bg-background`,value:v.status,onChange:e=>y({...v,status:e.target.value}),children:[(0,$.jsx)(`option`,{value:``,children:`All Statuses`}),(0,$.jsx)(`option`,{value:`running`,children:`Running`}),(0,$.jsx)(`option`,{value:`stopped`,children:`Stopped`}),(0,$.jsx)(`option`,{value:`starting`,children:`Starting`}),(0,$.jsx)(`option`,{value:`error`,children:`Error`})]})]}),(0,$.jsxs)(Z,{onClick:w,variant:`outline`,children:[(0,$.jsx)(Wn,{className:`w-4 h-4 mr-2`}),`Refresh`]})]}),o?(0,$.jsx)(`div`,{className:`text-center py-8`,children:`Loading roles...`}):ee.length===0?(0,$.jsxs)(`div`,{className:`text-center py-8 border rounded-lg`,children:[(0,$.jsx)(Fi,{className:`w-12 h-12 mx-auto text-muted-foreground mb-4`}),(0,$.jsx)(`p`,{className:`text-muted-foreground`,children:v.search||v.type||v.status?`No roles match your filters`:`No roles created yet`}),!v.search&&!v.type&&!v.status&&(0,$.jsxs)(Z,{onClick:N,variant:`outline`,className:`mt-4`,children:[(0,$.jsx)(Wi,{className:`w-4 h-4 mr-2`}),`Create Your First Role`]})]}):(0,$.jsx)(`div`,{className:`border rounded-lg`,children:(0,$.jsxs)(`table`,{className:`w-full`,children:[(0,$.jsx)(`thead`,{className:`bg-muted/50`,children:(0,$.jsxs)(`tr`,{children:[(0,$.jsx)(`th`,{className:`text-left p-4 font-medium`,children:`Name`}),(0,$.jsx)(`th`,{className:`text-left p-4 font-medium`,children:`Template`}),(0,$.jsx)(`th`,{className:`text-left p-4 font-medium`,children:`Type`}),(0,$.jsx)(`th`,{className:`text-left p-4 font-medium`,children:`Status`}),(0,$.jsx)(`th`,{className:`text-left p-4 font-medium`,children:`Container`}),(0,$.jsx)(`th`,{className:`text-left p-4 font-medium`,children:`Created`}),(0,$.jsx)(`th`,{className:`text-right p-4 font-medium`,children:`Actions`})]})}),(0,$.jsx)(`tbody`,{className:`divide-y`,children:ee.map(e=>(0,$.jsxs)(`tr`,{className:`hover:bg-muted/50`,children:[(0,$.jsx)(`td`,{className:`p-4 font-medium`,children:e.name}),(0,$.jsx)(`td`,{className:`p-4 text-sm text-muted-foreground`,children:e.template}),(0,$.jsx)(`td`,{className:`p-4`,children:(0,$.jsx)(uC,{type:e.type})}),(0,$.jsx)(`td`,{className:`p-4`,children:(0,$.jsx)(lC,{status:e.status})}),(0,$.jsx)(`td`,{className:`p-4 text-sm text-muted-foreground`,children:e.container?.name||`-`}),(0,$.jsx)(`td`,{className:`p-4 text-sm text-muted-foreground`,children:new Date(e.createdAt).toLocaleDateString()}),(0,$.jsx)(`td`,{className:`p-4`,children:(0,$.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[e.status===`stopped`||e.status===`created`?(0,$.jsx)(Z,{size:`sm`,variant:`outline`,onClick:()=>D(e),title:`Start`,children:(0,$.jsx)(xr,{className:`w-4 h-4`})}):e.status===`running`?(0,$.jsx)(Z,{size:`sm`,variant:`outline`,onClick:()=>O(e),title:`Stop`,children:(0,$.jsx)(_a,{className:`w-4 h-4`})}):null,e.status===`running`&&(0,$.jsx)(Z,{size:`sm`,variant:`outline`,onClick:()=>k(e),title:`Restart`,children:(0,$.jsx)(Wn,{className:`w-4 h-4`})}),(0,$.jsx)(Z,{size:`sm`,variant:`outline`,onClick:()=>j(e),title:`View Logs`,children:(0,$.jsx)(Vi,{className:`w-4 h-4`})}),(0,$.jsx)(Z,{size:`sm`,variant:`outline`,onClick:()=>A(e),title:`Delete`,className:`text-destructive hover:text-destructive`,children:(0,$.jsx)($r,{className:`w-4 h-4`})})]})})]},e.id))})]})}),u&&(0,$.jsx)(`div`,{className:`fixed inset-0 bg-scrim flex items-center justify-center z-50`,children:(0,$.jsx)(`div`,{className:`bg-background rounded-lg shadow-elevation-3 max-w-lg w-full mx-4 max-h-viewport-modal overflow-y-auto`,children:(0,$.jsxs)(`div`,{className:`p-6 space-y-4`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,$.jsx)(`h2`,{className:`text-xl font-bold`,children:`Create New Role`}),(0,$.jsx)(Z,{size:`sm`,variant:`ghost`,onClick:P,children:(0,$.jsx)(mr,{className:`w-4 h-4`})})]}),(0,$.jsxs)(`div`,{className:`space-y-4`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(H,{htmlFor:`template`,children:`Template *`}),(0,$.jsxs)(`select`,{id:`template`,className:`w-full px-3 py-2 border rounded-md bg-background mt-1`,value:b.template,onChange:e=>x({...b,template:e.target.value}),children:[(0,$.jsx)(`option`,{value:``,children:`Select a template...`}),i.map(e=>(0,$.jsxs)(`option`,{value:e.id,children:[e.name,` - `,e.description]},e.id))]})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(H,{htmlFor:`name`,children:`Role Name *`}),(0,$.jsx)(Y,{id:`name`,placeholder:`e.g., canvas-sshd`,value:b.name,onChange:e=>x({...b,name:e.target.value})})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(H,{htmlFor:`roleType`,children:`Type *`}),(0,$.jsxs)(`select`,{id:`roleType`,className:`w-full px-3 py-2 border rounded-md bg-background mt-1`,value:b.type,onChange:e=>x({...b,type:e.target.value}),children:[(0,$.jsx)(`option`,{value:`global`,children:`Global (Server-wide)`}),(0,$.jsx)(`option`,{value:`workspace`,children:`Workspace (User-scoped)`})]})]}),b.template&&(0,$.jsxs)(`div`,{className:`p-4 bg-muted rounded-lg`,children:[(0,$.jsx)(`h3`,{className:`font-medium mb-2`,children:`Template Info`}),i.find(e=>e.id===b.template)&&(0,$.jsxs)(`div`,{className:`text-sm space-y-1 text-muted-foreground`,children:[(0,$.jsxs)(`p`,{children:[(0,$.jsx)(`strong`,{children:`Image:`}),` `,i.find(e=>e.id===b.template)?.container.image]}),(0,$.jsxs)(`p`,{children:[(0,$.jsx)(`strong`,{children:`Category:`}),` `,i.find(e=>e.id===b.template)?.category]}),i.find(e=>e.id===b.template)?.documentation?.readme&&(0,$.jsx)(`p`,{className:`mt-2`,children:i.find(e=>e.id===b.template)?.documentation?.readme})]})]})]}),(0,$.jsxs)(`div`,{className:`flex justify-end gap-2 pt-4 border-t`,children:[(0,$.jsx)(Z,{variant:`outline`,onClick:P,children:`Cancel`}),(0,$.jsx)(Z,{onClick:E,children:`Create Role`})]})]})})}),m&&f&&(0,$.jsx)(`div`,{className:`fixed inset-0 bg-scrim flex items-center justify-center z-50`,children:(0,$.jsxs)(`div`,{className:`bg-background rounded-lg shadow-elevation-3 max-w-4xl w-full mx-4 max-h-viewport-modal flex flex-col`,children:[(0,$.jsxs)(`div`,{className:`p-6 border-b flex items-center justify-between`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`h2`,{className:`text-xl font-bold`,children:`Role Logs`}),(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:f.name})]}),(0,$.jsx)(Z,{size:`sm`,variant:`ghost`,onClick:()=>h(!1),children:(0,$.jsx)(mr,{className:`w-4 h-4`})})]}),(0,$.jsx)(`div`,{className:`flex-1 overflow-y-auto p-6`,children:(0,$.jsx)(`div`,{"data-scheme":`dark`,className:`bg-background text-success p-4 rounded font-mono text-xs overflow-x-auto`,children:g.length===0?(0,$.jsx)(`div`,{className:`text-muted-foreground`,children:`No logs available`}):(0,$.jsx)(`pre`,{children:g.join(`
|
|
17
|
-
`)})})}),(0,$.jsx)(`div`,{className:`p-4 border-t flex justify-end`,children:(0,$.jsx)(Z,{onClick:()=>h(!1),children:`Close`})})]})})]}):(0,$.jsx)(`div`,{className:`text-center space-y-4`,children:(0,$.jsx)(`div`,{className:`text-destructive`,children:`Access denied. Admin privileges required.`})})}function fC(){let e=Jv(),t=au(),n=t?.userType===`admin`,[r,i]=(0,Q.useState)([]),[a,o]=(0,Q.useState)(n),[s,c]=(0,Q.useState)(n?null:`Access denied. Admin privileges required.`),[l,u]=(0,Q.useState)(!1),[d,f]=(0,Q.useState)(null),[p,m]=(0,Q.useState)(!1),[h,g]=(0,Q.useState)(!1),[_,v]=(0,Q.useState)(null),[y,b]=(0,Q.useState)({status:``,userType:``,search:``}),[x,S]=(0,Q.useState)({name:``,email:``,password:``,userType:`user`,status:`active`}),{showToast:C}=vo();(0,Q.useEffect)(()=>{n&&(async()=>{try{let e=await uu(),t=!!e?.strategies?.local?.requireEmailVerification;g(t),v(e?.strategies?.local?.passwordPolicy||null)}catch{g(!1),v(null)}})()},[n]);let w=e=>{let t=e.trim().toLowerCase();return t.length<3||t.length>39?`Username must be 3-39 characters long`:/^[a-z0-9_-]+$/.test(t)?null:`Username can only contain lowercase letters, numbers, underscores, and hyphens`},T=e=>{let t=e||``,n=_||{},r=n.minLength??12,i=n.maxLength??128,a=[];return t.length<r&&a.push(`at least ${r} characters`),t.length>i&&a.push(`no more than ${i} characters`),(n.requireUppercase??!0)&&!/[A-Z]/.test(t)&&a.push(`an uppercase letter`),(n.requireLowercase??!0)&&!/[a-z]/.test(t)&&a.push(`a lowercase letter`),(n.requireNumbers??!0)&&!/[0-9]/.test(t)&&a.push(`a number`),(n.requireSpecialChars??!0)&&!/[^A-Za-z0-9]/.test(t)&&a.push(`a special character`),a.length?`Password must contain ${a.join(`, `).replace(/, ([^,]*)$/,` and $1`)}.`:null},E=()=>{let e=_||{},t=[],n=e.minLength??12;return t.push(`${n}+ chars`),(e.requireUppercase??!0)&&t.push(`uppercase`),(e.requireLowercase??!0)&&t.push(`lowercase`),(e.requireNumbers??!0)&&t.push(`number`),(e.requireSpecialChars??!0)&&t.push(`special`),t.join(`, `)},D=e=>{if(!e)return`-`;let t=new Date(e);return isNaN(t.getTime())?`-`:t.toLocaleString()},O=async e=>{try{await du(e),C({title:`Verification email`,description:`If the account exists, a verification email was sent.`})}catch(e){let t=e instanceof Error?e.message:`Failed to send verification email`;C({title:`Error`,description:t,variant:`destructive`})}},k=(0,Q.useCallback)(async()=>{try{o(!0);let{status:e,userType:t}=y,n=await $S.users.listUsers({status:e||void 0,userType:t||void 0});i(n),c(null)}catch(e){let t=e instanceof Error?e.message:`Failed to fetch users`;c(t),C({title:`Error`,description:t,variant:`destructive`})}finally{o(!1)}},[y,C]);(0,Q.useEffect)(()=>{n&&k()},[k,n]);let A=async e=>{if(e.preventDefault(),!x.name.trim()||!x.email.trim()){C({title:`Validation Error`,description:`Name and email are required`,variant:`destructive`});return}let t=w(x.name);if(t){C({title:`Validation Error`,description:t,variant:`destructive`});return}if(!x.password.trim()){C({title:`Validation Error`,description:`Password is required`,variant:`destructive`});return}let n=T(x.password);if(n){C({title:`Validation Error`,description:n,variant:`destructive`});return}u(!0);try{let e={name:x.name.trim().toLowerCase(),email:x.email.trim(),userType:x.userType,status:x.status};if(x.password.trim()&&(e.password=x.password),await $S.users.createUser(e),h&&x.status===`pending`)try{await du(x.email.trim())}catch{}S({name:``,email:``,password:``,userType:`user`,status:h?`pending`:`active`}),m(!1),await k(),C({title:`Success`,description:`User created successfully`})}catch(e){let t=e instanceof Error?e.message:`Failed to create user`;C({title:`Error`,description:t,variant:`destructive`})}finally{u(!1)}},j=async e=>{if(e.preventDefault(),!d)return;let t=w(x.name);if(t){C({title:`Validation Error`,description:t,variant:`destructive`});return}if(x.password.trim()){let e=T(x.password);if(e){C({title:`Validation Error`,description:e,variant:`destructive`});return}}u(!0);try{let e={name:x.name.trim().toLowerCase(),email:x.email.trim(),userType:x.userType,status:x.status};x.password.trim()&&(e.password=x.password),await $S.users.updateUser(d.id,e),f(null),m(!1),await k(),C({title:`Success`,description:`User updated successfully`})}catch(e){let t=e instanceof Error?e.message:`Failed to update user`;C({title:`Error`,description:t,variant:`destructive`})}finally{u(!1)}},M=async(e,t)=>{if(confirm(`Are you sure you want to delete user "${t}"? This action cannot be undone.`))try{await $S.users.deleteUser(e),await k(),C({title:`Success`,description:`User deleted successfully`})}catch(e){let t=e instanceof Error?e.message:`Failed to delete user`;C({title:`Error`,description:t,variant:`destructive`})}},N=()=>{f(null),S({name:``,email:``,password:``,userType:`user`,status:h?`pending`:`active`}),m(!0)},P=e=>{f(e),S({name:e.name,email:e.email,password:``,userType:e.userType,status:e.status}),m(!0)},ee=()=>{m(!1),f(null)};nt(ee,p);let F=r.filter(e=>y.search===``||e.name.toLowerCase().includes(y.search.toLowerCase())||e.email.toLowerCase().includes(y.search.toLowerCase()));return n?(0,$.jsxs)(`div`,{className:`space-y-6`,children:[(0,$.jsx)(ph,{onBack:e,title:`User Management`,description:`Manage user accounts and permissions`}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-4 md:flex-row md:items-center md:justify-between`,children:[(0,$.jsxs)(`div`,{className:`flex flex-col gap-2 md:flex-row md:items-center`,children:[(0,$.jsx)(Y,{placeholder:`Search users...`,value:y.search,onChange:e=>b(t=>({...t,search:e.target.value})),className:`md:w-64`}),(0,$.jsxs)(`select`,{value:y.status,onChange:e=>b(t=>({...t,status:e.target.value})),className:`px-3 py-2 border border-border rounded-md`,children:[(0,$.jsx)(`option`,{value:``,children:`All Statuses`}),(0,$.jsx)(`option`,{value:`active`,children:`Active`}),(0,$.jsx)(`option`,{value:`inactive`,children:`Inactive`}),(0,$.jsx)(`option`,{value:`pending`,children:`Pending`}),(0,$.jsx)(`option`,{value:`deleted`,children:`Deleted`})]}),(0,$.jsxs)(`select`,{value:y.userType,onChange:e=>b(t=>({...t,userType:e.target.value})),className:`px-3 py-2 border border-border rounded-md`,children:[(0,$.jsx)(`option`,{value:``,children:`All Types`}),(0,$.jsx)(`option`,{value:`user`,children:`User`}),(0,$.jsx)(`option`,{value:`admin`,children:`Admin`})]})]}),(0,$.jsxs)(Z,{onClick:N,children:[(0,$.jsx)(Wi,{className:`mr-2 h-4 w-4`}),`Create User`]})]}),(0,$.jsxs)(`div`,{className:`space-y-4`,children:[a&&(0,$.jsx)(`p`,{className:`text-center text-muted-foreground`,children:`Loading users...`}),s&&!r.length&&(0,$.jsx)(`div`,{className:`text-center text-destructive`,children:(0,$.jsx)(`p`,{children:s})}),!a&&!s&&F.length===0&&(0,$.jsx)(`p`,{className:`text-center text-muted-foreground`,children:`No users found`}),F.length>0&&(0,$.jsx)(`div`,{className:`border rounded-md`,children:(0,$.jsx)(`div`,{className:`overflow-x-auto`,children:(0,$.jsxs)(`table`,{className:`w-full`,children:[(0,$.jsx)(`thead`,{children:(0,$.jsxs)(`tr`,{className:`bg-muted/50`,children:[(0,$.jsx)(`th`,{className:`text-left p-3 font-medium`,children:`Name`}),(0,$.jsx)(`th`,{className:`text-left p-3 font-medium`,children:`Email`}),(0,$.jsx)(`th`,{className:`text-left p-3 font-medium`,children:`Type`}),(0,$.jsx)(`th`,{className:`text-left p-3 font-medium`,children:`Status`}),(0,$.jsx)(`th`,{className:`text-left p-3 font-medium`,children:`Created`}),(0,$.jsx)(`th`,{className:`text-left p-3 font-medium`,children:`Updated`}),(0,$.jsx)(`th`,{className:`text-right p-3 font-medium`,children:`Actions`})]})}),(0,$.jsx)(`tbody`,{children:F.map(e=>(0,$.jsxs)(`tr`,{className:`border-t`,children:[(0,$.jsx)(`td`,{className:`p-3 font-medium`,children:e.name}),(0,$.jsx)(`td`,{className:`p-3`,children:e.email}),(0,$.jsx)(`td`,{className:`p-3`,children:(0,$.jsx)(`span`,{className:`px-2 py-1 rounded-full text-xs ${e.userType===`admin`?`bg-destructive-subtle text-destructive`:`bg-info-subtle text-info`}`,children:e.userType})}),(0,$.jsx)(`td`,{className:`p-3`,children:(0,$.jsx)(`span`,{className:`px-2 py-1 rounded-full text-xs ${e.status===`active`?`bg-success-subtle text-success`:e.status===`inactive`?`bg-warning-subtle text-warning`:e.status===`pending`?`bg-info-subtle text-info`:`bg-destructive-subtle text-destructive`}`,children:e.status})}),(0,$.jsx)(`td`,{className:`p-3`,children:D(e.createdAt)}),(0,$.jsx)(`td`,{className:`p-3`,children:D(e.updatedAt)}),(0,$.jsxs)(`td`,{className:`p-3 text-right space-x-2`,children:[(0,$.jsx)(Z,{variant:`outline`,size:`sm`,onClick:()=>P(e),children:(0,$.jsx)(Ir,{className:`h-4 w-4`})}),h&&e.status===`pending`&&(0,$.jsx)(Z,{variant:`outline`,size:`sm`,onClick:()=>O(e.email),title:`Resend activation email`,children:`Resend activation`}),(0,$.jsx)(Z,{variant:`outline`,size:`sm`,onClick:()=>M(e.id,e.name),className:`text-destructive hover:bg-destructive/10 hover:text-destructive`,disabled:e.id===t?.id,title:e.id===t?.id?`Cannot delete your own account`:`Delete user`,children:(0,$.jsx)($r,{className:`h-4 w-4`})})]})]},e.id))})]})})})]}),p&&(0,$.jsx)(`div`,{className:`fixed inset-0 bg-scrim flex items-center justify-center z-50`,children:(0,$.jsxs)(`div`,{className:`bg-card rounded-lg p-6 w-full max-w-md mx-4`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between mb-4`,children:[(0,$.jsx)(`h3`,{className:`text-lg font-semibold`,children:d?`Edit User`:`Create New User`}),(0,$.jsx)(Z,{variant:`ghost`,size:`sm`,onClick:ee,children:(0,$.jsx)(mr,{className:`h-4 w-4`})})]}),(0,$.jsxs)(`form`,{onSubmit:d?j:A,className:`space-y-4`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(H,{htmlFor:`name`,children:`Username`}),(0,$.jsx)(Y,{id:`name`,type:`text`,value:x.name,onChange:e=>S(t=>({...t,name:e.target.value.toLowerCase().replace(/\s+/g,``)})),placeholder:`Enter username`,disabled:l,required:!0}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground mt-1`,children:`3-39 characters, lowercase letters, numbers, underscores, and hyphens only`})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(H,{htmlFor:`email`,children:`Email`}),(0,$.jsx)(Y,{id:`email`,type:`email`,value:x.email,onChange:e=>S(t=>({...t,email:e.target.value})),placeholder:`Enter email address`,disabled:l,required:!0})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsxs)(H,{htmlFor:`password`,children:[`Password `,d&&`(leave blank to keep current)`]}),(0,$.jsx)(Y,{id:`password`,type:`password`,value:x.password,onChange:e=>S(t=>({...t,password:e.target.value})),placeholder:d?`Leave blank to keep current`:`Enter password`,disabled:l,required:!d}),!d&&(0,$.jsxs)(`p`,{className:`text-xs text-muted-foreground mt-1`,children:[`Must satisfy: `,E()]})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(H,{htmlFor:`userType`,children:`User Type`}),(0,$.jsxs)(`select`,{id:`userType`,value:x.userType,onChange:e=>S(t=>({...t,userType:e.target.value})),disabled:l,className:`w-full px-3 py-2 border border-border rounded-md`,children:[(0,$.jsx)(`option`,{value:`user`,children:`User`}),(0,$.jsx)(`option`,{value:`admin`,children:`Admin`})]})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(H,{htmlFor:`status`,children:`Status`}),(0,$.jsxs)(`select`,{id:`status`,value:x.status,onChange:e=>S(t=>({...t,status:e.target.value})),disabled:l,className:`w-full px-3 py-2 border border-border rounded-md`,children:[(0,$.jsx)(`option`,{value:`active`,children:`Active`}),(0,$.jsx)(`option`,{value:`inactive`,children:`Inactive`}),(0,$.jsx)(`option`,{value:`pending`,children:`Pending`}),(0,$.jsx)(`option`,{value:`deleted`,children:`Deleted`})]})]}),(0,$.jsxs)(`div`,{className:`flex gap-2 pt-4`,children:[(0,$.jsx)(Z,{type:`submit`,disabled:l,className:`flex-1`,children:l?`Processing...`:d?`Update User`:`Create User`}),(0,$.jsx)(Z,{type:`button`,variant:`outline`,onClick:ee,disabled:l,children:`Cancel`})]})]})]})})]}):(0,$.jsx)(`div`,{className:`text-center space-y-4`,children:(0,$.jsx)(`div`,{className:`text-destructive`,children:`Access denied. Admin privileges required.`})})}function pC(){let e=Jv(),{showToast:t}=vo(),[n,r]=(0,Q.useState)(null),[i,a]=(0,Q.useState)(!0),[o,s]=(0,Q.useState)(!1),[c,l]=(0,Q.useState)(null),[u,d]=(0,Q.useState)(``),f=au()?.userType===`admin`,p=(0,Q.useCallback)(()=>AS().then(e=>{r(e),d((e.allowHosts||[]).join(`, `)),l(null)}).catch(e=>l(e instanceof Error?e.message:`Failed to load server defaults`)).finally(()=>a(!1)),[]);(0,Q.useEffect)(()=>{p()},[p]);let m=()=>{a(!0),p()};return(0,$.jsxs)(`div`,{className:`mx-auto max-w-4xl p-6`,children:[(0,$.jsx)(ph,{onBack:e,compact:!0,className:`mb-6`,title:`Server search & AI defaults`,description:`Entire server · Set the embedding defaults accounts inherit. Account and workspace overrides take priority. Running workspaces adopt new defaults when restarted.`,actions:(0,$.jsxs)(Z,{type:`button`,size:`sm`,variant:`outline`,onClick:m,disabled:i,children:[(0,$.jsx)(qn,{className:`mr-2 h-3.5 w-3.5`}),`Refresh`]})}),!f&&(0,$.jsxs)(`div`,{className:`mb-4 flex items-start gap-2 rounded-md border p-3 text-xs`,children:[(0,$.jsx)(Ai,{className:`mt-0.5 h-4 w-4 shrink-0 text-muted-foreground`}),(0,$.jsx)(`p`,{className:`text-muted-foreground`,children:`Read-only. Changing server defaults requires an admin account. This is what your workspaces inherit.`})]}),i?(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-sm text-muted-foreground`,children:[(0,$.jsx)(qn,{className:`h-4 w-4 animate-spin`}),`Loading…`]}):c||!n?(0,$.jsxs)(`div`,{className:`space-y-3`,children:[(0,$.jsxs)(`div`,{className:`rounded-md border border-destructive/40 bg-destructive/5 p-4 text-sm`,children:[(0,$.jsx)(`p`,{className:`font-medium text-destructive`,children:`Server defaults unavailable`}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:c||`No config returned.`})]}),(0,$.jsx)(Z,{type:`button`,size:`sm`,variant:`outline`,onClick:m,children:`Retry`})]}):(0,$.jsxs)(`div`,{className:`space-y-4`,children:[(0,$.jsxs)(`p`,{className:`text-[11px] text-muted-foreground`,children:[`Config file: `,(0,$.jsx)(`span`,{className:`font-mono`,children:n.configPath})]}),(0,$.jsxs)(`section`,{className:`rounded-lg border p-4`,children:[(0,$.jsx)(`h3`,{className:`text-sm font-semibold`,children:`Endpoint allowlist`}),(0,$.jsx)(`p`,{className:`mb-2 mt-1 text-[11px] text-muted-foreground`,children:`Provider URLs are fetched by the server, so they are an SSRF surface. Link-local and cloud-metadata targets are always refused; list additional hosts here to permit them. Comma-separated, empty = only the always-blocked ranges apply.`}),(0,$.jsx)(Y,{value:u,disabled:!f,onChange:e=>d(e.target.value),placeholder:`gpu.internal, embeddings.example.com`,className:`h-8 text-sm`})]}),(0,$.jsx)(JS,{value:n.serverDefaults||{},effective:n.serverDefaults||{},inherited:{},saving:o,disabled:!f,saveLabel:`Save server defaults`,onSave:async e=>{s(!0);try{let n=u.split(`,`).map(e=>e.trim()).filter(Boolean),r=await jS({...e,...n.length?{allowHosts:n}:{}});t({title:`Server defaults saved`,description:`Written to ${r.configPath}. Every user inherits these, so running workspaces keep their current tables until restarted.`}),await p()}catch(e){t({title:`Save failed`,description:e instanceof Error?e.message:`Failed to save`,variant:`destructive`})}finally{s(!1)}}},JSON.stringify(n.serverDefaults))]})]})}function mC(){return X.get(Xa.admin.authConfig)}function hC(e){return X.put(Xa.admin.authConfig,e)}function gC(e,t,n){return X.post(`${Xa.admin.authConfig}/test`,{strategy:`ldap`,name:e,server:t,email:n})}function _C(e,t,n){return X.post(`${Xa.admin.authConfig}/test`,{strategy:`imap`,domain:e,email:t,password:n})}var vC=0,yC=()=>`row-${++vC}`;function bC(e){let{servers:t,...n}=e.strategies.ldap,{domains:r,...i}=e.strategies.imap;return{allowUserRegistrations:e.allowUserRegistrations,local:e.strategies.local,ldap:{...n,servers:Object.entries(t).map(([e,t])=>({...t,id:yC(),name:e,originalName:e}))},imap:{...i,domains:Object.entries(r).map(([e,t])=>({...t,id:yC(),domain:e}))},google:e.strategies.google??{enabled:!1,defaultUserType:`user`,defaultStatus:`active`,clientId:``,clientSecretSet:!1,allowedDomains:[],autoCreateUsers:!0,webOrigins:[]}}}function xC(e){let{id:t,name:n,originalName:r,...i}=e;return{...i,...r&&r!==e.name?{previousName:r}:{}}}function SC(e){return{allowUserRegistrations:e.allowUserRegistrations,strategies:{local:e.local,ldap:{enabled:e.ldap.enabled,defaultUserType:e.ldap.defaultUserType,defaultStatus:e.ldap.defaultStatus,servers:Object.fromEntries(e.ldap.servers.map(e=>[e.name.trim(),xC(e)]))},imap:{enabled:e.imap.enabled,defaultUserType:e.imap.defaultUserType,defaultStatus:e.imap.defaultStatus,domains:Object.fromEntries(e.imap.domains.map(({id:e,domain:t,...n})=>[t.trim().toLowerCase(),n]))},google:e.google}}}function CC({value:e,onChange:t,placeholder:n,disabled:r}){let i=e.join(`, `),[a,o]=(0,Q.useState)(i),[s,c]=(0,Q.useState)(i);return i!==s&&(c(i),a.split(/[\s,]+/).filter(Boolean).join(`, `)!==i&&o(i)),(0,$.jsx)(Y,{className:`h-8 text-sm`,value:a,placeholder:n,disabled:r,onChange:e=>{o(e.target.value),t(e.target.value.split(/[\s,]+/).map(e=>e.trim()).filter(Boolean))}})}var wC={originalName:null,url:`ldap://`,bindDN:``,bindPasswordSet:!1,bindPassword:void 0,searchBase:``,searchFilter:`(mail={{email}})`,attributes:[`mail`,`cn`,`displayName`,`memberOf`],groupAttribute:`memberOf`,tls:!1},TC={domain:``,name:``,host:``,port:993,secure:!0,startTLS:!1,requireAppPassword:!1},EC=`h-8 rounded-md border border-input bg-transparent px-2 text-sm outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:opacity-50`;function DC({label:e,hint:t,children:n,className:r}){return(0,$.jsxs)(`label`,{className:J(`flex min-w-0 flex-col gap-1`,r),children:[(0,$.jsx)(`span`,{className:`text-xs font-medium`,children:e}),n,t&&(0,$.jsx)(`span`,{className:`text-[11px] text-muted-foreground`,children:t})]})}function OC({checked:e,onChange:t,disabled:n,label:r,hint:i}){return(0,$.jsxs)(`label`,{className:`flex items-start gap-2 text-sm`,children:[(0,$.jsx)(`input`,{type:`checkbox`,className:`mt-0.5`,checked:e,disabled:n,onChange:e=>t(e.target.checked)}),(0,$.jsxs)(`span`,{children:[r,i&&(0,$.jsx)(`span`,{className:`block text-[11px] text-muted-foreground`,children:i})]})]})}function kC({title:e,description:t,enabled:n,onToggle:r,disabled:i,children:a}){return(0,$.jsxs)(`section`,{className:`rounded-lg border p-4`,children:[(0,$.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsx)(`h3`,{className:`text-sm font-semibold`,children:e}),(0,$.jsx)(`p`,{className:`mt-1 text-[11px] text-muted-foreground`,children:t})]}),r&&(0,$.jsxs)(`label`,{className:`flex shrink-0 items-center gap-2 text-xs font-medium`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:!!n,disabled:i,onChange:e=>r(e.target.checked)}),n?`Enabled`:`Disabled`]})]}),(0,$.jsx)(`div`,{className:J(`mt-4 space-y-4`,r&&!n&&`opacity-60`),children:a})]})}function AC({result:e}){return e?(0,$.jsxs)(`div`,{className:J(`flex items-start gap-2 rounded-md border p-2 text-xs`,e.ok?`border-emerald-500/40 bg-emerald-500/5`:`border-destructive/40 bg-destructive/5`),children:[e.ok?(0,$.jsx)(br,{className:`mt-0.5 h-3.5 w-3.5 shrink-0 text-emerald-600`}):(0,$.jsx)(Fn,{className:`mt-0.5 h-3.5 w-3.5 shrink-0 text-destructive`}),(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsx)(`p`,{children:e.message}),e.user&&e.user.groups.length>0&&(0,$.jsxs)(`p`,{className:`mt-1 break-all text-muted-foreground`,children:[`Groups: `,e.user.groups.join(` · `)]})]})]}):null}function jC({value:e,onChange:t,disabled:n}){return(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,$.jsx)(DC,{label:`New accounts are`,children:(0,$.jsxs)(`select`,{className:EC,value:e.defaultUserType,disabled:n,onChange:e=>t({defaultUserType:e.target.value}),children:[(0,$.jsx)(`option`,{value:`user`,children:`Users`}),(0,$.jsx)(`option`,{value:`admin`,children:`Admins`})]})}),(0,$.jsx)(DC,{label:`Initial status`,children:(0,$.jsxs)(`select`,{className:EC,value:e.defaultStatus,disabled:n,onChange:e=>t({defaultStatus:e.target.value}),children:[(0,$.jsx)(`option`,{value:`active`,children:`Active — can sign in right away`}),(0,$.jsx)(`option`,{value:`pending`,children:`Pending — an admin activates them`}),(0,$.jsx)(`option`,{value:`inactive`,children:`Inactive`})]})})]}),e.defaultUserType===`admin`&&(0,$.jsxs)(`p`,{className:`flex items-start gap-1.5 text-[11px] text-destructive`,children:[(0,$.jsx)(Ai,{className:`mt-0.5 h-3.5 w-3.5 shrink-0`}),`Everyone who can sign in through this backend becomes a server admin on first login.`]})]})}function MC({row:e,index:t,onChange:n,onRemove:r,disabled:i}){let[a,o]=(0,Q.useState)(``),[s,c]=(0,Q.useState)(!1),[l,u]=(0,Q.useState)(null),d=async()=>{c(!0),u(null);try{u(await gC(e.originalName??e.name,xC(e),a.trim()||void 0))}catch(e){u({ok:!1,message:e instanceof Error?e.message:`Test failed`})}finally{c(!1)}},f=e.bindPassword===null?`cleared on save`:typeof e.bindPassword==`string`?`replaced on save`:e.bindPasswordSet?`stored — leave empty to keep it`:`none set`;return(0,$.jsxs)(`div`,{className:`space-y-3 rounded-md border p-3`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsxs)(`span`,{className:`shrink-0 text-[11px] text-muted-foreground`,children:[`#`,t+1]}),(0,$.jsx)(Y,{className:`h-8 max-w-[14rem] font-mono text-sm`,value:e.name,disabled:i,onChange:e=>n({name:e.target.value}),placeholder:`primary`,"aria-label":`Server name`}),(0,$.jsx)(`div`,{className:`flex-1`}),(0,$.jsx)(Z,{type:`button`,size:`sm`,variant:`ghost`,onClick:r,disabled:i,"aria-label":`Remove server`,children:(0,$.jsx)(Xr,{className:`h-3.5 w-3.5`})})]}),(0,$.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[(0,$.jsx)(DC,{label:`Server URL`,hint:`ldap:// or ldaps://host:port`,children:(0,$.jsx)(Y,{className:`h-8 font-mono text-sm`,value:e.url,disabled:i,onChange:e=>n({url:e.target.value}),placeholder:`ldaps://dc1.example.com:636`})}),(0,$.jsx)(DC,{label:`Search base`,children:(0,$.jsx)(Y,{className:`h-8 font-mono text-sm`,value:e.searchBase,disabled:i,onChange:e=>n({searchBase:e.target.value}),placeholder:`ou=users,dc=example,dc=com`})}),(0,$.jsx)(DC,{label:`Bind DN`,hint:`Service account used to look users up. Empty = anonymous search.`,children:(0,$.jsx)(Y,{className:`h-8 font-mono text-sm`,value:e.bindDN,disabled:i,onChange:e=>n({bindDN:e.target.value}),placeholder:`cn=canvas,ou=services,dc=example,dc=com`})}),(0,$.jsx)(DC,{label:`Bind password`,hint:(0,$.jsxs)($.Fragment,{children:[`Currently: `,f,e.bindPasswordSet&&e.bindPassword!==null&&(0,$.jsxs)($.Fragment,{children:[` · `,(0,$.jsx)(`button`,{type:`button`,className:`underline hover:text-foreground`,disabled:i,onClick:()=>n({bindPassword:null}),children:`clear`})]})]}),children:(0,$.jsx)(Y,{className:`h-8 text-sm`,type:`password`,autoComplete:`new-password`,value:typeof e.bindPassword==`string`?e.bindPassword:``,disabled:i,onChange:e=>n({bindPassword:e.target.value===``?void 0:e.target.value}),placeholder:e.bindPasswordSet&&e.bindPassword!==null?`••••••••`:``})}),(0,$.jsx)(DC,{label:`User search filter`,hint:(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`span`,{className:`font-mono`,children:`{{email}}`}),` is replaced by the address typed at sign-in.`]}),children:(0,$.jsx)(Y,{className:`h-8 font-mono text-sm`,value:e.searchFilter,disabled:i,onChange:e=>n({searchFilter:e.target.value})})}),(0,$.jsx)(DC,{label:`Group attribute`,hint:`Group memberships drive team workspace sharing.`,children:(0,$.jsx)(Y,{className:`h-8 font-mono text-sm`,value:e.groupAttribute,disabled:i,onChange:e=>n({groupAttribute:e.target.value}),placeholder:`memberOf`})}),(0,$.jsx)(DC,{label:`Attributes to read`,hint:`Comma-separated.`,className:`sm:col-span-2`,children:(0,$.jsx)(Y,{className:`h-8 font-mono text-sm`,value:e.attributes.join(`, `),disabled:i,onChange:e=>n({attributes:e.target.value.split(`,`).map(e=>e.trim()).filter(Boolean)})})})]}),(0,$.jsx)(OC,{checked:e.tls,disabled:i,onChange:e=>n({tls:e}),label:`Accept self-signed certificates`,hint:`Skips certificate verification for ldaps://. Only for directories with a private CA.`}),(0,$.jsxs)(`div`,{className:`flex flex-wrap items-end gap-2 border-t pt-3`,children:[(0,$.jsx)(DC,{label:`Test`,hint:`Binds with the settings above (unsaved edits included). Add an e-mail to also look that user up.`,className:`min-w-[14rem] flex-1`,children:(0,$.jsx)(Y,{className:`h-8 text-sm`,type:`email`,value:a,onChange:e=>o(e.target.value),placeholder:`someone@example.com (optional)`})}),(0,$.jsxs)(Z,{type:`button`,size:`sm`,variant:`outline`,onClick:d,disabled:s||i,className:`mb-5`,children:[s&&(0,$.jsx)(Ta,{className:`mr-2 h-3.5 w-3.5 animate-spin`}),`Test connection`]})]}),(0,$.jsx)(AC,{result:l})]})}function NC({row:e,onChange:t,onRemove:n,disabled:r}){let[i,a]=(0,Q.useState)(``),[o,s]=(0,Q.useState)(``),[c,l]=(0,Q.useState)(!1),[u,d]=(0,Q.useState)(null);return(0,$.jsxs)(`div`,{className:`space-y-3 rounded-md border p-3`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`span`,{className:`shrink-0 text-xs text-muted-foreground`,children:`@`}),(0,$.jsx)(Y,{className:`h-8 max-w-[16rem] font-mono text-sm`,value:e.domain,disabled:r,onChange:e=>t({domain:e.target.value}),placeholder:`example.com`,"aria-label":`E-mail domain`}),(0,$.jsx)(`div`,{className:`flex-1`}),(0,$.jsx)(Z,{type:`button`,size:`sm`,variant:`ghost`,onClick:n,disabled:r,"aria-label":`Remove domain`,children:(0,$.jsx)(Xr,{className:`h-3.5 w-3.5`})})]}),(0,$.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-[1fr_6rem_1fr]`,children:[(0,$.jsx)(DC,{label:`IMAP host`,children:(0,$.jsx)(Y,{className:`h-8 font-mono text-sm`,value:e.host,disabled:r,onChange:e=>t({host:e.target.value}),placeholder:`imap.example.com`})}),(0,$.jsx)(DC,{label:`Port`,children:(0,$.jsx)(Y,{className:`h-8 text-sm`,type:`number`,min:1,max:65535,value:e.port,disabled:r,onChange:e=>t({port:Number(e.target.value)})})}),(0,$.jsx)(DC,{label:`Label on the sign-in form`,hint:`Optional.`,children:(0,$.jsx)(Y,{className:`h-8 text-sm`,value:e.name,disabled:r,onChange:e=>t({name:e.target.value}),placeholder:`Example Mail`})})]}),(0,$.jsxs)(`div`,{className:`flex flex-wrap gap-x-6 gap-y-2`,children:[(0,$.jsx)(OC,{checked:e.secure,disabled:r,onChange:e=>t({secure:e,...e?{startTLS:!1}:{}}),label:`TLS from the start`,hint:`Usually port 993.`}),(0,$.jsx)(OC,{checked:e.startTLS,disabled:r||e.secure,onChange:e=>t({startTLS:e}),label:`Require STARTTLS`,hint:`Plain port 143 upgraded to TLS.`}),(0,$.jsx)(OC,{checked:e.requireAppPassword,disabled:r,onChange:e=>t({requireAppPassword:e}),label:`Needs an app password`,hint:`Shown as a hint on the sign-in form.`})]}),(0,$.jsxs)(`div`,{className:`flex flex-wrap items-end gap-2 border-t pt-3`,children:[(0,$.jsx)(DC,{label:`Test sign-in`,hint:`A real IMAP login with these credentials, logged straight out. Nothing is stored.`,className:`min-w-[12rem] flex-1`,children:(0,$.jsx)(Y,{className:`h-8 text-sm`,type:`email`,value:i,onChange:e=>a(e.target.value),placeholder:`someone@${e.domain||`example.com`}`})}),(0,$.jsx)(DC,{label:`Password`,className:`mb-5 min-w-[10rem] flex-1`,children:(0,$.jsx)(Y,{className:`h-8 text-sm`,type:`password`,autoComplete:`off`,value:o,onChange:e=>s(e.target.value)})}),(0,$.jsxs)(Z,{type:`button`,size:`sm`,variant:`outline`,onClick:async()=>{l(!0),d(null);try{let{id:t,domain:n,...r}=e;d(await _C(r,i.trim(),o))}catch(e){d({ok:!1,message:e instanceof Error?e.message:`Test failed`})}finally{l(!1),s(``)}},disabled:c||r||!i||!o,className:`mb-5`,children:[c&&(0,$.jsx)(Ta,{className:`mr-2 h-3.5 w-3.5 animate-spin`}),`Test`]})]}),(0,$.jsx)(AC,{result:u})]})}function PC(){let e=Jv(),{showToast:t}=vo(),n=au()?.userType===`admin`,[r,i]=(0,Q.useState)(``),[a,o]=(0,Q.useState)(null),[s,c]=(0,Q.useState)(null),[l,u]=(0,Q.useState)(!0),[d,f]=(0,Q.useState)(!1),[p,m]=(0,Q.useState)(null),[h,g]=(0,Q.useState)(null),_=(0,Q.useCallback)(()=>mC().then(e=>{let t=bC(e.config);i(e.configPath),o(t),c(t),m(null)}).catch(e=>m(e instanceof Error?e.message:`Failed to load auth configuration`)).finally(()=>u(!1)),[]);(0,Q.useEffect)(()=>{n&&_()},[n,_]);let v=(0,Q.useMemo)(()=>!!s&&!!a&&JSON.stringify(SC(s))!==JSON.stringify(SC(a)),[s,a]),y=e=>c(t=>t&&e(t)),b=(e,t)=>y(n=>({...n,ldap:{...n.ldap,servers:n.ldap.servers.map(n=>n.id===e?{...n,...t}:n)}})),x=(e,t)=>y(n=>({...n,imap:{...n.imap,domains:n.imap.domains.map(n=>n.id===e?{...n,...t}:n)}})),S=async()=>{if(!s)return;let e=s.ldap.servers.map(e=>e.name.trim()),n=s.imap.domains.map(e=>e.domain.trim().toLowerCase());if(e.some(e=>!e)||new Set(e).size!==e.length){g(`Every LDAP server needs a unique name.`);return}if(n.some(e=>!e)||new Set(n).size!==n.length){g(`Every IMAP domain must be filled in and listed once.`);return}f(!0),g(null);try{let e=bC((await hC(SC(s))).config);o(e),c(e),t({title:`Authentication settings saved`,description:`Applied immediately — the next sign-in uses them.`})}catch(e){g(e instanceof Error?e.message.replace(/^HTTP \d+:\s*/,``):`Failed to save`)}finally{f(!1)}},C=(0,$.jsx)(ph,{onBack:e,compact:!0,className:`mb-6`,title:`Authentication`,description:`Entire server · Choose how people sign in: local passwords, your LDAP directory, or their mail server over IMAP.`,actions:n&&(0,$.jsxs)(Z,{type:`button`,size:`sm`,variant:`outline`,onClick:()=>{u(!0),_()},disabled:l||d,children:[(0,$.jsx)(qn,{className:`mr-2 h-3.5 w-3.5`}),`Reload`]})});return n?(0,$.jsxs)(`div`,{className:`mx-auto max-w-4xl p-6 pb-24`,children:[C,l&&!s?(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-sm text-muted-foreground`,children:[(0,$.jsx)(qn,{className:`h-4 w-4 animate-spin`}),`Loading…`]}):p||!s?(0,$.jsxs)(`div`,{className:`space-y-3`,children:[(0,$.jsxs)(`div`,{className:`rounded-md border border-destructive/40 bg-destructive/5 p-4 text-sm`,children:[(0,$.jsx)(`p`,{className:`font-medium text-destructive`,children:`Authentication settings unavailable`}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:p||`No config returned.`})]}),(0,$.jsx)(Z,{type:`button`,size:`sm`,variant:`outline`,onClick:()=>{u(!0),_()},children:`Retry`})]}):(0,$.jsxs)(`div`,{className:`space-y-4`,children:[(0,$.jsxs)(`p`,{className:`text-[11px] text-muted-foreground`,children:[`Config file: `,(0,$.jsx)(`span`,{className:`font-mono`,children:r}),` · Sign-in picks the backend from the account: existing users keep the method they were created with; a new address tries LDAP first (when enabled), then IMAP for a listed domain, then local.`]}),(0,$.jsxs)(kC,{title:`Sign-up & local passwords`,description:`Accounts whose password is stored on this server.`,children:[(0,$.jsx)(OC,{checked:s.allowUserRegistrations,onChange:e=>y(t=>({...t,allowUserRegistrations:e})),label:`Allow self-registration`,hint:`Off = only admins create accounts (and LDAP/IMAP users on first sign-in).`}),(0,$.jsx)(OC,{checked:s.local.enabled,onChange:e=>y(t=>({...t,local:{...t.local,enabled:e}})),label:`Local password accounts`,hint:`Off refuses new local registrations. Existing local accounts — admins included — can still sign in, so this cannot lock you out.`}),(0,$.jsx)(OC,{checked:s.local.requireEmailVerification,onChange:e=>y(t=>({...t,local:{...t.local,requireEmailVerification:e}})),label:`Require e-mail verification`,hint:`Needs working SMTP (config/smtp.json).`}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`p`,{className:`mb-2 text-xs font-medium`,children:`Password policy`}),(0,$.jsxs)(`div`,{className:`flex flex-wrap items-start gap-4`,children:[(0,$.jsx)(DC,{label:`Min length`,children:(0,$.jsx)(Y,{className:`h-8 w-24 text-sm`,type:`number`,min:1,max:1024,value:s.local.passwordPolicy.minLength,onChange:e=>y(t=>({...t,local:{...t.local,passwordPolicy:{...t.local.passwordPolicy,minLength:Number(e.target.value)}}}))})}),(0,$.jsx)(DC,{label:`Max length`,children:(0,$.jsx)(Y,{className:`h-8 w-24 text-sm`,type:`number`,min:1,max:1024,value:s.local.passwordPolicy.maxLength,onChange:e=>y(t=>({...t,local:{...t.local,passwordPolicy:{...t.local.passwordPolicy,maxLength:Number(e.target.value)}}}))})}),(0,$.jsx)(`div`,{className:`grid grid-cols-2 gap-x-6 gap-y-1 pt-1`,children:[[`requireUppercase`,`Uppercase letter`],[`requireLowercase`,`Lowercase letter`],[`requireNumbers`,`Number`],[`requireSpecialChars`,`Special character`]].map(([e,t])=>(0,$.jsx)(OC,{checked:s.local.passwordPolicy[e],label:t,onChange:t=>y(n=>({...n,local:{...n.local,passwordPolicy:{...n.local.passwordPolicy,[e]:t}}}))},e))})]})]})]}),(0,$.jsxs)(kC,{title:`LDAP / Active Directory`,description:`Users sign in with their directory password. Servers are tried in order, so later ones act as fallbacks.`,enabled:s.ldap.enabled,onToggle:e=>y(t=>({...t,ldap:{...t.ldap,enabled:e}})),children:[(0,$.jsx)(jC,{value:s.ldap,onChange:e=>y(t=>({...t,ldap:{...t.ldap,...e}}))}),s.ldap.servers.map((e,t)=>(0,$.jsx)(MC,{row:e,index:t,onChange:t=>b(e.id,t),onRemove:()=>y(t=>({...t,ldap:{...t.ldap,servers:t.ldap.servers.filter(t=>t.id!==e.id)}}))},e.id)),(0,$.jsxs)(Z,{type:`button`,size:`sm`,variant:`outline`,onClick:()=>y(e=>({...e,ldap:{...e.ldap,servers:[...e.ldap.servers,{...wC,id:yC(),name:e.ldap.servers.length?`server${e.ldap.servers.length+1}`:`primary`}]}})),children:[(0,$.jsx)(Wi,{className:`mr-2 h-3.5 w-3.5`}),` Add LDAP server`]})]}),(0,$.jsxs)(kC,{title:`IMAP (mail server sign-in)`,description:`Users of a listed e-mail domain sign in with their mailbox password — the server checks it by logging in to IMAP.`,enabled:s.imap.enabled,onToggle:e=>y(t=>({...t,imap:{...t.imap,enabled:e}})),children:[(0,$.jsx)(jC,{value:s.imap,onChange:e=>y(t=>({...t,imap:{...t.imap,...e}}))}),s.imap.domains.map(e=>(0,$.jsx)(NC,{row:e,onChange:t=>x(e.id,t),onRemove:()=>y(t=>({...t,imap:{...t.imap,domains:t.imap.domains.filter(t=>t.id!==e.id)}}))},e.id)),(0,$.jsxs)(Z,{type:`button`,size:`sm`,variant:`outline`,onClick:()=>y(e=>({...e,imap:{...e.imap,domains:[...e.imap.domains,{...TC,id:yC()}]}})),children:[(0,$.jsx)(Wi,{className:`mr-2 h-3.5 w-3.5`}),` Add mail domain`]})]}),(0,$.jsxs)(kC,{title:`Google sign-in`,description:(0,$.jsxs)($.Fragment,{children:[`One-click sign-in with a Google account via OAuth. Needs a Google Cloud OAuth client of type `,(0,$.jsx)(`em`,{children:`Web application`}),` whose authorized redirect URI is `,(0,$.jsx)(`code`,{className:`select-all`,children:`${po}/oauth/google/callback`}),`.`]}),enabled:s.google.enabled,onToggle:e=>y(t=>({...t,google:{...t.google,enabled:e}})),children:[(0,$.jsx)(jC,{value:s.google,onChange:e=>y(t=>({...t,google:{...t.google,...e}}))}),(0,$.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[(0,$.jsx)(DC,{label:`OAuth client id`,children:(0,$.jsx)(Y,{className:`h-8 font-mono text-sm`,value:s.google.clientId,autoComplete:`off`,onChange:e=>y(t=>({...t,google:{...t.google,clientId:e.target.value}}))})}),(0,$.jsx)(DC,{label:`OAuth client secret`,hint:s.google.clientSecretSet&&s.google.clientSecret===void 0?`A secret is stored; leave blank to keep it.`:void 0,children:(0,$.jsx)(Y,{className:`h-8 font-mono text-sm`,type:`password`,autoComplete:`off`,value:s.google.clientSecret??``,placeholder:s.google.clientSecretSet?`••••••••`:``,onChange:e=>y(t=>({...t,google:{...t.google,clientSecret:e.target.value===``?void 0:e.target.value}}))})}),(0,$.jsx)(DC,{label:`Allowed e-mail domains`,hint:`Comma separated. Empty = any Google account may sign in.`,children:(0,$.jsx)(CC,{value:s.google.allowedDomains,placeholder:`example.com, example.org`,onChange:e=>y(t=>({...t,google:{...t.google,allowedDomains:e}}))})}),(0,$.jsx)(DC,{label:`Extra web origins`,hint:`Only when the web UI is served from another origin than the API (e.g. a Vite dev server).`,children:(0,$.jsx)(CC,{value:s.google.webOrigins,placeholder:`http://localhost:5173`,onChange:e=>y(t=>({...t,google:{...t.google,webOrigins:e}}))})})]}),(0,$.jsx)(OC,{checked:s.google.autoCreateUsers,label:`Create an account on first sign-in`,hint:`Off: only users that already exist (by e-mail) can sign in with Google.`,onChange:e=>y(t=>({...t,google:{...t.google,autoCreateUsers:e}}))})]}),(v||h)&&(0,$.jsxs)(`div`,{className:`sticky bottom-4 z-10 rounded-lg border bg-card p-3 shadow-elevation-4`,children:[h&&(0,$.jsx)(`ul`,{className:`mb-2 space-y-0.5 text-xs text-destructive`,children:h.split(`; `).map(e=>(0,$.jsx)(`li`,{children:e},e))}),(0,$.jsxs)(`div`,{className:`flex items-center justify-end gap-2`,children:[(0,$.jsx)(`span`,{className:`mr-auto text-xs text-muted-foreground`,children:v?`Unsaved changes`:``}),(0,$.jsx)(Z,{type:`button`,size:`sm`,variant:`ghost`,disabled:d,onClick:()=>{c(a),g(null)},children:`Discard`}),(0,$.jsxs)(Z,{type:`button`,size:`sm`,disabled:d||!v,onClick:()=>void S(),children:[d&&(0,$.jsx)(Ta,{className:`mr-2 h-3.5 w-3.5 animate-spin`}),`Save`]})]})]})]})]}):(0,$.jsxs)(`div`,{className:`mx-auto max-w-4xl p-6`,children:[C,(0,$.jsxs)(`div`,{className:`flex items-start gap-2 rounded-md border p-3 text-xs`,children:[(0,$.jsx)(Ai,{className:`mt-0.5 h-4 w-4 shrink-0 text-muted-foreground`}),(0,$.jsx)(`p`,{className:`text-muted-foreground`,children:`Authentication settings are only available to server admins.`})]})]})}function FC({agent:e,onStart:t,onStop:n,onEnter:r}){let[i,a]=(0,Q.useState)(!1),o=async()=>{a(!0);try{await t(e.name)}finally{a(!1)}},s=async()=>{a(!0);try{await n(e.name)}finally{a(!1)}},c=()=>{switch(e.status){case`active`:return(0,$.jsx)(mi,{className:`h-4 w-4 text-success`});case`inactive`:return(0,$.jsx)(mi,{className:`h-4 w-4 text-warning`});case`error`:return(0,$.jsx)(mi,{className:`h-4 w-4 text-destructive`});default:return(0,$.jsx)(mi,{className:`h-4 w-4 text-muted-foreground`})}},l=()=>{switch(e.llmProvider){case`anthropic`:return(0,$.jsx)(ti,{className:`h-4 w-4 text-warning`});case`openai`:return(0,$.jsx)(ti,{className:`h-4 w-4 text-success`});case`ollama`:return(0,$.jsx)(ar,{className:`h-4 w-4 text-info`});default:return(0,$.jsx)(ti,{className:`h-4 w-4 text-muted-foreground`})}},u=()=>{switch(e.status){case`active`:return`text-success bg-success-subtle border-success`;case`inactive`:return`text-warning bg-warning-subtle border-warning`;case`error`:return`text-destructive bg-destructive-subtle border-destructive`;case`available`:return`text-info bg-info-subtle border-info`;default:return`text-foreground bg-muted border-border`}},d=e.status===`available`||e.status===`inactive`,f=e.status===`active`;return(0,$.jsxs)(`div`,{className:`border rounded-lg p-4 space-y-4 hover:shadow-elevation-2 transition-shadow bg-card`,children:[(0,$.jsxs)(`div`,{className:`flex items-start justify-between`,children:[(0,$.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2 mb-1`,children:[l(),(0,$.jsx)(`h3`,{className:`text-lg font-semibold truncate`,children:e.label||e.name}),e.color&&(0,$.jsx)(`div`,{className:`w-4 h-4 rounded border flex-shrink-0`,style:{backgroundColor:e.color},title:`Color: ${e.color}`})]}),(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground font-mono`,children:e.name}),e.description&&(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground mt-1 line-clamp-2`,children:e.description})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2 flex-shrink-0`,children:[c(),(0,$.jsx)(`span`,{className:`px-2 py-1 rounded-full text-xs font-medium border ${u()}`,children:e.status})]})]}),(0,$.jsxs)(`div`,{className:`grid grid-cols-2 gap-4 text-sm`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`span`,{className:`text-muted-foreground`,children:`Provider:`}),(0,$.jsx)(`div`,{className:`font-medium capitalize`,children:e.llmProvider})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`span`,{className:`text-muted-foreground`,children:`Model:`}),(0,$.jsx)(`div`,{className:`font-mono text-xs`,children:e.model})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`span`,{className:`text-muted-foreground`,children:`Created:`}),(0,$.jsx)(`div`,{children:new Date(e.createdAt).toLocaleDateString()})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`span`,{className:`text-muted-foreground`,children:`Last Access:`}),(0,$.jsx)(`div`,{children:e.lastAccessed?new Date(e.lastAccessed).toLocaleDateString():`Never`})]})]}),e.config.mcp?.servers&&e.config.mcp.servers.length>0&&(0,$.jsxs)(`div`,{className:`text-sm`,children:[(0,$.jsx)(`span`,{className:`text-muted-foreground`,children:`MCP Servers:`}),(0,$.jsx)(`div`,{className:`flex flex-wrap gap-1 mt-1`,children:e.config.mcp.servers.map((e,t)=>(0,$.jsx)(`span`,{className:`px-2 py-1 bg-secondary text-secondary-foreground rounded text-xs`,children:e.name},t))})]}),(0,$.jsxs)(`div`,{className:`flex gap-2 pt-2 border-t`,children:[d&&(0,$.jsxs)(Z,{onClick:o,disabled:i,size:`sm`,variant:`outline`,className:`flex-1`,children:[(0,$.jsx)(xr,{className:`mr-2 h-4 w-4`}),`Start`]}),f&&(0,$.jsxs)(Z,{onClick:s,disabled:i,size:`sm`,variant:`outline`,className:`flex-1`,children:[(0,$.jsx)(_a,{className:`mr-2 h-4 w-4`}),`Stop`]}),(0,$.jsxs)(Z,{onClick:()=>r(e.name),size:`sm`,className:`flex-1`,children:[(0,$.jsx)(Ci,{className:`mr-2 h-4 w-4`}),`Chat`]})]})]})}function IC(){let e={anthropic:`https://api.anthropic.com`,openai:`https://api.openai.com/v1`,ollama:`http://localhost:11434/v1`},t={anthropic:`claude-3-5-sonnet-20241022`,openai:`gpt-4o`,ollama:`qwen2.5-coder:latest`},[n,r]=(0,Q.useState)([]),[i,a]=(0,Q.useState)(!0),[o,s]=(0,Q.useState)(null),[c,l]=(0,Q.useState)(``),[u,d]=(0,Q.useState)(``),[f,p]=(0,Q.useState)(cn()),[m,h]=(0,Q.useState)(``),[g,_]=(0,Q.useState)(`anthropic`),[v,y]=(0,Q.useState)(t.anthropic),[b,x]=(0,Q.useState)({apiKey:``,baseUrl:e.anthropic,maxTokens:4096,temperature:.7,topP:1,frequencyPenalty:0,presencePenalty:0,numCtx:4096}),[S,C]=(0,Q.useState)(``),[w,T]=(0,Q.useState)(!1),E=dh(),[D,O]=xh(),{showToast:k}=vo(),A=ot(),j=rg();vh(j,`agent`,{"agent:status:changed":e=>{r(t=>t.map(t=>t.id===e.agentId?{...t,status:e.status,isActive:e.isActive}:t))},"agent:created":e=>{r(t=>[...t,e.agent])},"agent:deleted":e=>{r(t=>t.filter(t=>t.id!==e.agentId))}});let M=n=>{_(n),y(t[n]),x({apiKey:``,baseUrl:e[n],maxTokens:4096,temperature:.7,topP:1,frequencyPenalty:0,presencePenalty:0,numCtx:4096})};(0,Q.useEffect)(()=>((async()=>{try{a(!0);let e=await Ey();r(e),s(null)}catch(e){console.error(`Agent fetch error:`,e);let t=`Failed to fetch agents`;if(e instanceof Error)t=e.message;else if(typeof e==`object`&&e){let n=e;t=n.message||n.error||n.payload?.message||n.payload?.error||n.statusText||`Failed to fetch agents`}s(t),k({title:`Error`,description:t,variant:`destructive`})}finally{a(!1)}})(),()=>{}),[j,k]);let N=async t=>{if(t.preventDefault(),c.trim()){T(!0);try{let t=await Ly({name:c,label:m||c,description:u||void 0,color:f,llmProvider:g,model:v,config:{type:g,model:v,prompts:S?{system:S}:void 0,connectors:{[g]:{...b,...b.apiKey?{apiKey:b.apiKey}:{},...b.baseUrl?{baseUrl:b.baseUrl}:{},maxTokens:b.maxTokens,temperature:b.temperature,topP:b.topP,frequencyPenalty:b.frequencyPenalty,presencePenalty:b.presencePenalty,...g===`ollama`?{numCtx:b.numCtx}:{}}}},mcp:{enabled:!0,servers:[{name:`weather`,command:`node`,args:[`src/managers/agent/mcp-servers/weather.js`]}]}});r(e=>[...e,t]),l(``),d(``),p(cn()),h(``),C(``),x({apiKey:``,baseUrl:e[g],maxTokens:4096,temperature:.7,topP:1,frequencyPenalty:0,presencePenalty:0,numCtx:4096}),k({title:`Success`,description:`Agent '${t.label||t.name}' created.`}),O(!1)}catch(e){console.error(`Agent creation error:`,e);let t=`Failed to create agent`;if(e instanceof Error)t=e.message;else if(typeof e==`object`&&e){let n=e;t=n.message||n.error||n.payload?.message||n.payload?.error||n.statusText||`Failed to create agent`}k({title:`Error`,description:t,variant:`destructive`})}finally{T(!1)}}},P=async e=>{try{let t=await By(e);r(e=>e.map(e=>e.name===t.name?t:e)),k({title:`Success`,description:`Agent '${t.label||t.name}' started.`})}catch(e){console.error(`Agent start error:`,e);let t=`Failed to start agent`;if(e instanceof Error)t=e.message;else if(typeof e==`object`&&e){let n=e;t=n.message||n.error||n.payload?.message||n.payload?.error||n.statusText||`Failed to start agent`}k({title:`Error`,description:t,variant:`destructive`})}},ee=async e=>{try{await Vy(e),r(t=>t.map(t=>t.name===e?{...t,status:`inactive`,isActive:!1}:t)),k({title:`Success`,description:`Agent '${e}' stopped.`})}catch(e){console.error(`Agent stop error:`,e);let t=`Failed to stop agent`;if(e instanceof Error)t=e.message;else if(typeof e==`object`&&e){let n=e;t=n.message||n.error||n.payload?.message||n.payload?.error||n.statusText||`Failed to stop agent`}k({title:`Error`,description:t,variant:`destructive`})}},F=e=>{A(`/agents/${e}`)};return(0,$.jsxs)(`div`,{className:`space-y-6`,children:[(0,$.jsx)(ph,{title:`AI Agents`,description:`Create and manage your AI agents with multiple LLM providers`,actions:!E.local&&!D&&(0,$.jsxs)(Z,{onClick:()=>O(!0),className:`max-sm:h-9 max-sm:w-9 max-sm:p-0`,"aria-label":`Create agent`,title:`Create agent`,children:[(0,$.jsx)(Wi,{className:`h-4 w-4 sm:mr-2`}),(0,$.jsx)(`span`,{className:`max-sm:hidden`,children:`Create Agent`})]})}),!E.local&&D&&(0,$.jsx)(yh,{title:`Create New Agent`,onClose:()=>O(!1),children:(0,$.jsxs)(`form`,{onSubmit:N,className:`space-y-4`,children:[(0,$.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,$.jsx)(Y,{value:c,onChange:e=>l(e.target.value),placeholder:`Agent Name (e.g., 'my-assistant')`,disabled:w}),(0,$.jsx)(Y,{value:m,onChange:e=>h(e.target.value),placeholder:`Agent Label (display name, optional)`,disabled:w})]}),(0,$.jsx)(Y,{value:u,onChange:e=>d(e.target.value),placeholder:`Description (optional)`,disabled:w}),(0,$.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`agent-provider`,className:`text-sm font-medium`,children:`LLM Provider`}),(0,$.jsxs)(`select`,{id:`agent-provider`,value:g,onChange:e=>M(e.target.value),className:`w-full mt-1 px-3 py-2 border border-input bg-background rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-ring`,disabled:w,children:[(0,$.jsx)(`option`,{value:`anthropic`,children:`Anthropic Claude`}),(0,$.jsx)(`option`,{value:`openai`,children:`OpenAI GPT`}),(0,$.jsx)(`option`,{value:`ollama`,children:`Ollama (Local)`})]})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`agent-model`,className:`text-sm font-medium`,children:`Model`}),(0,$.jsx)(Y,{id:`agent-model`,value:v,onChange:e=>y(e.target.value),placeholder:`Model name (e.g., 'gpt-4o')`,disabled:w})]})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`system-prompt`,className:`text-sm font-medium`,children:`System Prompt (Optional)`}),(0,$.jsx)(`textarea`,{id:`system-prompt`,value:S,onChange:e=>C(e.target.value),placeholder:`Enter system prompt to define agent behavior...`,className:`w-full mt-1 px-3 py-2 border border-input bg-background rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-ring min-h-[80px] resize-y`,disabled:w})]}),(0,$.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`api-key`,className:`text-sm font-medium`,children:`API Key (Optional)`}),(0,$.jsx)(Y,{id:`api-key`,type:`password`,value:b.apiKey,onChange:e=>x(t=>({...t,apiKey:e.target.value})),placeholder:`Enter your API key`,disabled:w})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`baseUrl`,className:`text-sm font-medium`,children:`Base URL (Optional)`}),(0,$.jsx)(Y,{id:`baseUrl`,value:b.baseUrl,onChange:e=>x(t=>({...t,baseUrl:e.target.value})),placeholder:e[g],disabled:w})]})]}),(0,$.jsxs)(`div`,{className:`space-y-4`,children:[(0,$.jsx)(`h3`,{className:`text-lg font-medium`,children:`LLM Parameters`}),(0,$.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2 lg:grid-cols-4`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`max-tokens`,className:`text-sm font-medium`,children:`Max Tokens`}),(0,$.jsx)(Y,{id:`max-tokens`,type:`number`,min:`1`,max:`32768`,value:b.maxTokens,onChange:e=>x(t=>({...t,maxTokens:parseInt(e.target.value)||4096})),disabled:w})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`temperature`,className:`text-sm font-medium`,children:`Temperature`}),(0,$.jsx)(Y,{id:`temperature`,type:`number`,min:`0`,max:`2`,step:`0.1`,value:b.temperature,onChange:e=>x(t=>({...t,temperature:parseFloat(e.target.value)||.7})),disabled:w})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`top-p`,className:`text-sm font-medium`,children:`Top P`}),(0,$.jsx)(Y,{id:`top-p`,type:`number`,min:`0`,max:`1`,step:`0.1`,value:b.topP,onChange:e=>x(t=>({...t,topP:parseFloat(e.target.value)||1})),disabled:w})]}),g===`ollama`&&(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`num-ctx`,className:`text-sm font-medium`,children:`Context Length`}),(0,$.jsx)(Y,{id:`num-ctx`,type:`number`,min:`1024`,max:`32768`,value:b.numCtx,onChange:e=>x(t=>({...t,numCtx:parseInt(e.target.value)||4096})),disabled:w})]})]}),g!==`ollama`&&(0,$.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`frequency-penalty`,className:`text-sm font-medium`,children:`Frequency Penalty`}),(0,$.jsx)(Y,{id:`frequency-penalty`,type:`number`,min:`-2`,max:`2`,step:`0.1`,value:b.frequencyPenalty,onChange:e=>x(t=>({...t,frequencyPenalty:parseFloat(e.target.value)||0})),disabled:w})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`presence-penalty`,className:`text-sm font-medium`,children:`Presence Penalty`}),(0,$.jsx)(Y,{id:`presence-penalty`,type:`number`,min:`-2`,max:`2`,step:`0.1`,value:b.presencePenalty,onChange:e=>x(t=>({...t,presencePenalty:parseFloat(e.target.value)||0})),disabled:w})]})]})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`label`,{htmlFor:`agent-color`,className:`text-sm font-medium`,children:`Agent Color`}),(0,$.jsx)(Y,{id:`agent-color`,type:`color`,value:f,onChange:e=>p(e.target.value),className:`h-10 w-16 p-1`,disabled:w}),(0,$.jsx)(Z,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>p(cn()),disabled:w,children:`Randomize`})]}),(0,$.jsxs)(Z,{type:`submit`,disabled:w||!c.trim(),children:[(0,$.jsx)(Wi,{className:`mr-2 h-4 w-4`}),`Create Agent`]})]})}),(0,$.jsxs)(`div`,{className:`space-y-4`,children:[(0,$.jsx)(`h2`,{className:`text-xl font-semibold`,children:`Your Agents`}),i&&(0,$.jsx)(`p`,{className:`text-center text-muted-foreground`,children:`Loading agents...`}),o&&(0,$.jsx)(`div`,{className:`text-center text-destructive`,children:(0,$.jsx)(`p`,{children:o})}),!i&&!o&&n.length===0&&(0,$.jsx)(`p`,{className:`text-center text-muted-foreground`,children:`No agents found`}),n.length>0&&(0,$.jsx)(`div`,{className:`grid gap-4`,children:n.map(e=>(0,$.jsx)(FC,{agent:e,onStart:P,onStop:ee,onEnter:F},e.id))})]})]})}function LC(e){let t=e?.usage;if(!t)return null;let n=t.totalTokens,r=t.input,i=t.output;return typeof n==`number`&&typeof r==`number`&&typeof i==`number`?`${n} tok (${r} in / ${i} out)`:typeof n==`number`?`${n} tok`:null}function RC(e){let t=e?.usage?.cost?.total;return typeof t==`number`?`$${t.toFixed(t<.01?6:4)}`:null}function zC({reasoning:e,metadata:t,isStreaming:n=!1,compact:r=!1}){let i=t?.model,a=[t?.provider,i,LC(t),RC(t)].filter(Boolean);return!e&&a.length===0?null:(0,$.jsxs)($.Fragment,{children:[e&&(0,$.jsxs)(`details`,{open:n,className:`mb-2 rounded border border-border bg-background ${r?`px-2 py-1.5`:`px-3 py-2`}`,children:[(0,$.jsx)(`summary`,{className:`cursor-pointer font-medium text-foreground ${r?`text-[11px]`:`text-xs`}`,children:`Reasoning`}),(0,$.jsx)(he,{content:e,className:`mt-1 text-foreground ${r?`text-[11px]`:`text-xs`}`})]}),a.length>0&&(0,$.jsx)(`div`,{className:`mt-2 text-muted-foreground ${r?`text-[11px]`:`text-xs`}`,children:a.join(` • `)})]})}function BC({message:e,isStreaming:t=!1,connectionStatus:n=`disconnected`}){let[r,i]=(0,Q.useState)(``),[a,o]=(0,Q.useState)(!0);(0,Q.useEffect)(()=>{if(!t||e.isComplete)return;let n=e.content,r=0,a=setInterval(()=>{r<n.length?(i(n.substring(0,r+1)),r++):clearInterval(a)},20);return()=>clearInterval(a)},[e.content,t,e.isComplete]);let s=t&&!e.isComplete?r:e.content;return(0,Q.useEffect)(()=>{if(!t||e.isComplete)return;let n=setInterval(()=>{o(e=>!e)},500);return()=>{clearInterval(n),o(!0)}},[t,e.isComplete]),(0,$.jsx)(`div`,{className:`flex ${e.role===`user`?`justify-end`:`justify-start`}`,children:(0,$.jsxs)(`div`,{className:`max-w-[70%] p-3 rounded-lg ${e.role===`user`?`bg-primary text-primary-foreground`:`bg-muted`} ${t&&!e.isComplete?`border-2 border-info`:``}`,children:[(0,$.jsx)(zC,{reasoning:e.role===`assistant`?e.metadata?.reasoning?.trim():void 0,metadata:e.role===`assistant`?e.metadata:void 0,isStreaming:t&&!e.isComplete}),(0,$.jsxs)(`div`,{className:`text-sm`,children:[e.role===`assistant`?(0,$.jsx)(he,{content:s}):(0,$.jsx)(`span`,{className:`whitespace-pre-wrap break-words`,children:s}),t&&!e.isComplete&&(0,$.jsx)(`span`,{className:`inline-block w-2 ${a?`bg-current`:`bg-transparent`}`,children:`|`})]}),(0,$.jsxs)(`div`,{className:`flex items-center justify-between text-xs mt-2 opacity-70`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`span`,{children:new Date(e.timestamp).toLocaleTimeString()}),t&&!e.isComplete&&(0,$.jsx)(`span`,{className:`text-info`,children:`• streaming...`})]}),e.role===`assistant`&&(()=>{switch(n){case`websocket`:return(0,$.jsx)(`span`,{title:`WebSocket`,children:(0,$.jsx)(Ha,{className:`h-3 w-3 text-success`})});case`sse`:return(0,$.jsx)(`span`,{title:`Server-Sent Events`,children:(0,$.jsx)(wr,{className:`h-3 w-3 text-info`})});case`rest`:return(0,$.jsx)(`span`,{title:`REST API`,children:(0,$.jsx)(mi,{className:`h-3 w-3 text-warning`})});default:return(0,$.jsx)(`span`,{title:`Disconnected`,children:(0,$.jsx)(Ln,{className:`h-3 w-3 text-destructive`})})}})()]})]})})}var VC=(0,Q.createContext)(null);function HC(e){let t=(0,Q.useContext)(VC);if(!t)throw Error(`useAgentSessions must be used within an AgentSessionProvider`);let{getState:n,refresh:r,create:i,select:a,rename:o,remove:s}=t,c=n(e),l=(0,Q.useCallback)(()=>r(e),[r,e]),u=(0,Q.useCallback)(t=>i(e,t),[i,e]),d=(0,Q.useCallback)(t=>a(e,t),[a,e]),f=(0,Q.useCallback)((t,n)=>o(e,t,n),[o,e]),p=(0,Q.useCallback)(t=>s(e,t),[s,e]);return(0,Q.useMemo)(()=>({...c,refresh:l,create:u,select:d,rename:f,remove:p}),[c,l,u,d,f,p])}function UC(e={}){let[t,n]=(0,Q.useState)(null),[r,i]=(0,Q.useState)(!1),[a,o]=(0,Q.useState)(!1),s=(0,Q.useRef)(e),c=(0,Q.useRef)(null),l=(0,Q.useRef)(!1);(0,Q.useEffect)(()=>{s.current=e},[e]);let u=(0,Q.useCallback)(()=>{if(!s.current.agentId||c.current||l.current)return;let e=localStorage.getItem(`authToken`);if(!e){console.warn(`No auth token available for WebSocket connection`);return}console.log(`[WebSocket] Using token type: ${e.startsWith(`canvas-`)?`API`:`JWT`}, length: ${e.length}`),l.current=!0,o(!0);let t=ho(Xa.ws,{auth:{token:e},transports:[`websocket`],reconnection:!0,reconnectionAttempts:5,reconnectionDelay:1e3,timeout:1e4,forceNew:!0});t.on(`connect`,()=>{console.log(`Agent WebSocket connected successfully`),i(!0),l.current=!1,o(!1)}),t.on(`connect_error`,e=>{console.error(`Agent WebSocket connection error:`,e),i(!1),l.current=!1,o(!1),(e.message?.includes(`Auth error`)||e.message?.includes(`token`))&&console.warn(`WebSocket auth failed, will fallback to SSE for streaming`)}),t.on(`disconnect`,e=>{console.log(`Agent WebSocket disconnected:`,e),i(!1),l.current=!1,o(!1)}),t.on(`agent:chat:chunk`,e=>{console.log(`Received chat chunk:`,e),s.current.onMessage&&s.current.onMessage(e)}),t.on(`agent:chat:complete`,e=>{console.log(`Chat stream complete:`,e),s.current.onComplete&&s.current.onComplete(e.agentId,e.messageId,e.messages)}),t.on(`agent:chat:error`,e=>{console.error(`Chat stream error:`,e),s.current.onError&&s.current.onError(e)}),t.on(`agent:chat:start`,e=>{console.log(`Chat stream started:`,e)}),c.current=t,n(t)},[]),d=(0,Q.useCallback)(()=>{let e=c.current;e&&(e.removeAllListeners(),e.close()),c.current=null,l.current=!1,n(null),i(!1),o(!1)},[]),f=(0,Q.useCallback)(e=>{t&&r&&(console.log(`Subscribing to agent channel: ${e}`),t.emit(`agent:subscribe`,{agentId:e}))},[t,r]),p=(0,Q.useCallback)(e=>{t&&r&&(console.log(`Unsubscribing from agent channel: ${e}`),t.emit(`agent:unsubscribe`,{agentId:e}))},[t,r]),m=(0,Q.useCallback)((e,n)=>{if(!t||!r)throw Error(`WebSocket not connected`);let i=`msg_${Date.now()}_${Math.random().toString(36).substr(2,9)}`;return console.log(`Starting streaming chat for agent ${e}, message ${i}`),t.emit(`agent:chat:stream`,{agentId:e,messageId:i,...n}),i},[t,r]);return(0,Q.useEffect)(()=>{if(e.agentId)return u(),()=>{d()}},[e.agentId,u,d]),(0,Q.useEffect)(()=>{if(r&&e.agentId)return f(e.agentId),()=>{e.agentId&&p(e.agentId)}},[r,e.agentId,f,p]),{socket:t,isConnected:r,isConnecting:a,connect:u,disconnect:d,joinAgentChannel:f,leaveAgentChannel:p,startStreamingChat:m}}function WC(e){if(!e)return``;if(typeof e.errorMessage==`string`&&e.errorMessage.trim())return e.errorMessage.trim();let t=e.content;return typeof t==`string`?t:Array.isArray(t)&&t.filter(e=>e?.type===`text`&&typeof e.text==`string`).map(e=>e.text??``).join(`
|
|
18
|
-
`)||``}function GC(e,t){return`${e||``}${t||``}`.trim()||void 0}function KC(e,t){if(!e&&!t)return;let{reasoningDelta:n,...r}=e||{};return{...r,...t?{reasoning:t}:{}}}function qC(e){let{agentId:t,initialMessages:n=[],historyKey:r,loadHistory:i=!0,onError:a,enableWebSocket:o=!0,enableSSE:s=!0,enableFallback:c=!0,llmProvider:l}=e,[u,d]=(0,Q.useState)(Gy(n)),[f,p]=(0,Q.useState)(!1),[m,h]=(0,Q.useState)(null),[g,_]=(0,Q.useState)(`disconnected`),[v,y]=(0,Q.useState)(null),b=(0,Q.useRef)(n);(0,Q.useEffect)(()=>{b.current=n});let x=`${t}${String(i)}${r??``}`,[S,C]=(0,Q.useState)(x);S!==x&&(C(x),(!t||!i)&&d(Gy(n))),(0,Q.useEffect)(()=>{let e=!1;if(!(!t||!i))return Oy(t).then(t=>{e||d(Gy(t.messages))}).catch(()=>{e||d(Gy(b.current))}),()=>{e=!0}},[t,i,r]);let w=(0,Q.useRef)(null),T=(0,Q.useRef)(null),{isConnected:E,startStreamingChat:D}=UC({agentId:o?t:void 0,onMessage:j,onComplete:M,onError:N}),O=o&&E,[k,A]=(0,Q.useState)(!1);k!==O&&(A(O),_(O?`websocket`:e=>e===`websocket`?`disconnected`:e));function j(e){e.messageId===T.current&&(console.log(`Processing WebSocket chunk:`,{type:e.type,content:e.content,delta:e.delta}),e.type===`content`||e.type===`chunk`?h(t=>t?{...t,content:t.content+(e.delta||e.content||``),isComplete:!1,metadata:t.metadata}:{role:`assistant`,content:e.delta||e.content||``,timestamp:new Date().toISOString(),isComplete:!1}):e.type===`thinking`?h(t=>{let n=GC(t?.metadata?.reasoning,e.delta);return t?{...t,metadata:{...t.metadata||{},...n?{reasoning:n}:{}}}:{role:`assistant`,content:``,timestamp:new Date().toISOString(),isComplete:!1,metadata:n?{reasoning:n}:void 0}}):(e.type===`complete`||e.type===`done`)&&h(e=>{if(e){let t={...e,isComplete:!0};return d(e=>[...e,t]),p(!1),T.current=null,null}return null}))}function M(e,t,n){if(t===T.current){let e=Array.isArray(n)?[...n].reverse().find(e=>e?.role===`assistant`):null,t=WC(e),r=gy(e);h(e=>{if(e){let n={...e,content:t||e.content,isComplete:!0,metadata:{...e.metadata||{},...r||{}}};d(e=>[...e,n])}else t&&d(e=>[...e,{role:`assistant`,content:t,timestamp:new Date().toISOString(),isComplete:!0,metadata:r}]);return null}),p(!1),T.current=null}}function N(e){e.messageId===T.current&&(console.error(`WebSocket streaming error:`,e),y(e.error),p(!1),T.current=null,a&&a(Error(e.error)))}let P=(0,Q.useCallback)(async(e,n={})=>{if(f)throw Error(`Cannot send message while streaming`);y(null);let r={role:`user`,content:e||(n.images?.length?`[${n.images.length} image${n.images.length===1?``:`s`} attached]`:``),timestamp:new Date().toISOString(),isComplete:!0};d(e=>[...e,r]),p(!0);let i={message:e,images:n.images,context:u.slice(-10),mcpContext:n.mcpContext??!0,maxTokens:n.maxTokens,temperature:n.temperature},m=Array.isArray(n.images)&&n.images.length>0,g=o&&E&&l!==`ollama`&&!m,v=s;if(l===`ollama`&&console.log(`🦙 Ollama detected: Using SSE streaming (WebSocket not supported by Ollama)`),g)try{console.log(`🔌 Attempting WebSocket streaming for ${l||`unknown`} provider...`);let e=D(t,i);T.current=e,_(`websocket`);return}catch(e){console.warn(`WebSocket streaming failed for ${l||`unknown`}, falling back to SSE:`,e)}if(v){let e=!1;try{console.log(`📡 ${l===`ollama`?`Using`:`Attempting`} SSE streaming for ${l||`unknown`} provider...`),_(`sse`),w.current=new AbortController;let r=``;await Uy(t,i.message,{onStart:()=>{e=!0},onMessage:(e,t,n)=>{r+=e;let i=typeof n?.reasoningDelta==`string`?n.reasoningDelta:``;if(h(e=>{let a=n?.reasoning||GC(e?.metadata?.reasoning,i);return{role:`assistant`,content:r,timestamp:e?.timestamp||new Date().toISOString(),isComplete:t,metadata:KC({...e?.metadata||{},...n},a)}}),t){let e=n?.reasoning;d(t=>[...t,{role:`assistant`,content:r,timestamp:new Date().toISOString(),isComplete:!0,metadata:KC(n,e)}]),h(null),p(!1)}},onError:e=>{console.error(`SSE streaming error:`,e),y(e.message),p(!1),a&&a(e)},context:u.slice(-10).map(e=>({role:e.role,content:e.content,timestamp:e.timestamp,metadata:e.metadata})),images:n.images,mcpContext:n.mcpContext??!0,maxTokens:n.maxTokens,temperature:n.temperature});return}catch(t){if(e){console.warn(`SSE stream failed after server accepted prompt for ${l||`unknown`}; refusing REST fallback to avoid duplicate prompt.`);return}console.warn(`SSE streaming failed for ${l||`unknown`}, falling back to REST:`,t)}}if(c)try{console.log(`⚙️ Using REST API fallback for ${l||`unknown`} provider...`),_(`rest`);let r=await Wy(t,{message:e,images:n.images,context:u.slice(-10).map(e=>({role:e.role,content:e.content,timestamp:e.timestamp,metadata:e.metadata})),mcpContext:n.mcpContext??!0,maxTokens:n.maxTokens,temperature:n.temperature}),i={role:`assistant`,content:r.content,timestamp:new Date().toISOString(),isComplete:!0,metadata:r.metadata};d(e=>[...e,i]),p(!1)}catch(e){console.error(`All chat methods failed:`,e);let t=e instanceof Error?e.message:`Failed to send message`;y(t),p(!1),a&&a(e instanceof Error?e:Error(t))}else y(`All streaming methods failed and fallback is disabled`),p(!1)},[t,u,f,E,D,o,s,c,l,a]),ee=(0,Q.useCallback)(()=>{d([]),h(null),y(null)},[]),F=(0,Q.useCallback)(()=>{w.current&&=(w.current.abort(),null),T.current=null,p(!1),h(null)},[]);return(0,Q.useEffect)(()=>()=>{w.current&&w.current.abort()},[]),{messages:u,isStreaming:f,currentStreamingMessage:m,connectionStatus:g,error:v,sendMessage:P,clearMessages:ee,stopStreaming:F,allMessages:m?[...u,m]:u,isWebSocketConnected:g===`websocket`,isUsingSSE:g===`sse`,isUsingREST:g===`rest`}}function JC(e){let{sessions:t,create:n}=HC(e),r=(t?.sessions.length??0)>0;return{hasSession:r,ensureSession:async()=>r?null:n({mode:`persistent`})}}async function YC(e){let t=await new Promise((t,n)=>{let r=new FileReader;r.onload=()=>{let[,e=``]=(typeof r.result==`string`?r.result:``).split(`,`,2);t(e)},r.onerror=()=>n(r.error||Error(`Failed to read image`)),r.readAsDataURL(e)});return{id:`${e.name}-${e.size}-${Date.now()}-${Math.random().toString(36).slice(2,8)}`,type:`image`,data:t,mimeType:e.type||`image/png`,name:e.name}}function XC(e){return String(e||``).trim().toLowerCase().replace(/[^a-z0-9]+/g,`-`).replace(/^-+|-+$/g,``)}function ZC({agentId:e,routeAgentId:t,initialMessages:n,llmProvider:r,sessionKey:i}){let{showToast:a}=vo(),{hasSession:o,ensureSession:s}=JC(e),c=ot(),l=(0,Q.useRef)(null),u=(0,Q.useRef)(null),[d,f]=(0,Q.useState)(``),[p,m]=(0,Q.useState)([]),{allMessages:h,isStreaming:g,currentStreamingMessage:_,connectionStatus:v,error:y,sendMessage:b,clearMessages:x,stopStreaming:S}=qC({agentId:e,initialMessages:n,historyKey:i,loadHistory:!1,llmProvider:r,enableWebSocket:!1,onError:e=>{a({title:`Chat Error`,description:e.message,variant:`destructive`})}});return(0,Q.useEffect)(()=>{l.current?.scrollIntoView({behavior:`smooth`})},[h,_]),(0,Q.useEffect)(()=>{g||u.current?.focus()},[g,i]),(0,$.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col rounded-lg border`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between border-b px-4 py-3`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`h2`,{className:`text-sm font-semibold`,children:`Chat`}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Current session conversation`})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-3 text-xs text-muted-foreground`,children:[(0,$.jsx)(`span`,{children:v}),h.length>0&&(0,$.jsx)(`button`,{type:`button`,onClick:x,disabled:g,className:`text-destructive hover:underline disabled:opacity-50`,children:`Clear visible chat`})]})]}),(0,$.jsxs)(`div`,{className:`flex-1 overflow-y-auto p-4 space-y-4`,children:[h.length===0?(0,$.jsx)(`div`,{className:`flex h-full items-center justify-center text-center text-muted-foreground`,children:(0,$.jsxs)(`div`,{children:[(0,$.jsx)(Ci,{className:`mx-auto mb-4 h-10 w-10 opacity-40`}),(0,$.jsx)(`p`,{className:`text-sm`,children:o?`No messages yet.`:`No session yet.`}),(0,$.jsx)(`p`,{className:`mt-1 text-xs`,children:o?`Send a message to start the conversation.`:`Type a message to auto-create a session, or pick one in the Sessions panel.`})]})}):h.map((e,t)=>(0,$.jsx)(BC,{message:e,isStreaming:g&&e===_,connectionStatus:v},`${e.timestamp}-${t}`)),y&&(0,$.jsx)(`div`,{className:`rounded-lg bg-destructive/10 p-3 text-sm text-destructive`,children:y}),(0,$.jsx)(`div`,{ref:l})]}),(0,$.jsxs)(`div`,{className:`border-t p-4`,children:[p.length>0&&(0,$.jsx)(`div`,{className:`mb-3 flex flex-wrap gap-2`,children:p.map(e=>(0,$.jsxs)(`div`,{className:`group relative overflow-hidden rounded-md border bg-muted/20`,children:[(0,$.jsx)(`img`,{src:`data:${e.mimeType};base64,${e.data}`,alt:e.name||`Pasted image`,className:`h-16 w-16 object-cover`}),(0,$.jsx)(`div`,{className:`max-w-16 truncate px-2 py-1 text-[10px] text-muted-foreground`,children:e.name||e.mimeType}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>m(t=>t.filter(t=>t.id!==e.id)),className:`absolute right-1 top-1 flex h-5 w-5 items-center justify-center rounded-full bg-background/90 text-muted-foreground hover:text-foreground`,title:`Remove image`,children:(0,$.jsx)(mr,{className:`h-3 w-3`})})]},e.id))}),(0,$.jsxs)(`form`,{onSubmit:async e=>{e.preventDefault();let n=d.trim();if(!(!n&&p.length===0)){f(``);try{let e=await s();e?.current.sessionId&&c(`/agents/${encodeURIComponent(t)}/${encodeURIComponent(e.current.sessionId)}`,{replace:!0}),await b(n,{images:p.map(({id:e,...t})=>t)}),m([])}catch(e){a({title:`Chat Error`,description:e instanceof Error?e.message:`Failed to send message`,variant:`destructive`})}}},className:`flex gap-2`,children:[(0,$.jsx)(`textarea`,{ref:u,value:d,onChange:e=>f(e.target.value),onKeyDown:e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),e.currentTarget.form?.requestSubmit())},onPaste:async e=>{let t=Array.from(e.clipboardData.items).filter(e=>e.kind===`file`&&e.type.startsWith(`image/`)).map(e=>e.getAsFile()).filter(e=>!!e);if(t.length!==0)try{let e=await Promise.all(t.map(YC));m(t=>[...t,...e])}catch(e){a({title:`Paste Error`,description:e instanceof Error?e.message:`Failed to read pasted image`,variant:`destructive`})}},placeholder:g?`Streaming in progress...`:o?`Type a message...`:`Type to start a new session…`,disabled:g,rows:2,className:`flex min-h-10 flex-1 resize-y rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50`}),g?(0,$.jsx)(Z,{type:`button`,variant:`outline`,onClick:S,children:`Stop`}):(0,$.jsx)(Z,{type:`submit`,disabled:!d.trim()&&p.length===0,children:`Send`})]}),(0,$.jsxs)(`div`,{className:`mt-2 flex items-center gap-2 text-xs text-muted-foreground`,children:[(0,$.jsx)(Gi,{className:`h-3.5 w-3.5`}),`Paste image files from clipboard directly into the input.`]})]})]})}function QC(){let{agentId:e,sessionId:t}=Ft(),n=an(),r=ot(),{showToast:i}=vo(),{selectEntity:a,goBack:o}=eg(),[s,c]=(0,Q.useState)(null),[l,u]=(0,Q.useState)(!0),[d,f]=(0,Q.useState)(!1),[p,m]=(0,Q.useState)(!1),[h,g]=(0,Q.useState)(null),[_,v]=(0,Q.useState)(!1),y=(0,Q.useRef)(null),{current:b,sessions:x,refresh:S,select:C}=HC(e||``),w=(0,Q.useMemo)(()=>x?.sessions?x.currentSessionId?x.sessions.find(e=>e.id===x.currentSessionId)||null:x.currentSessionPath?x.sessions.find(e=>e.path===x.currentSessionPath)||null:x.sessions.find(e=>e.isCurrent)||null:null,[x]),T=[b?.mode||`persistent`,b?.sessionId||b?.sessionFile||`initial`].join(`:`);return(0,Q.useEffect)(()=>{e&&(async()=>{u(!0);try{let i=await Dy(e);a(i.id),c(i);let o=i.name||i.id;if(o&&decodeURIComponent(e)!==o){let e=n.pathname.endsWith(`/settings`)?`/agents/${encodeURIComponent(o)}/settings`:t?`/agents/${encodeURIComponent(o)}/${encodeURIComponent(t)}`:`/agents/${encodeURIComponent(o)}`;r(e,{replace:!0})}await S(),g(null)}catch(e){let t=e instanceof Error?e.message:`Failed to load agent`;g(t),i({title:`Error`,description:t,variant:`destructive`})}finally{u(!1)}})()},[e,t,n.pathname,r,S,a,i]),(0,Q.useEffect)(()=>{if(!e||!t||!x)return;let n=decodeURIComponent(t),r=XC(n),a=x.sessions.find(e=>e.id===n||e.slug===n||XC(e.name)===r),o=!!(a&&(x.currentSessionId===a.id||x.currentSessionPath===a.path||b?.sessionId===a.id||b?.sessionFile===a.path)),s=b?.sessionId===n||x.currentSessionId===n;if(b?.mode===`persistent`&&o){y.current=null;return}if(!a){b?.mode===`persistent`&&s&&(y.current=null);return}y.current!==a.id&&(y.current=a.id,C({mode:`persistent`,sessionId:a.id}).catch(e=>{i({title:`Session Error`,description:e instanceof Error?e.message:`Failed to select session`,variant:`destructive`})}).finally(()=>{y.current===a.id&&(y.current=null)}))},[e,t,x,b?.mode,b?.sessionId,b?.sessionFile,C,i]),(0,Q.useEffect)(()=>{if(!e)return;let t=async()=>{try{let t=await Hy(e);c(e=>e?{...e,isActive:t.isActive,status:t.status,lastAccessed:t.lastAccessed}:null)}catch{}};t();let n=setInterval(t,5e3);return()=>clearInterval(n)},[e]),l?(0,$.jsx)(`div`,{className:`flex h-full items-center justify-center`,children:(0,$.jsxs)(`div`,{className:`text-center text-muted-foreground`,children:[(0,$.jsx)(jr,{className:`mx-auto mb-3 h-8 w-8 animate-pulse`}),(0,$.jsx)(`p`,{children:`Loading agent...`})]})}):!s||h?(0,$.jsx)(`div`,{className:`flex h-full items-center justify-center`,children:(0,$.jsxs)(`div`,{className:`text-center text-destructive`,children:[(0,$.jsx)(jr,{className:`mx-auto mb-3 h-8 w-8`}),(0,$.jsx)(`p`,{children:h||`Agent not found`})]})}):(0,$.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col gap-4 p-4`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,$.jsx)(hh,{title:`Back to previous view`,onBack:o}),(0,$.jsx)(`span`,{className:`h-3 w-3 shrink-0 rounded-full`,style:{backgroundColor:s.color||`#9ca3af`}}),(0,$.jsx)(`h1`,{className:`truncate text-xl font-semibold`,children:s.label||s.name}),(0,$.jsx)(`span`,{className:`rounded-full bg-muted px-2 py-0.5 text-xs text-muted-foreground`,children:s.status})]}),(0,$.jsx)(`p`,{className:`mt-1 truncate text-sm text-muted-foreground`,children:s.description||`${s.llmProvider} / ${s.model}`})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[s.isActive?(0,$.jsxs)(Z,{variant:`outline`,onClick:async()=>{if(e){m(!0);try{let t=await Vy(e);c(t),i({title:`Stopped`,description:`${t.label||t.name} is inactive`})}catch(e){i({title:`Error`,description:e instanceof Error?e.message:`Failed to stop agent`,variant:`destructive`})}finally{m(!1)}}},disabled:p,children:[(0,$.jsx)(_a,{className:`mr-2 h-4 w-4`}),p?`Stopping...`:`Stop`]}):(0,$.jsxs)(Z,{onClick:async()=>{if(e){f(!0);try{let t=await By(e);c(t),i({title:`Started`,description:`${t.label||t.name} is active`})}catch(e){i({title:`Error`,description:e instanceof Error?e.message:`Failed to start agent`,variant:`destructive`})}finally{f(!1)}}},disabled:d,children:[(0,$.jsx)(xr,{className:`mr-2 h-4 w-4`}),d?`Starting...`:`Start`]}),(0,$.jsxs)(Z,{variant:`outline`,onClick:()=>{a(s.id),r(`/agents/${encodeURIComponent(s.name||s.id)}/settings/identity`)},children:[(0,$.jsx)(ea,{className:`mr-2 h-4 w-4`}),`Settings`]}),(0,$.jsx)(mh,{className:`h-9 w-9`})]})]}),(0,$.jsxs)(`div`,{className:`grid min-h-0 flex-1 grid-cols-1 gap-4 grid-rows-[minmax(0,1fr)_auto] xl:grid-rows-none xl:grid-cols-[minmax(0,1.2fr)_minmax(320px,0.8fr)]`,children:[(0,$.jsx)(ZC,{agentId:s.id,routeAgentId:s.name||s.id,initialMessages:b?.messages||[],llmProvider:s.llmProvider,sessionKey:T},T),(0,$.jsxs)(`div`,{className:`flex min-h-0 flex-col rounded-lg border`,children:[(0,$.jsxs)(`button`,{type:`button`,onClick:()=>v(e=>!e),"aria-expanded":_,className:J(`flex w-full items-center justify-between gap-2 px-4 py-3 text-left xl:pointer-events-none`,_?`border-b`:`xl:border-b`),children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`h2`,{className:`text-sm font-semibold`,children:`Contextual Information`}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Current session and runtime state.`})]}),(0,$.jsx)(Kr,{className:J(`h-4 w-4 shrink-0 text-muted-foreground transition-transform xl:hidden`,_&&`rotate-180`)})]}),(0,$.jsxs)(`div`,{className:J(`space-y-4 overflow-y-auto p-4 text-sm max-xl:max-h-viewport-half`,!_&&`max-xl:hidden`),children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`div`,{className:`text-xs uppercase tracking-wide text-muted-foreground`,children:`Mode`}),(0,$.jsx)(`div`,{className:`mt-1`,children:b?.mode||x?.mode||`persistent`})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`div`,{className:`text-xs uppercase tracking-wide text-muted-foreground`,children:`Selected Session`}),(0,$.jsx)(`div`,{className:`mt-1 break-all`,children:w?.name||(w?.isExperimental?`Experimental`:null)||b?.sessionId||`Default session`})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`div`,{className:`text-xs uppercase tracking-wide text-muted-foreground`,children:`Known Sessions`}),(0,$.jsx)(`div`,{className:`mt-1`,children:x?.sessions.length||0})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`div`,{className:`text-xs uppercase tracking-wide text-muted-foreground`,children:`Thinking Level`}),(0,$.jsx)(`div`,{className:`mt-1`,children:b?.thinkingLevel||`high`})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`div`,{className:`text-xs uppercase tracking-wide text-muted-foreground`,children:`Model`}),(0,$.jsx)(`div`,{className:`mt-1`,children:b?.model?.modelId||s.model||`Not set`})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`div`,{className:`text-xs uppercase tracking-wide text-muted-foreground`,children:`Session File`}),(0,$.jsx)(`div`,{className:`mt-1 break-all text-xs text-muted-foreground`,children:b?.sessionFile||`In-memory / not persisted yet`})]}),(0,$.jsxs)(`div`,{className:`rounded-lg border bg-muted/20 p-4 text-sm text-muted-foreground`,children:[(0,$.jsxs)(`div`,{className:`mb-2 flex items-center gap-2 font-medium text-foreground`,children:[(0,$.jsx)(mi,{className:`h-4 w-4`}),`Shape`]}),(0,$.jsx)(`p`,{children:`Session selection lives in M2. Main content stays focused on the active conversation and its context.`})]})]})]})]})]})}var $C={anthropic:`claude-3-5-sonnet-20241022`,openai:`gpt-4o`,ollama:`qwen2.5-coder:latest`,"lm-studio":``,vllm:``,custom:``},ew={anthropic:`https://api.anthropic.com`,openai:`https://api.openai.com/v1`,ollama:`http://localhost:11434/v1`,"lm-studio":`http://localhost:1234/v1`,vllm:`http://localhost:8000/v1`,custom:``};function tw(e){return ew[e]||``}function nw(e,t,n){return[e.trim()?`## Role\n${e.trim()}`:``,t.trim()?`## Identity\n${t.trim()}`:``,n.trim()?`## Instructions\n${n.trim()}`:``].filter(Boolean).join(`
|
|
19
|
-
|
|
20
|
-
`)}function rw({label:e,hint:t,children:n}){return(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{className:`text-sm font-medium`,children:e}),t&&(0,$.jsx)(`p`,{className:`mb-1 mt-0.5 text-xs text-muted-foreground`,children:t}),(0,$.jsx)(`div`,{className:t?void 0:`mt-1`,children:n})]})}var iw=`w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring resize-y`,aw=`w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring`;function ow(){let{agentId:e,tab:t}=Ft(),n=ot(),{showToast:r}=vo(),{selectEntity:i,goBack:a}=eg(),o=ae(),s=uy(t);(0,Q.useEffect)(()=>{t!==s&&e&&n(`/agents/${encodeURIComponent(e)}/settings/${s}`,{replace:!0})},[t,s,e,n]);let[c,l]=(0,Q.useState)(null),[u,d]=(0,Q.useState)(!0),[f,p]=(0,Q.useState)(null),[m,h]=(0,Q.useState)(!1),[g,_]=(0,Q.useState)(!1),[v,y]=(0,Q.useState)(``),[b,x]=(0,Q.useState)(``),[S,C]=(0,Q.useState)(``),[w,T]=(0,Q.useState)(cn()),[E,D]=(0,Q.useState)(``),[O,k]=(0,Q.useState)(``),[A,j]=(0,Q.useState)(``),[M,N]=(0,Q.useState)(``),[P,ee]=(0,Q.useState)(`anthropic`),[F,I]=(0,Q.useState)(``),[te,L]=(0,Q.useState)(``),[R,ne]=(0,Q.useState)(``),[z,re]=(0,Q.useState)(.7),[ie,oe]=(0,Q.useState)(4096),[se,B]=(0,Q.useState)(1),[V,H]=(0,Q.useState)([]),[U,ce]=(0,Q.useState)(``),[le,ue]=(0,Q.useState)(``),[de,fe]=(0,Q.useState)(``),[pe,me]=(0,Q.useState)(``),[he,ge]=(0,Q.useState)(!1),[_e,ve]=(0,Q.useState)(null),[ye,W]=(0,Q.useState)(null),[G,be]=(0,Q.useState)(null),[K,q]=(0,Q.useState)(!1),[xe,Se]=(0,Q.useState)(null),[Ce,we]=(0,Q.useState)(`context`),[Te,Ee]=(0,Q.useState)(``),[De,Oe]=(0,Q.useState)(`/`),[ke,Ae]=(0,Q.useState)(``),[je,Me]=(0,Q.useState)(!0),[Ne,Pe]=(0,Q.useState)(!1),[Fe,Ie]=(0,Q.useState)([]),[Le,Re]=(0,Q.useState)([]),[ze,Be]=(0,Q.useState)(null),[Ve,He]=(0,Q.useState)(`{}`),[Ue,We]=(0,Q.useState)(null),[Ge,Ke]=(0,Q.useState)(e);Ge!==e&&(Ke(e),d(!0),l(null)),(0,Q.useEffect)(()=>{if(!e)return;let t=!1;return Dy(e).then(async e=>{if(t)return;let n=e.config?.identity||{};l(e),i(e.id),y(e.name||``),x(e.label||``),C(e.description||``),T(e.color||cn()),D(n.role||``),k(n.identity||``),j(n.instructions||``),N(e.config?.prompts?.system||``),ee(e.llmProvider||`anthropic`),I(e.config?.apiKey||``),L(e.config?.baseUrl||tw(e.llmProvider)),ne(e.model||$C[e.llmProvider]||``);let r=e.config?.connectors?.[e.llmProvider];r&&(re(r.temperature??.7),oe(r.maxTokens??4096),B(r.topP??1)),He(JSON.stringify(e.config?.tools??{},null,2)),We(null),p(null);try{H(await Py(e.id))}catch{H([])}}).catch(e=>{t||p(e instanceof Error?e.message:`Failed to load agent`)}).finally(()=>{t||d(!1)}),()=>{t=!0}},[e,i]),(0,Q.useEffect)(()=>{if(s!==`access`&&s!==`tools`||!c?.id)return;let e=c.id,t=!1;return Promise.all([xy(c.id).catch(()=>null),ss().catch(()=>[]),cl().catch(()=>[]),Ty(c.id).catch(()=>null)]).then(([n,r,i,a])=>{t||(W(n),Ie(r),Re(i),Be(a?a.tools:[]),n&&(we(n.binding.type),Ee(n.binding.workspace||``),Oe(n.binding.path||`/`),Ae(n.binding.context||``),Me(n.permissions.includes(`read`)),Pe(n.permissions.includes(`write`))),be(e))}),()=>{t=!0}},[s,c?.id]);let qe=()=>{let e=nw(E,O,A),t;try{let e=JSON.parse(Ve);e&&typeof e==`object`&&!Array.isArray(e)&&(t=e)}catch{}return{...t===void 0?{}:{tools:t},name:v.trim(),label:b.trim(),description:S.trim()||void 0,color:w,llmProvider:P,model:R,apiKey:F||void 0,baseUrl:te||void 0,config:{type:P,model:R,identity:{role:E.trim()||void 0,identity:O.trim()||void 0,instructions:A.trim()||void 0},prompts:M.trim()||e?{system:M.trim()||e}:void 0,connectors:{[P]:{temperature:z,maxTokens:ie,topP:se}}}}},Je=async e=>{if(e.preventDefault(),c){h(!0);try{let e=await Ry(c.id,qe());l(e),window.dispatchEvent(new CustomEvent(`agents:refresh`)),r({title:`Saved`,description:`Agent updated`}),e.name&&e.name!==c.name&&n(`/agents/${encodeURIComponent(e.name)}/settings/${s}`,{replace:!0})}catch(e){r({title:`Error`,description:e instanceof Error?e.message:`Save failed`,variant:`destructive`})}finally{h(!1)}}},Ye=async()=>{if(c&&window.confirm(`Delete agent "${c.label||c.name}"? This cannot be undone.`)){_(!0);try{await zy(c.id),window.dispatchEvent(new CustomEvent(`agents:refresh`)),r({title:`Deleted`,description:`Agent removed`}),n(`/agents`)}catch(e){r({title:`Error`,description:e instanceof Error?e.message:`Delete failed`,variant:`destructive`})}finally{_(!1)}}},Xe=()=>{ce(``),ue(``),fe(``),me(``)},Ze=async()=>{if(!(!c||!pe.trim()&&!de.trim())){ge(!0);try{let e=await Fy(c.id,pe.trim()?{source:pe.trim()}:{name:U,description:le,content:de});H(e),Xe(),window.dispatchEvent(new CustomEvent(`agents:refresh`)),r({title:`Installed`,description:`Skill saved`})}catch(e){r({title:`Error`,description:e instanceof Error?e.message:`Skill install failed`,variant:`destructive`})}finally{ge(!1)}}},Qe=async e=>{if(c){ve(e);try{let t=await Iy(c.id,e);H(t),(U===e||pe===e)&&Xe(),window.dispatchEvent(new CustomEvent(`agents:refresh`)),r({title:`Removed`,description:`Skill "${e}" removed`})}catch(e){r({title:`Error`,description:e instanceof Error?e.message:`Skill remove failed`,variant:`destructive`})}finally{ve(null)}}},$e=()=>Ce===`global`?{type:`global`}:Ce===`context`?ke?{type:`context`,context:ke}:null:Te?Ce===`path`?{type:`path`,workspace:Te,path:De.trim()||`/`}:{type:`workspace`,workspace:Te}:null,et=async()=>{if(!c||K)return;let e=$e(),t=[];if(je&&t.push(`read`),Ne&&t.push(`write`),!e||t.length===0){r({title:`Invalid binding`,description:`Pick a scope target and at least one permission`,variant:`destructive`});return}if(!(e.type===`global`&&!window.confirm(`Global scope lets this agent ${Ne?`read and write`:`read`} ALL your workspaces. Continue?`))){q(!0);try{let n=await Sy(c.id,{binding:e,permissions:t});W(n.access),Se(n.token),r({title:`Bound`,description:`Access bound — copy the token now, it is not shown again`})}catch(e){r({title:`Error`,description:e instanceof Error?e.message:`Bind failed`,variant:`destructive`})}finally{q(!1)}}},tt=async()=>{if(!(!c||K)){q(!0);try{let e=await Cy(c.id);W(e.access),Se(e.token),r({title:`Rotated`,description:`New token minted — the previous one no longer works`})}catch(e){r({title:`Error`,description:e instanceof Error?e.message:`Rotate failed`,variant:`destructive`})}finally{q(!1)}}},nt=async()=>{if(!(!c||K)&&window.confirm(`Revoke this agent's canvas access? Its token stops working immediately.`)){q(!0);try{await wy(c.id),W(null),Se(null),r({title:`Revoked`,description:`Agent access removed`})}catch(e){r({title:`Error`,description:e instanceof Error?e.message:`Revoke failed`,variant:`destructive`})}finally{q(!1)}}},rt=e=>{if(e.type===`global`)return`Global — all workspaces`;if(e.type===`context`){let t=Le.find(t=>t.id===e.context);return`Context ${t?`${t.id} (${t.url})`:e.context} — follows the context live`}let t=e.workspaceName||e.workspace;return e.type===`path`?`Workspace ${t}, path ${e.path||`/`}`:`Workspace ${t} (whole tree)`};if(u)return(0,$.jsx)(`div`,{className:`p-6 text-sm text-muted-foreground`,children:`Loading...`});if(!c||f)return(0,$.jsx)(`div`,{className:`p-6 text-sm text-destructive`,children:f||`Agent not found`});let it=ly.find(e=>e.id===s),at=encodeURIComponent(c.name||c.id),st=s===`identity`||s===`provider`||s===`models`||s===`tools`;return(0,$.jsx)(`div`,{className:`h-full min-h-0 overflow-y-auto`,children:(0,$.jsxs)(`div`,{className:`mx-auto max-w-5xl p-6 pb-12 max-md:px-4 max-md:pb-rail-stack`,children:[(0,$.jsx)(ph,{compact:!0,className:`mb-6 border-b pb-4`,title:`${it.label} - ${c.label||c.name}`,description:it.description,backTo:`/agents/${at}`,onBack:o?a:void 0}),(0,$.jsxs)(`form`,{onSubmit:Je,className:`space-y-6`,children:[s===`identity`&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`section`,{className:`space-y-4 rounded-lg border p-4`,children:[(0,$.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,$.jsx)(rw,{label:`Name`,hint:`ID: ${c.id}`,children:(0,$.jsx)(Y,{value:v,onChange:e=>y(e.target.value),placeholder:`lucy`})}),(0,$.jsx)(rw,{label:`Label`,children:(0,$.jsx)(Y,{value:b,onChange:e=>x(e.target.value),placeholder:`Display name`})})]}),(0,$.jsx)(rw,{label:`Description`,children:(0,$.jsx)(Y,{value:S,onChange:e=>C(e.target.value),placeholder:`Short description`})}),(0,$.jsx)(rw,{label:`Color`,children:(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(Y,{type:`color`,value:w,onChange:e=>T(e.target.value),className:`h-10 w-16 p-1`}),(0,$.jsx)(Z,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>T(cn()),children:`Randomize`})]})})]}),(0,$.jsxs)(`section`,{className:`space-y-4 rounded-lg border p-4`,children:[(0,$.jsx)(`h2`,{className:`text-sm font-semibold`,children:`Persona`}),(0,$.jsx)(rw,{label:`Role`,children:(0,$.jsx)(Y,{value:E,onChange:e=>D(e.target.value),placeholder:`e.g. Software Engineer`})}),(0,$.jsx)(rw,{label:`Identity`,children:(0,$.jsx)(`textarea`,{value:O,onChange:e=>k(e.target.value),placeholder:`Who this agent is…`,className:`${iw} min-h-[80px]`})}),(0,$.jsx)(rw,{label:`Instructions`,children:(0,$.jsx)(`textarea`,{value:A,onChange:e=>j(e.target.value),placeholder:`Behavioral instructions…`,className:`${iw} min-h-[80px]`})}),(0,$.jsx)(rw,{label:`System Prompt`,hint:`Compiled from Role + Identity + Instructions. Override manually.`,children:(0,$.jsx)(`textarea`,{value:M,onChange:e=>N(e.target.value),placeholder:`System prompt sent to the LLM…`,className:`${iw} min-h-[140px] font-mono text-xs`})})]}),(0,$.jsxs)(`section`,{className:`rounded-lg border border-destructive/30 p-4`,children:[(0,$.jsx)(`h2`,{className:`mb-3 text-sm font-semibold text-destructive`,children:`Danger Zone`}),(0,$.jsxs)(Z,{type:`button`,variant:`destructive`,disabled:g,onClick:Ye,children:[(0,$.jsx)(Xr,{className:`mr-2 h-4 w-4`}),g?`Deleting...`:`Delete Agent`]})]})]}),s===`provider`&&(0,$.jsxs)(`section`,{className:`space-y-4 rounded-lg border p-4`,children:[(0,$.jsx)(rw,{label:`Provider`,children:(0,$.jsxs)(`select`,{value:P,onChange:e=>{let t=e.target.value;ee(t),ne($C[t]||``),L(tw(t))},className:`w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring`,children:[(0,$.jsx)(`option`,{value:`anthropic`,children:`Anthropic Claude`}),(0,$.jsx)(`option`,{value:`openai`,children:`OpenAI GPT`}),(0,$.jsx)(`option`,{value:`ollama`,children:`Ollama (Local)`}),(0,$.jsx)(`option`,{value:`lm-studio`,children:`LM Studio (Local)`}),(0,$.jsx)(`option`,{value:`vllm`,children:`vLLM (Local)`}),(0,$.jsx)(`option`,{value:`custom`,children:`Custom`})]})}),(0,$.jsx)(rw,{label:`API Key`,hint:[`ollama`,`lm-studio`,`vllm`].includes(P)?`Any value works for local providers.`:void 0,children:(0,$.jsx)(Y,{type:`password`,value:F,onChange:e=>I(e.target.value),placeholder:P===`ollama`?`ollama`:P===`lm-studio`?`lm-studio`:`sk-…`})}),(0,$.jsx)(rw,{label:`Host / Base URL`,children:(0,$.jsx)(Y,{value:te,onChange:e=>L(e.target.value),placeholder:tw(P)||`https://api.example.com`})})]}),s===`models`&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`section`,{className:`space-y-4 rounded-lg border p-4`,children:[(0,$.jsx)(`h2`,{className:`text-sm font-semibold`,children:`Main Model`}),(0,$.jsx)(rw,{label:`Model`,children:(0,$.jsx)(Y,{value:R,onChange:e=>ne(e.target.value),placeholder:`Model name`})}),(0,$.jsxs)(`div`,{className:`grid gap-4 sm:grid-cols-3`,children:[(0,$.jsx)(rw,{label:`Temperature`,children:(0,$.jsx)(Y,{type:`number`,min:0,max:2,step:.1,value:z,onChange:e=>re(parseFloat(e.target.value)||.7)})}),(0,$.jsx)(rw,{label:`Max Tokens`,children:(0,$.jsx)(Y,{type:`number`,min:1,max:2e5,value:ie,onChange:e=>oe(parseInt(e.target.value)||4096)})}),(0,$.jsx)(rw,{label:`Top P`,children:(0,$.jsx)(Y,{type:`number`,min:0,max:1,step:.1,value:se,onChange:e=>B(parseFloat(e.target.value)||1)})})]})]}),[`Governance`,`Memory Management`,`Subagent / Tool Use`].map(e=>(0,$.jsxs)(`section`,{className:`rounded-lg border border-dashed p-4`,children:[(0,$.jsxs)(`h2`,{className:`text-sm font-semibold text-muted-foreground`,children:[e,` Model`]}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:`Coming soon`})]},e))]}),s===`tools`&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`section`,{className:`space-y-3 rounded-lg border p-4`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`h2`,{className:`text-sm font-semibold`,children:`Runtime Tools`}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Injected at start (pi defineTool): coding tools plus canvas tools scoped by the token binding (Access / ACL). Definitions live in the runtime — read-only here until the agent-runtime workspace lands.`})]}),ze===null?(0,$.jsx)(`div`,{className:`rounded-md border border-dashed p-4 text-sm text-muted-foreground`,children:`Loading…`}):ze.length===0?(0,$.jsx)(`div`,{className:`rounded-md border border-dashed p-4 text-sm text-muted-foreground`,children:`No tools resolved.`}):(0,$.jsx)(`div`,{className:`space-y-1.5`,children:ze.map(e=>(0,$.jsxs)(`details`,{className:`rounded-md border px-3 py-2`,children:[(0,$.jsxs)(`summary`,{className:`cursor-pointer text-sm`,children:[(0,$.jsx)(`code`,{className:`font-mono text-xs font-medium`,children:e.name}),(0,$.jsx)(`span`,{className:`ml-2 rounded bg-muted px-1.5 py-0.5 text-[10px] uppercase text-muted-foreground`,children:e.source})]}),e.description&&(0,$.jsx)(`p`,{className:`mt-2 whitespace-pre-wrap text-xs text-muted-foreground`,children:e.description}),e.parameters!=null&&(0,$.jsx)(`pre`,{className:`mt-2 overflow-x-auto rounded bg-muted p-2 font-mono text-[11px]`,children:JSON.stringify(e.parameters,null,2)})]},e.name))}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:ye?rt(ye.binding):`Unbound — no canvas tools are injected. Bind under Access / ACL.`})]}),(0,$.jsxs)(`section`,{className:`space-y-3 rounded-lg border p-4`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`h2`,{className:`text-sm font-semibold`,children:`Tools Config`}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`config.tools JSON, merged server-side — e.g. {"canvas": {"enabled": false}} gates the canvas tools. Saved with Save Changes.`})]}),(0,$.jsx)(`textarea`,{value:Ve,onChange:e=>{He(e.target.value);try{JSON.parse(e.target.value),We(null)}catch(e){We(e instanceof Error?e.message:`Invalid JSON`)}},className:`${iw} min-h-[120px] font-mono text-xs`}),Ue&&(0,$.jsxs)(`p`,{className:`text-xs text-destructive`,children:[`Invalid JSON (not saved): `,Ue]})]}),(0,$.jsxs)(`section`,{className:`space-y-3 rounded-lg border p-4`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`h2`,{className:`text-sm font-semibold`,children:`Skills`}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Installed skills are saved immediately, independent of Save Changes.`})]}),V.length===0?(0,$.jsx)(`div`,{className:`rounded-md border border-dashed p-4 text-sm text-muted-foreground`,children:`No skills installed.`}):V.map(e=>(0,$.jsxs)(`div`,{className:`flex items-start justify-between gap-3 rounded-md border p-3`,children:[(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsx)(`div`,{className:`truncate text-sm font-medium`,children:e.name}),(0,$.jsx)(`div`,{className:`truncate text-xs text-muted-foreground`,children:e.package?e.source:e.description||`No description`})]}),(0,$.jsxs)(`div`,{className:`flex shrink-0 gap-2`,children:[(0,$.jsx)(Z,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>{ce(e.name),ue(e.description||``),fe(e.content||``),me(e.source||``)},children:`Edit`}),(0,$.jsx)(Z,{type:`button`,variant:`destructive`,size:`sm`,disabled:_e===(e.source||e.name),onClick:()=>Qe(e.source||e.name),children:_e===(e.source||e.name)?`Removing…`:`Remove`})]})]},e.name)),(0,$.jsxs)(`div`,{className:`space-y-4 rounded-md border p-4`,children:[(0,$.jsx)(rw,{label:`Package Source`,hint:`Use this for whole pi packages. Leave empty to save inline SKILL.md content.`,children:(0,$.jsx)(Y,{value:pe,onChange:e=>me(e.target.value),placeholder:`npm:@foo/pi-tools or git:github.com/badlogic/pi-doom`})}),(0,$.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,$.jsx)(rw,{label:`Name`,children:(0,$.jsx)(Y,{value:U,onChange:e=>ce(e.target.value),placeholder:`skill-name, or read from frontmatter`,disabled:!!pe.trim()})}),(0,$.jsx)(rw,{label:`Description`,children:(0,$.jsx)(Y,{value:le,onChange:e=>ue(e.target.value),placeholder:`What this skill helps with`,disabled:!!pe.trim()})})]}),(0,$.jsx)(rw,{label:`SKILL.md Content`,children:(0,$.jsx)(`textarea`,{value:de,onChange:e=>fe(e.target.value),placeholder:`# Skill instructions…`,disabled:!!pe.trim(),className:`${iw} min-h-[160px] font-mono text-xs`})}),(0,$.jsxs)(`div`,{className:`flex gap-2`,children:[(0,$.jsx)(Z,{type:`button`,disabled:he||!pe.trim()&&!de.trim(),onClick:Ze,children:he?`Saving…`:`Install / Update Skill`}),(0,$.jsx)(Z,{type:`button`,variant:`outline`,onClick:Xe,children:`Clear`})]})]})]}),(0,$.jsxs)(`section`,{className:`space-y-3 rounded-lg border p-4`,children:[(0,$.jsx)(`h2`,{className:`text-sm font-semibold`,children:`MCP Servers`}),(c.config?.mcp?.servers||[]).length===0?(0,$.jsx)(`div`,{className:`rounded-md border border-dashed p-4 text-sm text-muted-foreground`,children:`No MCP servers configured.`}):(c.config?.mcp?.servers||[]).map((e,t)=>(0,$.jsxs)(`div`,{className:`rounded-md border p-3`,children:[(0,$.jsx)(`div`,{className:`text-sm font-medium`,children:e.name}),(0,$.jsxs)(`div`,{className:`font-mono text-xs text-muted-foreground`,children:[e.command,` `,(e.args||[]).join(` `)]})]},t))]})]}),s===`access`&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`section`,{className:`space-y-3 rounded-lg border p-4`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`h2`,{className:`text-sm font-semibold`,children:`Canvas Access`}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`The agent talks to canvas through its own scoped token; the server clamps every request to the binding. Bind, rotate and revoke apply immediately.`})]}),G===c.id?ye?(0,$.jsxs)(`div`,{className:`space-y-2 rounded-md border p-3`,children:[(0,$.jsx)(`div`,{className:`text-sm font-medium`,children:rt(ye.binding)}),(0,$.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[`Permissions: `,ye.permissions.join(`, `)||`none`,ye.boundAt?` · bound ${new Date(ye.boundAt).toLocaleString()}`:``,ye.rotatedAt?` · token rotated ${new Date(ye.rotatedAt).toLocaleString()}`:``]}),(0,$.jsxs)(`div`,{className:`flex gap-2 pt-1`,children:[(0,$.jsx)(Z,{type:`button`,variant:`outline`,size:`sm`,disabled:K,onClick:tt,children:`Rotate Token`}),(0,$.jsx)(Z,{type:`button`,variant:`destructive`,size:`sm`,disabled:K,onClick:nt,children:`Revoke Access`})]})]}):(0,$.jsx)(`div`,{className:`rounded-md border border-dashed p-4 text-sm text-muted-foreground`,children:`Unbound — this agent has no canvas access.`}):(0,$.jsx)(`div`,{className:`rounded-md border border-dashed p-4 text-sm text-muted-foreground`,children:`Loading…`}),xe&&(0,$.jsxs)(`div`,{className:`space-y-2 rounded-md border border-warning/50 bg-warning/10 p-3`,children:[(0,$.jsx)(`div`,{className:`text-xs font-medium`,children:`Agent token — shown once, store it now`}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`code`,{className:`flex-1 truncate rounded bg-background px-2 py-1 font-mono text-xs`,children:xe}),(0,$.jsx)(Z,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>navigator.clipboard?.writeText(xe),children:`Copy`}),(0,$.jsx)(Z,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>Se(null),children:`Dismiss`})]}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`In-process agents receive it automatically (canvas.env); external runtimes (agentd) take it as CANVAS_TOKEN.`})]})]}),(0,$.jsxs)(`section`,{className:`space-y-4 rounded-lg border p-4`,children:[(0,$.jsx)(`h2`,{className:`text-sm font-semibold`,children:ye?`Rebind`:`Bind`}),(0,$.jsx)(rw,{label:`Scope`,hint:`Context bindings follow the context live; global spans all workspaces.`,children:(0,$.jsxs)(`select`,{value:Ce,onChange:e=>we(e.target.value),className:aw,children:[(0,$.jsx)(`option`,{value:`context`,children:`Context (follows live)`}),(0,$.jsx)(`option`,{value:`workspace`,children:`Workspace`}),(0,$.jsx)(`option`,{value:`path`,children:`Workspace path`}),(0,$.jsx)(`option`,{value:`global`,children:`Global (all workspaces)`})]})}),Ce===`context`&&(0,$.jsx)(rw,{label:`Context`,children:(0,$.jsxs)(`select`,{value:ke,onChange:e=>Ae(e.target.value),className:aw,children:[(0,$.jsx)(`option`,{value:``,children:`Select a context…`}),Le.map(e=>(0,$.jsxs)(`option`,{value:e.id,children:[e.id,` — `,e.url]},e.id))]})}),(Ce===`workspace`||Ce===`path`)&&(0,$.jsx)(rw,{label:`Workspace`,children:(0,$.jsxs)(`select`,{value:Te,onChange:e=>Ee(e.target.value),className:aw,children:[(0,$.jsx)(`option`,{value:``,children:`Select a workspace…`}),Fe.map(e=>(0,$.jsx)(`option`,{value:e.name||e.id,children:e.label||e.name},e.id))]})}),Ce===`path`&&(0,$.jsx)(rw,{label:`Base path`,hint:`The agent is clamped to this subtree.`,children:(0,$.jsx)(Y,{value:De,onChange:e=>Oe(e.target.value),placeholder:`/work/projects/foo`})}),(0,$.jsx)(rw,{label:`Permissions`,children:(0,$.jsxs)(`div`,{className:`flex gap-4 text-sm`,children:[(0,$.jsxs)(`label`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:je,onChange:e=>Me(e.target.checked)}),` read`]}),(0,$.jsxs)(`label`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:Ne,onChange:e=>Pe(e.target.checked)}),` write`]})]})}),(0,$.jsx)(Z,{type:`button`,disabled:K,onClick:et,children:K?`Working…`:ye?`Rebind & Mint Token`:`Bind & Mint Token`})]})]}),s===`memory`&&(0,$.jsxs)(`section`,{className:`rounded-lg border border-dashed p-6 text-center`,children:[(0,$.jsx)(`h2`,{className:`text-sm font-semibold text-muted-foreground`,children:`Memory Engine`}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:`Loop-based memory management. Settings coming soon.`})]}),s===`integrations`&&(0,$.jsxs)(`section`,{className:`rounded-lg border border-dashed p-6 text-center`,children:[(0,$.jsx)(`h2`,{className:`text-sm font-semibold text-muted-foreground`,children:`Integrations`}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:`IMAP, chat, SQL and REST API accounts. Coming soon.`})]}),st&&(0,$.jsx)(Z,{type:`submit`,disabled:m,children:m?`Saving…`:`Save Changes`})]})]})})}var sw=`workspace:backups`,cw=e=>`${Xa.workspaces}/${encodeURIComponent(e)}/db/backups`,lw=e=>X.get(cw(e)),uw=e=>X.post(cw(e),{action:`backup`}),dw=(e,t)=>X.post(cw(e),{action:`restore`,backupId:t,confirm:!0}),fw=new Map;function pw(e,t,n){let r=JSON.stringify([t,n.id]),i=fw.get(r);if(i)return i;let a=(async()=>{let r=n.action===`restore`,i=e({title:r?`Restoring workspace database`:`Backing up workspace database`,description:r?`Stopping the workspace and preserving its current database…`:`Copying and verifying all datasets…`});try{let e=n;for(;e.status===`running`;){let n=await lw(t),r=n.jobs.find(t=>t.id===e.id);if(!r)throw Error(`The server restarted. Refresh the backup list to check the result.`);e=r,window.dispatchEvent(new CustomEvent(sw,{detail:{workspace:t,status:n}})),e.status===`running`&&await new Promise(e=>setTimeout(e,1500))}if(e.status===`failed`)throw Error(e.error||`Database operation failed`);i.done({title:r?`Workspace database restored`:`Workspace backup verified`,description:r?`The workspace is stopped. Start it when you are ready; search indexes will rebuild.`:`Documents, relations and virtual tree placements are saved.`})}catch(e){throw i.fail({title:`Workspace backup needs attention`,description:e instanceof Error?e.message:String(e),variant:`destructive`}),e}})();return fw.set(r,a),a.finally(()=>fw.delete(r)).catch(()=>{}),a}var mw={startup:`Startup`,hourly:`Hourly`,manual:`Manual`,"pre-restore":`Before restore`};function hw({workspaceId:e,onRestored:t}){let{showToast:n,showProgress:r}=vo(),[i,a]=(0,Q.useState)(null),[o,s]=(0,Q.useState)(null),[c,l]=(0,Q.useState)(null),[u,d]=(0,Q.useState)(!1),f=(0,Q.useRef)(!1),p=(0,Q.useRef)(!1),m=(0,Q.useRef)(0),h=(0,Q.useCallback)(()=>{let t=++m.current;return lw(e).then(n=>{if(!(!f.current||t!==m.current)){a(n),s(null);for(let t of n.jobs.filter(e=>e.status===`running`))pw(r,e,t).catch(()=>{})}}).catch(e=>{f.current&&t===m.current&&s(e instanceof Error?e.message:String(e))})},[e,r]);(0,Q.useEffect)(()=>{f.current=!0,h();let t=t=>{let n=t.detail;n.workspace===e&&a(n.status)};return window.addEventListener(sw,t),()=>{f.current=!1,window.removeEventListener(sw,t)}},[e,h]);let g=async i=>{if(!p.current){p.current=!0,d(!0);try{let n=i?await dw(e,i.id):await uw(e);f.current&&a(e=>e&&{...e,jobs:[n,...e.jobs]}),await pw(r,e,n),i&&t()}catch(e){n({title:`Database operation did not complete`,description:e instanceof Error?e.message:String(e),variant:`destructive`})}finally{p.current=!1,f.current&&(d(!1),h())}}},_=u||!!i?.jobs.some(e=>e.status===`running`),v=i?.jobs[0];return(0,$.jsxs)(`div`,{className:`min-w-0 space-y-5`,children:[(0,$.jsxs)(`section`,{className:`space-y-4 rounded border p-4`,children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[(0,$.jsx)(Zi,{className:`h-5 w-5 text-muted-foreground`}),(0,$.jsx)(`h2`,{className:`font-semibold`,children:`Workspace checkpoints`}),(0,$.jsxs)(Z,{variant:`outline`,size:`sm`,className:`ml-auto`,disabled:_||!i||!!o,onClick:()=>void g(),children:[_?(0,$.jsx)(Ta,{className:`mr-2 h-4 w-4 animate-spin`}):(0,$.jsx)(Zi,{className:`mr-2 h-4 w-4`}),`Back up now`]})]}),(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Save a checkpoint before a bulk action. Each backup includes every document, relation and virtual tree placement in this workspace’s database.`}),(0,$.jsxs)(`div`,{className:`flex flex-wrap gap-x-5 gap-y-2 text-sm`,children:[(0,$.jsxs)(`span`,{children:[(0,$.jsx)(`strong`,{children:i?.retention.hourly??24}),` hourly backups`]}),(0,$.jsxs)(`span`,{children:[(0,$.jsx)(`strong`,{children:i?.retention.startup??14}),` startup backups`]}),(0,$.jsx)(`span`,{children:`Manual checkpoints kept`})]}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Hourly backups run while the workspace is active. These checkpoints cover the database only; files in storage backends and workspace settings need their own backups.`})]}),(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,$.jsxs)(`h2`,{className:`text-sm font-semibold`,children:[`Verified checkpoints`,i?` · ${i.backups.length}`:``]}),(0,$.jsx)(Z,{variant:`ghost`,size:`icon`,className:`h-8 w-8`,onClick:()=>void h(),"aria-label":`Refresh backups`,children:(0,$.jsx)(qn,{className:`h-4 w-4`})})]}),o&&(0,$.jsx)(`p`,{role:`alert`,className:`text-sm text-destructive`,children:o}),v&&(0,$.jsx)(`p`,{role:`status`,className:`text-sm ${v.status===`failed`?`text-destructive`:`text-muted-foreground`}`,children:v.status===`running`?`Database operation in progress…`:v.status===`failed`?v.error:v.action===`restore`?`Database restored. The workspace is stopped and ready to start.`:`Backup complete and verified.`}),!i&&!o&&(0,$.jsx)(`p`,{role:`status`,className:`text-sm text-muted-foreground`,children:`Loading backups…`}),i?.backups.length===0&&(0,$.jsx)(`p`,{className:`rounded border border-dashed p-6 text-sm text-muted-foreground`,children:`No verified checkpoints yet. Create one before your next bulk action.`}),(0,$.jsx)(`div`,{className:`space-y-2`,children:i?.backups.map(e=>(0,$.jsxs)(`article`,{className:`flex min-w-0 flex-wrap items-center gap-3 rounded border p-3`,children:[(0,$.jsx)(rr,{className:`h-4 w-4 shrink-0 text-muted-foreground`,"aria-label":`Verified`}),(0,$.jsxs)(`div`,{className:`min-w-0 flex-1 basis-40`,children:[(0,$.jsx)(`p`,{className:`text-sm font-medium`,children:new Date(e.createdAt).toLocaleString()}),(0,$.jsxs)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:[mw[e.kind],` · `,vs(e.bytes),` · `,(e.datasets.documents?.count??0).toLocaleString(),` documents`]})]}),(0,$.jsxs)(Z,{variant:`outline`,size:`sm`,disabled:_,onClick:()=>l(e),children:[(0,$.jsx)(Pa,{className:`mr-2 h-3.5 w-3.5`}),`Restore`]})]},e.id))}),(0,$.jsx)(fo,{open:!!c,onOpenChange:e=>{e||l(null)},children:(0,$.jsxs)(ro,{className:`max-w-[calc(100vw-2rem)] sm:max-w-lg`,children:[(0,$.jsxs)(uo,{children:[(0,$.jsx)(Qa,{children:`Restore this workspace checkpoint?`}),(0,$.jsxs)(Za,{children:[`The workspace will stop and its current database will be backed up first. Documents, relations and virtual tree placements will return to `,c?new Date(c.createdAt).toLocaleString():`the selected checkpoint`,`. Files in storage backends and workspace settings will stay as they are. The workspace stays stopped after restoration.`]})]}),(0,$.jsxs)(so,{children:[(0,$.jsx)(lo,{children:`Cancel`}),(0,$.jsx)(oo,{disabled:_,onClick:()=>{c&&g(c)},children:`Back up current & restore`})]})]})})]})}var gw={collect:`Collect unused blobs`,verify:`Verify integrity`,compact:`Compact index`},_w=e=>e.status===`queued`||e.status===`running`,vw=e=>`${Xa.workspaces}/${encodeURIComponent(e)}/cache/maintenance`,yw=e=>X.get(vw(e)),bw=(e,t,n)=>X.post(vw(e),{store:t,action:n,...n===`verify`?{confirm:!0}:{}});function xw(e){if(e.status===`failed`)return e.error||`Maintenance failed`;if(e.status===`queued`)return`Waiting for active storage operations…`;if(e.status===`running`)return e.action===`verify`?`Reading and checking stored content…`:`Processing the cache index…`;let t=e.result||{};return e.action===`compact`?`${(t.compactedCount||0).toLocaleString()} keys compacted`:e.action===`verify`?`${(t.verifiedContent||0).toLocaleString()} blobs verified · ${(t.badContentCount||0).toLocaleString()} corrupted blobs removed · ${vs(t.reclaimedSize||0)} reclaimed`:`${(t.reclaimedCount||0).toLocaleString()} unused blobs removed · ${vs(t.reclaimedSize||0)} reclaimed`}var Sw=new Map,Cw=`workspace:cache-maintenance`;function ww(e,t,n){let r=JSON.stringify([t,n.id]),i=Sw.get(r);if(i)return i;let a=(async()=>{let r=e({title:gw[n.action],description:`${n.store} · ${xw(n)}`});try{let e=n;for(;_w(e);){let i=await yw(t),a=i.jobs.find(e=>e.id===n.id);if(!a)throw Error(`Maintenance receipt is no longer available. The server may have restarted; refresh the cache settings.`);if(e=a,window.dispatchEvent(new CustomEvent(Cw,{detail:{workspace:t,status:i}})),!_w(e))break;r.update({title:gw[e.action],description:`${e.store} · ${xw(e)}`}),await new Promise(e=>setTimeout(e,2e3))}if(e.status===`failed`)throw Error(xw(e));r.done({title:`${gw[e.action]} complete`,description:`${e.store} · ${xw(e)}`})}catch(e){throw r.fail({title:`Cache maintenance needs attention`,description:`${n.store} · ${e instanceof Error?e.message:String(e)}`,variant:`destructive`}),e}})();return Sw.set(r,a),a.finally(()=>{Sw.get(r)===a&&Sw.delete(r)}).catch(()=>{}),a}function Tw({workspaceId:e,children:t}){let{showToast:n,showProgress:r}=vo(),[i,a]=(0,Q.useState)(null),[o,s]=(0,Q.useState)(`workspace:cache`),[c,l]=(0,Q.useState)(!1),[u,d]=(0,Q.useState)(!1),[f,p]=(0,Q.useState)(null),m=(0,Q.useRef)(!1),h=(0,Q.useRef)(!1),g=(0,Q.useCallback)(()=>yw(e).then(t=>{if(h.current){a(t),p(null);for(let n of t.jobs.filter(_w))ww(r,e,n).catch(()=>{})}}).catch(e=>{h.current&&p(e instanceof Error?e.message:`Cannot load maintenance status`)}),[e,r]);(0,Q.useEffect)(()=>{h.current=!0,g();let t=t=>{let{workspace:n,status:r}=t.detail;n===e&&(a(r),p(null))};return window.addEventListener(Cw,t),()=>{h.current=!1,window.removeEventListener(Cw,t)}},[e,g]);let _=async t=>{if(!(m.current||i?.jobs.some(_w))){m.current=!0,l(!0);try{let n=await bw(e,o,t);h.current&&a(e=>e&&{...e,jobs:[n,...e.jobs.filter(e=>e.id!==n.id)]}),ww(r,e,n).catch(()=>{})}catch(e){n({title:`Could not start maintenance`,description:e instanceof Error?e.message:String(e),variant:`destructive`}),g()}finally{m.current=!1,h.current&&l(!1)}}},v=c||!!i?.jobs.some(_w),y=i?.stores.find(e=>e.id===o),b=i?.jobs[0];return(0,$.jsxs)(`section`,{className:`space-y-4 rounded-(--panel-radius) border p-4`,"aria-label":`Workspace cache maintenance`,children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap items-start justify-between gap-3`,children:[(0,$.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,$.jsxs)(`h2`,{className:`flex items-center gap-2 text-sm font-semibold`,children:[(0,$.jsx)(Aa,{className:`h-4 w-4 shrink-0`}),`Workspace cache`]}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:`Thumbnails, cached resources and pending transfers. Maintenance runs only when requested.`})]}),t&&(0,$.jsx)(`fieldset`,{disabled:v,children:t})]}),(0,$.jsxs)(`div`,{className:`space-y-3 border-t pt-3`,children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,$.jsx)(`label`,{htmlFor:`cache-maintenance-store`,className:`text-xs font-medium`,children:`Store`}),(0,$.jsxs)(`select`,{id:`cache-maintenance-store`,value:o,onChange:e=>s(e.target.value),disabled:v,className:`min-w-0 max-w-full rounded-md border bg-background px-2 py-1.5 text-xs`,children:[(0,$.jsx)(`option`,{value:`workspace:cache`,children:`workspace:cache`}),(0,$.jsx)(`option`,{value:`workspace:data`,children:`workspace:data`})]}),(0,$.jsx)(Z,{type:`button`,variant:`ghost`,size:`icon`,onClick:()=>void g(),"aria-label":`Refresh cache maintenance status`,className:`ml-auto h-8 w-8`,children:(0,$.jsx)(qn,{className:`h-3.5 w-3.5`})})]}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:o===`workspace:data`?`Managed document blobs. Referenced content is kept during collection.`:`Working cache, including content awaiting transfer. Referenced content is kept during collection.`}),(0,$.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,$.jsxs)(Z,{type:`button`,variant:`outline`,size:`sm`,disabled:v||!y?.canCollect||!!f,onClick:()=>void _(`collect`),children:[(0,$.jsx)(Xr,{className:`mr-2 h-3.5 w-3.5`}),`Collect unused blobs`]}),(0,$.jsxs)(Z,{type:`button`,variant:`outline`,size:`sm`,disabled:v||!y?.canCompact||!!f,onClick:()=>void _(`compact`),children:[(0,$.jsx)(Zi,{className:`mr-2 h-3.5 w-3.5`}),`Compact index`]}),(0,$.jsxs)(Z,{type:`button`,variant:`outline`,size:`sm`,disabled:v||!y?.canVerify||!!f,onClick:()=>d(!0),children:[(0,$.jsx)(xi,{className:`mr-2 h-3.5 w-3.5`}),`Verify integrity`]})]}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Collection removes unreferenced blobs. Compaction trims index history. Verification reads every blob and may remove corrupted content. Storage writes may wait during maintenance.`}),!i&&!f&&(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,role:`status`,children:`Loading maintenance status…`}),y&&!y.canCollect&&!y.canVerify&&!y.canCompact&&(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Update canvas-stored to enable maintenance for this store.`}),f&&(0,$.jsx)(`p`,{className:`text-xs text-destructive`,role:`alert`,children:f}),b&&(0,$.jsxs)(`div`,{className:`rounded-md bg-muted/50 p-3 text-xs`,role:`status`,"aria-live":`polite`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2 font-medium`,children:[_w(b)&&(0,$.jsx)(Ta,{className:`h-3.5 w-3.5 animate-spin`}),gw[b.action],` · `,b.store]}),(0,$.jsx)(`p`,{className:`mt-1 ${b.status===`failed`?`text-destructive`:`text-muted-foreground`}`,children:xw(b)}),(0,$.jsx)(`p`,{className:`mt-1 text-muted-foreground`,children:b.finishedAt?`Finished ${new Date(b.finishedAt).toLocaleString()}`:`Requested ${new Date(b.createdAt).toLocaleString()}`})]})]}),(0,$.jsx)(fo,{open:u,onOpenChange:d,children:(0,$.jsxs)(ro,{className:`max-w-[calc(100vw-2rem)] sm:max-w-lg`,children:[(0,$.jsxs)(uo,{children:[(0,$.jsxs)(Qa,{children:[`Verify `,o,`?`]}),(0,$.jsx)(Za,{children:`This reads all stored content and can take a long time. Corrupted blobs and their index entries may be removed. Keep a recovery backup before running it. Storage writes may wait until it finishes.`})]}),(0,$.jsxs)(so,{children:[(0,$.jsx)(lo,{children:`Cancel`}),(0,$.jsx)(oo,{disabled:v,onClick:()=>void _(`verify`),children:`Verify and repair`})]})]})})]})}function Ew({workspaceId:e,backend:t,onSaved:n}){let r=t?.config||{},i=()=>({name:String(r.label||``),bucket:String(r.bucket||``),prefix:String(r.prefix||``),endpoint:String(r.endpoint||``),region:String(r.region||`us-east-1`),accessKeyId:``,secretAccessKey:``,sessionToken:``}),[a,o]=(0,Q.useState)(!1),[s,c]=(0,Q.useState)(i),[l,u]=(0,Q.useState)(r.forcePathStyle!==!1),[d,f]=(0,Q.useState)(r.readOnly===!0),[p,m]=(0,Q.useState)(r.watch===!0),[h,g]=(0,Q.useState)(!1),[_,v]=(0,Q.useState)(!1),{showToast:y}=vo(),b=e=>({value:s[e],onChange:t=>c(n=>({...n,[e]:t.target.value}))});return a?(0,$.jsxs)(`form`,{onSubmit:async r=>{r.preventDefault(),v(!0);try{let r={label:s.name.trim(),bucket:s.bucket.trim(),prefix:s.prefix.trim(),endpoint:s.endpoint.trim(),region:s.region.trim()||`us-east-1`,forcePathStyle:l,readOnly:d,watch:p,...Object.fromEntries([`accessKeyId`,`secretAccessKey`,`sessionToken`].flatMap(e=>{let t=s[e].trim();return t?[[e,t]]:[]})),...h?{sessionToken:``}:{}};t?await ms(e,`s3`,t.address,r):await Js(e,`s3`,r),o(!1),c(i()),y({title:t?`S3 backend updated`:`S3 backend added`,description:`Use Re-sync to check indexing progress, and filing policies to automate copies.`}),await n()}catch(e){y({title:`Could not connect S3`,description:e instanceof Error?e.message:String(e),variant:`destructive`})}finally{v(!1)}},className:`w-full space-y-3 rounded-lg border p-4`,children:[(0,$.jsxs)(`h2`,{className:`flex items-center gap-2 text-sm font-semibold`,children:[(0,$.jsx)(Aa,{className:`h-4 w-4`}),t?`Edit S3 connection`:`Add S3-compatible bucket`]}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Amazon S3, MinIO, Garage, RustFS or Ceph RGW. Connect an existing bucket, optionally scoped to a prefix. Supports browsing, reads and filing copies; mirror policies and overwrites are unavailable.`}),(0,$.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[(0,$.jsxs)(`label`,{className:`space-y-1 text-xs`,children:[`Name`,(0,$.jsx)(Y,{...b(`name`),required:!0,placeholder:`Accounting archive`})]}),(0,$.jsxs)(`label`,{className:`space-y-1 text-xs`,children:[`Bucket`,(0,$.jsx)(Y,{...b(`bucket`),disabled:!!t,required:!0,placeholder:`accounting`})]}),(0,$.jsxs)(`label`,{className:`space-y-1 text-xs`,children:[`Endpoint (blank for Amazon S3)`,(0,$.jsx)(Y,{...b(`endpoint`),disabled:!!t,type:`url`,placeholder:`https://s3.example.com`})]}),(0,$.jsxs)(`label`,{className:`space-y-1 text-xs`,children:[`Region`,(0,$.jsx)(Y,{...b(`region`),required:!0,placeholder:`us-east-1`})]}),(0,$.jsxs)(`label`,{className:`space-y-1 text-xs sm:col-span-2`,children:[`Prefix (optional)`,(0,$.jsx)(Y,{...b(`prefix`),disabled:!!t,placeholder:`Augmentd/Accounting`})]}),(0,$.jsxs)(`label`,{className:`space-y-1 text-xs`,children:[`Access key ID`,(0,$.jsx)(Y,{...b(`accessKeyId`),required:!t,autoComplete:`off`,placeholder:t?`Leave blank to keep stored value`:``})]}),(0,$.jsxs)(`label`,{className:`space-y-1 text-xs`,children:[`Secret access key`,(0,$.jsx)(Y,{...b(`secretAccessKey`),type:`password`,required:!t,autoComplete:`off`,placeholder:t?`Leave blank to keep stored value`:``})]}),(0,$.jsxs)(`label`,{className:`space-y-1 text-xs sm:col-span-2`,children:[`Session token (optional)`,(0,$.jsx)(Y,{...b(`sessionToken`),disabled:h,type:`password`,autoComplete:`off`,placeholder:t?`Leave blank to keep stored value`:``})]}),t&&(0,$.jsxs)(`label`,{className:`flex items-center gap-2 text-xs`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:h,onChange:e=>g(e.target.checked)}),`Clear stored session token`]})]}),(0,$.jsxs)(`div`,{className:`flex flex-wrap gap-4 text-xs`,children:[(0,$.jsxs)(`label`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:l,onChange:e=>u(e.target.checked)}),`Path-style addressing`]}),(0,$.jsxs)(`label`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:d,onChange:e=>f(e.target.checked)}),`Read-only`]}),(0,$.jsxs)(`label`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:p,onChange:e=>m(e.target.checked)}),`Poll for changes`]})]}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Writable connections test conflict protection using a temporary object, then delete it. The key needs list/read/write access and delete access under .canvas-probe/. Initial indexing reads file bytes; polling can incur request and download charges. Upload limit: 5 GiB per file.`}),(0,$.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,$.jsx)(Z,{type:`button`,variant:`ghost`,disabled:_,onClick:()=>{o(!1),c(i())},children:`Cancel`}),(0,$.jsx)(Z,{disabled:_,children:_?`Checking connection…`:`Save connection`})]})]}):(0,$.jsxs)(Z,{variant:`outline`,size:`sm`,onClick:()=>{c(i()),u(r.forcePathStyle!==!1),f(r.readOnly===!0),m(r.watch===!0),g(!1),o(!0)},children:[t?(0,$.jsx)(gr,{className:`mr-2 h-3.5 w-3.5`}):(0,$.jsx)(Wi,{className:`mr-2 h-3.5 w-3.5`}),t?`Edit S3 connection`:`Add S3 bucket`]})}function Dw({workspaceId:e,isActive:t,currentMode:n,onChanged:r}){let[i,a]=(0,Q.useState)(n===`workspace`?`workspace`:`secrets`),[o,s]=(0,Q.useState)(``),[c,l]=(0,Q.useState)(``),[u,d]=(0,Q.useState)(``),[f,p]=(0,Q.useState)(``),[m,h]=(0,Q.useState)(``),[g,_]=(0,Q.useState)(!1);return(0,$.jsxs)(`section`,{className:`space-y-3 rounded-lg border p-4`,children:[(0,$.jsx)(`h2`,{className:`font-semibold text-sm`,children:`Workspace protection`}),(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Protect service credentials with a PIN or password. Optionally require it to start the whole workspace. Files and document contents are not encrypted.`}),t&&(0,$.jsx)(`p`,{className:`text-sm`,children:`Stop the workspace before changing protection.`}),(0,$.jsxs)(`form`,{className:`space-y-3`,onSubmit:async t=>{if(t.preventDefault(),h(``),o!==c){h(`PIN/password confirmation does not match`);return}_(!0);try{let t=await X.put(`${Xa.workspaces}/${e}/protection`,{mode:i,passphrase:o,currentPassphrase:u||void 0});p(t.recoveryKey),s(``),l(``),d(``)}catch(e){h(e instanceof Error?e.message:`Could not save protection`)}finally{_(!1)}},children:[(0,$.jsxs)(`label`,{className:`block text-sm space-y-1`,children:[`Protection mode`,(0,$.jsxs)(`select`,{className:`block rounded border bg-background p-2 w-full`,value:i,onChange:e=>a(e.target.value),disabled:t||g,children:[(0,$.jsx)(`option`,{value:`secrets`,children:`Secrets only — allow start without integrations`}),(0,$.jsx)(`option`,{value:`workspace`,children:`Whole workspace — require PIN/password to start`})]})]}),(0,$.jsxs)(`label`,{className:`block text-sm space-y-1`,children:[`Current PIN/password or recovery key (if already protected)`,(0,$.jsx)(Y,{type:`password`,autoComplete:`current-password`,value:u,onChange:e=>d(e.target.value),disabled:t||g})]}),(0,$.jsxs)(`label`,{className:`block text-sm space-y-1`,children:[`New PIN/password`,(0,$.jsx)(Y,{type:`password`,autoComplete:`new-password`,minLength:4,maxLength:1024,required:!0,value:o,onChange:e=>s(e.target.value),disabled:t||g})]}),(0,$.jsxs)(`label`,{className:`block text-sm space-y-1`,children:[`Confirm new PIN/password`,(0,$.jsx)(Y,{type:`password`,autoComplete:`new-password`,required:!0,value:c,onChange:e=>l(e.target.value),disabled:t||g})]}),(0,$.jsx)(Z,{disabled:t||g||!!f,children:g?`Saving…`:`Save protection`})]}),m&&(0,$.jsx)(`p`,{role:`alert`,className:`text-sm text-destructive`,children:m}),f&&(0,$.jsxs)(`div`,{className:`space-y-2 rounded border p-3`,children:[(0,$.jsx)(`p`,{className:`text-sm`,children:`Save this recovery key now. It is shown only once and replaces any previous recovery key.`}),(0,$.jsx)(`code`,{className:`block break-all select-all`,children:f}),(0,$.jsx)(Z,{variant:`outline`,onClick:()=>{p(``),r()},children:`I saved the recovery key`})]})]})}var Ow=`h-8 rounded-md border bg-background px-2 text-sm outline-none focus:ring-2 focus:ring-ring`;function kw({title:e,hint:t,children:n}){let[r,i]=(0,Q.useState)(!1);return(0,$.jsxs)(`section`,{className:`overflow-hidden rounded-lg border`,children:[(0,$.jsxs)(`button`,{type:`button`,onClick:()=>i(e=>!e),"aria-expanded":r,className:`flex w-full items-center justify-between gap-4 px-4 py-3 text-left transition-colors hover:bg-muted/40`,children:[(0,$.jsxs)(`span`,{className:`min-w-0`,children:[(0,$.jsx)(`span`,{className:`block text-sm font-medium`,children:e}),(0,$.jsx)(`span`,{className:`mt-0.5 block text-xs text-muted-foreground`,children:t})]}),(0,$.jsx)(Kr,{className:J(`h-4 w-4 shrink-0 text-muted-foreground transition-transform motion-reduce:transition-none`,r&&`rotate-180`)})]}),r&&(0,$.jsx)(`div`,{className:`border-t p-4`,children:n})]})}function Aw({workspaceId:e,workspaceName:t,refreshKey:n,onRefresh:r}){let{showToast:i}=vo(),[a,o]=(0,Q.useState)(null),[s,c]=(0,Q.useState)(!1),l=(0,Q.useCallback)(()=>bS(e).then(e=>o(e.queue??null)).catch(()=>{}),[e]);(0,Q.useEffect)(()=>{l();let e=window.setInterval(()=>{o(e=>(e&&(e.pending>0||e.draining)&&l(),e))},3e3);return()=>window.clearInterval(e)},[l,n]);let u=async()=>{if(a){c(!0);try{let e=await tc(!a.paused,t);i({title:e.paused?`Embedding paused`:`Embedding resumed`,description:e.paused?`${e.pending.toLocaleString()} job(s) held for this workspace. Resume any time; a restart also resumes.`:`${e.pending.toLocaleString()} job(s) draining.`}),await l()}catch(e){i({title:`Error`,description:e instanceof Error?e.message:`Failed to toggle the embedding queue (admin only)`,variant:`destructive`})}finally{c(!1)}}},d=!!a?.draining,f=a?a.paused?`bg-warning`:d?`bg-success`:`bg-muted-foreground/40`:`bg-muted-foreground/40`;return(0,$.jsxs)(`section`,{className:`flex flex-wrap items-center justify-between gap-x-4 gap-y-2 rounded-lg border bg-muted/30 px-4 py-2.5`,children:[(0,$.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2 text-sm`,children:[(0,$.jsxs)(`span`,{className:`relative flex h-2 w-2 shrink-0`,"aria-hidden":!0,children:[d&&(0,$.jsx)(`span`,{className:`absolute inline-flex h-full w-full animate-ping rounded-full bg-success opacity-60 motion-reduce:hidden`}),(0,$.jsx)(`span`,{className:J(`relative inline-flex h-2 w-2 rounded-full`,f)})]}),(0,$.jsx)(`span`,{className:`font-medium`,children:a?a.pending>0?(0,$.jsxs)($.Fragment,{children:[a.pending.toLocaleString(),` `,(0,$.jsx)(`span`,{className:`font-normal text-muted-foreground`,children:`pending`})]}):a.paused?`Paused`:`Idle`:`Queue unavailable`}),a?.paused&&a.pending>0&&(0,$.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:`held`}),a?.ingestDisabled&&(0,$.jsx)(`span`,{className:`rounded bg-warning-subtle px-1.5 py-0.5 text-[10px] font-medium text-warning`,title:`CANVAS_INFERD_INGEST_DISABLED=true: nothing new is enqueued; existing vectors still serve search`,children:`ingest disabled`})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-1`,children:[a&&(0,$.jsx)(Z,{type:`button`,size:`sm`,variant:`ghost`,disabled:s,onClick:u,title:a.paused?`Resume embedding; the held backlog drains`:`Pause after the current batch. Stops the CPU-heavy model inference; documents keep indexing and stay searchable by text.`,children:s?`…`:a.paused?`Resume`:`Pause`}),(0,$.jsx)(Z,{type:`button`,size:`sm`,variant:`ghost`,onClick:r,title:`Reload config, queue and tables`,children:(0,$.jsx)(qn,{className:`h-3.5 w-3.5`})})]})]})}function jw({workspaceId:e,tables:t,error:n,onChanged:r}){let{showToast:i}=vo(),[a,o]=(0,Q.useState)(null),s=t.filter(e=>!e.active),c=async t=>{if(window.confirm(`Reclaim "${t.name}"?\n\nThis permanently deletes the vectors for ${t.model||`that model`} and its "already embedded" ledger. Switching back to it afterwards would cost a full re-embed rather than being instant.\n\nThis is the only irreversible step in the whole flow.`)){o(t.name);try{let n=await DS(e,t.name);if(!n.dropped)throw Error(n.error||`Failed to drop the vector table`);i({title:`Reclaimed`,description:`Dropped '${n.name||t.name}'.`}),r()}catch(e){i({title:`Error`,description:e instanceof Error?e.message:`Failed to reclaim`,variant:`destructive`})}finally{o(null)}}};return n?(0,$.jsxs)(`section`,{className:`rounded-lg border border-destructive/40 bg-destructive-subtle p-4`,children:[(0,$.jsx)(`p`,{className:`text-sm font-medium text-destructive`,children:`Vector tables unavailable`}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:n})]}):s.length===0?null:(0,$.jsx)(kw,{title:`Previous models (${s.length})`,hint:`Kept on disk so switching back is instant. Reclaiming deletes their vectors for good (the only irreversible step here).`,children:(0,$.jsx)(`div`,{className:`divide-y`,children:s.map(e=>(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-4 py-2 first:pt-0 last:pb-0`,children:[(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsxs)(`p`,{className:`truncate font-mono text-xs`,children:[e.model||`unknown model`,e.dim?` · ${e.dim}-d`:``]}),(0,$.jsxs)(`p`,{className:`truncate font-mono text-[11px] text-muted-foreground`,children:[`└─ `,e.name]})]}),(0,$.jsxs)(Z,{type:`button`,size:`sm`,variant:`ghost`,className:`text-destructive hover:text-destructive`,disabled:a===e.name,onClick:()=>c(e),title:`Permanently delete this model's vectors and ledger`,children:[(0,$.jsx)(Xr,{className:`mr-1.5 h-3.5 w-3.5`}),a===e.name?`Reclaiming…`:`Reclaim`]})]},e.name))})})}function Mw({workspaceId:e,workspaceName:t,spaces:n,onDone:r}){let{showToast:i}=vo(),[a,o]=(0,Q.useState)(``),[s,c]=(0,Q.useState)(``),[l,u]=(0,Q.useState)(!1),[d,f]=(0,Q.useState)(!1),[p,m]=(0,Q.useState)(!1);return(0,$.jsxs)(kw,{title:`Fill a space`,hint:`Embed documents that are missing from a space. Narrow it to one subtree to try a model on a single project first.`,children:[(0,$.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[(0,$.jsxs)(`div`,{className:`space-y-1`,children:[(0,$.jsx)(`label`,{className:`text-xs font-medium`,children:`Space`}),(0,$.jsxs)(`select`,{className:`${Ow} w-full`,value:a,onChange:e=>o(e.target.value),children:[(0,$.jsx)(`option`,{value:``,children:`all spaces`}),n.map(e=>(0,$.jsx)(`option`,{value:e,children:e},e))]})]}),(0,$.jsxs)(`div`,{className:`space-y-1`,children:[(0,$.jsxs)(`label`,{className:`text-xs font-medium`,children:[`Limit to a path `,(0,$.jsx)(`span`,{className:`font-normal text-muted-foreground`,children:`(optional)`})]}),(0,$.jsxs)(`div`,{className:`flex gap-2`,children:[(0,$.jsx)(Y,{value:s,onChange:e=>c(e.target.value),placeholder:`ctx://work/project or dir://photos`,className:`h-8 font-mono text-sm`}),(0,$.jsx)(Z,{type:`button`,size:`sm`,variant:`outline`,onClick:()=>m(!0),title:`Pick a context or directory path from the tree`,children:(0,$.jsx)(sr,{className:`h-3.5 w-3.5`})})]})]})]}),(0,$.jsxs)(`label`,{className:`mt-3 flex items-start gap-2 text-xs`,children:[(0,$.jsx)(`input`,{type:`checkbox`,className:`mt-0.5`,checked:l,onChange:e=>u(e.target.checked)}),(0,$.jsxs)(`span`,{children:[`Re-embed documents that are already embedded`,l&&s.trim()&&(0,$.jsx)(`span`,{className:`mt-1 block text-[11px] text-warning`,children:`Combined with a path limit this clears the WHOLE space, not just that subtree. A partial clear is not expressible in the ledger. Leave this off unless you mean to redo everything.`})]})]}),(0,$.jsx)(Z,{type:`button`,size:`sm`,className:`mt-3`,onClick:async()=>{f(!0);try{let t=await TS(e,{space:a||void 0,reindex:l,scope:s.trim()||void 0});t.ingestDisabled?i({title:`Ingest disabled`,description:`CANVAS_INFERD_INGEST_DISABLED=true: nothing was enqueued. Existing vectors still serve search.`,variant:`destructive`}):i({title:`Fill enqueued`,description:`${t.enqueued.toLocaleString()} document(s) queued${t.scope?` under ${t.scope}`:``}. The status line reports progress.`}),r()}catch(e){i({title:`Fill failed`,description:e instanceof Error?e.message:`Failed to enqueue`,variant:`destructive`})}finally{f(!1)}},disabled:d,children:d?`Queueing…`:`Start fill`}),p&&(0,$.jsx)(Ie,{onClose:()=>m(!1),children:(0,$.jsx)(Je,{sizeClassName:`h-full w-[380px] max-w-[90vw] max-md:w-full`,fixedWorkspaceName:t,multiple:!1,onClose:()=>m(!1),onConfirm:(e,t)=>{let n=e[0];if(n){let e=t.treeType===`directory`?`dir`:`ctx`;c(`${e}://${n.replace(/^\/+/,``)}`)}m(!1)}})})]})}var Nw=[{provider:`blip`,model:`HuggingFaceTB/SmolVLM-500M-Instruct`,task:`instruct`,label:`SmolVLM 500M: prompted description (recommended)`,note:`~500 MB. Follows the prompt below, so architecture/materials/setting can be asked for.`},{provider:`blip`,model:`HuggingFaceTB/SmolVLM-256M-Instruct`,task:`instruct`,label:`SmolVLM 256M: prompted, smaller`,note:`~250 MB. Same prompting, weaker; for memory-tight boxes.`},{provider:`blip`,model:`onnx-community/Florence-2-base-ft`,task:`florence2`,label:`Florence-2 base: detailed caption`,note:`Detailed multi-sentence captions, but not steerable: no prompt, fixed task token.`},{provider:`blip`,model:`Xenova/vit-gpt2-image-captioning`,task:`caption`,label:`vit-gpt2: one short sentence (weakest)`,note:`The old default. Terse and repetition-prone; kept for continuity and low memory.`}],Pw=`custom`,Fw=[{value:`instruct`,label:`Instruct VLM (image + prompt)`},{value:`florence2`,label:`Florence-2 (task token)`},{value:`caption`,label:`Plain captioner (image only)`}],Iw=`Describe this photograph in two or three sentences. If it shows a building or interior, name the architectural style, the main materials and the setting. Describe only what is visible.`;function Lw({workspaceId:e,config:t,saving:n,onSave:r}){let{showToast:i}=vo(),a=t.workspace||{},o=t.effective||{},s=Nw[0],c=a.summarize?.image||o.summarize?.image||{},[l,u]=(0,Q.useState)(()=>o.summarize?.image?.enabled===!0||a.summarize?.image?.enabled===!0),[d,f]=(0,Q.useState)(()=>{let e=Nw.find(e=>e.provider===(c.provider||s.provider)&&e.model===c.model);return e?`${e.provider}::${e.model}`:c.model?Pw:`${s.provider}::${s.model}`}),[p,m]=(0,Q.useState)(()=>Nw.some(e=>e.model===c.model)?``:c.model||``),[h,g]=(0,Q.useState)(()=>c.task||`instruct`),[_,v]=(0,Q.useState)(()=>c.prompt||``),[y,b]=(0,Q.useState)(!1),[x,S]=(0,Q.useState)(null),[C,w]=(0,Q.useState)(!1),[T,E]=(0,Q.useState)(!1),[D,O]=(0,Q.useState)(!1),k=Nw.find(e=>`${e.provider}::${e.model}`===d),A=d===Pw,j=A?{provider:s.provider,model:p.trim(),task:h,label:`Custom`,note:``}:k||s,M=j.task===`instruct`,N=(0,Q.useCallback)(()=>bS(e).then(e=>S(e.summarize||null)).catch(()=>{}),[e]);(0,Q.useEffect)(()=>{N();let e=window.setInterval(()=>{S(e=>(e?.running&&N(),e))},2e3);return()=>window.clearInterval(e)},[N]);let P=async()=>{await r({...a,summarize:{...a.summarize||{},image:{enabled:l,provider:j.provider,model:j.model,task:j.task,...M&&_.trim()?{prompt:_.trim()}:{}}}}),b(!1)},ee=async()=>{E(!0);try{S(await SS(e)),i({title:`Stopping image summaries`,description:`The image being captioned finishes first; the rest are left for a later run.`})}catch(e){i({title:`Could not stop`,description:e instanceof Error?e.message:`Failed to stop`,variant:`destructive`})}finally{E(!1)}},F=async(t=!1)=>{w(!0);try{let n=await xS(e,{force:t});S(n),i({title:t?`Rebuilding image summaries`:`Backfilling image summaries`,description:`${n.total.toLocaleString()} candidate image(s). First run downloads model weights.`})}catch(e){i({title:`Summaries failed to start`,description:e instanceof Error?e.message:`Failed to start`,variant:`destructive`})}finally{w(!1)}},I=o.summarize?.image?.enabled===!0,te=x?.running===!0,L=x?.errors?.[0]?.error;return(0,$.jsx)(kw,{title:`Summaries`,hint:`Generate descriptions for indexed images (metadata.summary); searchable via full-text and dense search`,children:(0,$.jsxs)(`div`,{className:`space-y-3`,children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,$.jsxs)(`label`,{className:`flex items-center gap-2 text-sm`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:l,disabled:n,onChange:e=>{u(e.target.checked),b(!0)}}),`Images`]}),(0,$.jsxs)(`select`,{className:Ow,value:d,disabled:n||!l,onChange:e=>{f(e.target.value),b(!0)},children:[Nw.map(e=>(0,$.jsx)(`option`,{value:`${e.provider}::${e.model}`,children:e.label},`${e.provider}::${e.model}`)),(0,$.jsx)(`option`,{value:Pw,children:`Custom model…`})]}),!A&&(0,$.jsx)(`span`,{className:`font-mono text-xs text-muted-foreground`,children:j.model})]}),A&&(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,$.jsx)(Y,{className:`h-8 w-72 font-mono text-xs`,placeholder:`org/model-id (Transformers.js / ONNX)`,value:p,disabled:n||!l,onChange:e=>{m(e.target.value),b(!0)}}),(0,$.jsx)(`select`,{className:Ow,value:h,disabled:n||!l,onChange:e=>{g(e.target.value),b(!0)},children:Fw.map(e=>(0,$.jsx)(`option`,{value:e.value,children:e.label},e.value))})]}),l&&j.note&&(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:j.note}),l&&M&&(0,$.jsxs)(`div`,{className:`space-y-1`,children:[(0,$.jsx)(`textarea`,{className:`w-full rounded-md border border-input bg-transparent p-2 text-xs outline-none focus-visible:ring-1 focus-visible:ring-ring`,rows:3,placeholder:Iw,value:_,disabled:n,onChange:e=>{v(e.target.value),b(!0)}}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`What to ask of every image. Empty uses the default shown above. Captions are indexed, so ask for the words you would search by.`})]}),x&&(x.running||x.total>0||x.finishedAt)&&(0,$.jsxs)(`p`,{className:J(`text-xs`,x.aborted?`text-destructive`:`text-muted-foreground`),children:[te?`Running`:x.aborted?`Stopped`:x.cancelled?`Cancelled`:`Last run`,`: `,x.described,`/`,x.total,` described`,x.skipped?`, ${x.skipped} skipped`:``,x.failed?`, ${x.failed} failed`:``,x.aborted?`. ${x.abortedReason||`model worker died`}. Remaining images were not attempted; generate again to retry.`:x.cancelled?`. Stopped by you. The remaining images were left untouched; generate again to continue.`:L?`. ${L}`:``]}),(0,$.jsxs)(`label`,{className:`flex items-start gap-2 text-xs`,children:[(0,$.jsx)(`input`,{type:`checkbox`,className:`mt-0.5`,checked:D,disabled:n||te,onChange:e=>O(e.target.checked)}),(0,$.jsxs)(`span`,{children:[`Re-caption images that already have a summary`,D&&(0,$.jsxs)(`span`,{className:`mt-1 block text-[11px] text-warning`,children:[`Replaces every existing `,(0,$.jsx)(`span`,{className:`font-mono`,children:`metadata.summary`}),`, including ones written by a different model. Leave this off to fill in only what is missing.`]})]})]}),(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,$.jsxs)(`p`,{className:`text-xs text-muted-foreground`,children:[`Enable + save, then run. Only the local caption provider is wired today. Candidates come from `,(0,$.jsx)(`span`,{className:`font-mono`,children:`data/mime/image`}),`.`]}),(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,$.jsx)(Z,{size:`sm`,variant:`outline`,onClick:()=>void P(),disabled:n||!y,children:`Save summaries`}),(0,$.jsx)(Z,{size:`sm`,onClick:()=>void F(D),disabled:n||y||C||te||!I,title:I?y?`Save config first`:D?`Re-caption every image, replacing existing summaries`:`Caption images that have no summary yet`:`Enable image summaries and save first`,children:te||C?`Running…`:D?`Rebuild`:`Backfill`}),te&&(0,$.jsx)(Z,{size:`sm`,variant:`destructive`,onClick:()=>void ee(),disabled:T,title:`Finish the current image, then stop. The rest are left for later.`,children:T?`Stopping…`:`Stop`})]})]})]})})}function Rw({workspaceId:e,workspaceName:t}){let{showToast:n}=vo(),[r,i]=(0,Q.useState)(null),[a,o]=(0,Q.useState)([]),[s,c]=(0,Q.useState)(),[l,u]=(0,Q.useState)(!0),[d,f]=(0,Q.useState)(!1),[p,m]=(0,Q.useState)(null),[h,g]=(0,Q.useState)([]),[_,v]=(0,Q.useState)(0),y=(0,Q.useCallback)(()=>CS(e).then(e=>{i(e),m(null)}).catch(e=>m(e instanceof Error?e.message:`Failed to load the embedding config`)).finally(()=>u(!1)),[e]),b=(0,Q.useCallback)(()=>ES(e).then(e=>{o(e.tables||[]),c(e.error)}).catch(e=>c(e instanceof Error?e.message:`Failed to list vector tables`)),[e]);(0,Q.useEffect)(()=>{y(),b()},[y,b]);let x=()=>{u(!0),y(),b(),v(e=>e+1)},S=async t=>{f(!0);try{let r=await wS(e,t);g(r.movedSpaces||[]),r.movedSpaces?.length?n({title:`Saved; fill to finish`,description:`${r.movedSpaces.join(`, `)} now targets a new model. The switch is live, but the new table is empty until you fill it.`}):r.applied===!1?n({title:`Saved; applies on next start`,description:`The workspace is not running, so the new spaces take effect when it starts.`}):n({title:`Saved`,description:`Embedding config updated.`}),await y(),await b()}catch(e){n({title:`Save failed`,description:e instanceof Error?e.message:`Failed to save`,variant:`destructive`})}finally{f(!1)}},C=async t=>{try{let r=await TS(e,{space:t});if(r.ingestDisabled){n({title:`Ingest disabled`,description:`CANVAS_INFERD_INGEST_DISABLED=true: nothing was enqueued. Existing vectors still serve search.`,variant:`destructive`});return}n({title:`Filling ${t}`,description:`${r.enqueued.toLocaleString()} document(s) queued. The status line reports progress.`}),g(e=>e.filter(e=>e!==t)),v(e=>e+1),b()}catch(e){n({title:`Fill failed`,description:e instanceof Error?e.message:`Failed to enqueue`,variant:`destructive`})}};if(l)return(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-sm text-muted-foreground`,children:[(0,$.jsx)(qn,{className:`h-4 w-4 animate-spin`}),`Loading the embedding config…`]});if(p||!r)return(0,$.jsxs)(`div`,{className:`space-y-3`,children:[(0,$.jsxs)(`div`,{className:`rounded-lg border border-destructive/40 bg-destructive-subtle p-4 text-sm`,children:[(0,$.jsx)(`p`,{className:`font-medium text-destructive`,children:`Embedding config unavailable`}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:p||`No config returned.`})]}),(0,$.jsx)(Z,{type:`button`,size:`sm`,variant:`outline`,onClick:x,children:`Try again`})]});let w=Object.keys(r.effective.spaces||{}).sort();return(0,$.jsxs)(`div`,{className:`space-y-5`,children:[(0,$.jsx)(Aw,{workspaceId:e,workspaceName:t,refreshKey:_,onRefresh:x}),(0,$.jsx)(JS,{value:r.workspace||{},effective:r.effective||{},inherited:r.inherited||{},resolvedSpaces:r.spaces,invalid:r.invalid,attention:h,onFill:C,saving:d,saveLabel:`Save embedding config`,onSave:S},JSON.stringify(r.workspace)),(0,$.jsxs)(`div`,{className:`space-y-3`,children:[(0,$.jsx)(Lw,{workspaceId:e,config:r,saving:d,onSave:S},`summarize:${JSON.stringify(r.workspace?.summarize||{})}`),(0,$.jsx)(Mw,{workspaceId:e,workspaceName:t,spaces:w,onDone:()=>{b(),v(e=>e+1)}}),(0,$.jsx)(jw,{workspaceId:e,tables:a,error:s,onChanged:()=>{b()}})]}),(0,$.jsxs)(`p`,{className:`text-xs text-muted-foreground`,children:[`Stored in this workspace's own `,(0,$.jsx)(`span`,{className:`font-mono`,children:`workspace.json`}),`, so it travels with the workspace. Settings resolve in layers: built-in, then server, then your defaults, then this workspace, which wins. Changes apply live, with no restart.`]})]})}function zw(e){let t=(e||``).split(`.`).pop()?.toLowerCase();switch(t){case`js`:case`mjs`:case`ts`:return[l({typescript:t===`ts`})];case`json`:return[c()];case`sh`:case`bash`:return[a.define(u)];default:return[]}}function Bw({value:e,onChange:t,path:n,className:r=``}){let i=(0,Q.useMemo)(()=>zw(n),[n]),{resolvedScheme:a}=jl();return(0,$.jsx)(o,{value:e,onChange:t,extensions:i,theme:a===`dark`?`dark`:`light`,className:r,basicSetup:{lineNumbers:!0,foldGutter:!0,highlightActiveLine:!0,bracketMatching:!0,autocompletion:!1}})}var Vw=[`pending`,`approved`,`declined`,`failed`,`expired`,`all`],Hw={pending:`text-warning dark:text-warning`,approved:`text-success dark:text-success`,declined:`text-muted-foreground`,failed:`text-destructive`,expired:`text-muted-foreground line-through`};function Uw(e){let t=Date.now()-new Date(e).getTime(),n=Math.floor(t/6e4);if(n<1)return`now`;if(n<60)return`${n}m`;let r=Math.floor(n/60);return r<24?`${r}h`:`${Math.floor(r/24)}d`}function Ww(e,t){return t.split(`.`).reduce((e,t)=>typeof e==`object`&&e?e[t]:void 0,e)}function Gw(e){let t=e.split(`.`);return t.slice(Math.max(t.length-2,2)).join(`.`)}var Kw=/(body|content|message|text|prompt)$/i;function qw({workspaceId:e,id:t,children:n}){let{open:r}=ge(),{showToast:i}=vo(),[a,o]=(0,Q.useState)(!1),s=async n=>{n.stopPropagation(),o(!0);try{r(await sc(e,t),e)}catch(e){i({title:`Document ${t} not available`,description:e instanceof Error?e.message:void 0,variant:`destructive`})}finally{o(!1)}};return(0,$.jsx)(`button`,{type:`button`,disabled:a,onClick:e=>void s(e),className:`text-primary underline-offset-2 hover:underline disabled:opacity-60`,title:`Open document ${t}`,children:n??`doc ${t}`})}function Jw({workspaceId:e,text:t}){let n=t.split(/(\bdoc \d+\b)/);return(0,$.jsx)($.Fragment,{children:n.map((t,n)=>{let r=/^doc (\d+)$/.exec(t);return r?(0,$.jsx)(qw,{workspaceId:e,id:Number(r[1])},n):(0,$.jsx)(Q.Fragment,{children:t},n)})})}function Yw({action:e,amend:t,onAmend:n}){return e.editable?.length?(0,$.jsx)(`div`,{className:`space-y-2`,children:e.editable.map(r=>{let i=Ww(e,r),a=typeof i==`string`,o=r in t?t[r]:i,s=a?String(o??``):JSON.stringify(o,null,2),c=a&&(Kw.test(r)||s.length>80);return(0,$.jsxs)(`label`,{className:`block text-xs`,children:[(0,$.jsxs)(`span`,{className:`font-medium text-muted-foreground`,children:[Gw(r),(0,$.jsx)(`span`,{className:`ml-1.5 font-mono text-[10px] opacity-60`,children:r}),r in t&&(0,$.jsx)(`span`,{className:`ml-1.5 text-warning dark:text-warning`,children:`edited`})]}),c?(0,$.jsx)(`textarea`,{className:`mt-1 w-full rounded-md border bg-background px-2 py-1.5 font-mono text-xs outline-none focus:ring-2 focus:ring-ring min-h-[100px]`,value:s,onChange:e=>n(r,e.target.value)}):(0,$.jsx)(`input`,{className:`mt-1 w-full h-8 rounded-md border bg-background px-2 font-mono text-xs outline-none focus:ring-2 focus:ring-ring`,value:s,onChange:e=>{if(a){n(r,e.target.value);return}try{n(r,JSON.parse(e.target.value))}catch{n(r,e.target.value)}}})]},r)})}):null}function Xw({workspaceId:e,onPendingCount:t}){let{showToast:n}=vo(),r=rg(),[i,a]=(0,Q.useState)(`pending`),[o,s]=(0,Q.useState)([]),[c,l]=(0,Q.useState)(!0),[u,d]=(0,Q.useState)(new Set),[f,p]=(0,Q.useState)(null),[m,h]=(0,Q.useState)({}),[g,_]=(0,Q.useState)(!1),v=(0,Q.useCallback)(()=>ut(e,{status:i===`all`?void 0:i,limit:200}).then(e=>{s(e),d(t=>new Set(e.filter(e=>e.status===`pending`&&t.has(e.actionId)).map(e=>e.actionId))),t?.(i===`pending`?e.length:e.filter(e=>e.status===`pending`).length)}).catch(()=>{n({title:`Error`,description:`Failed to load pending actions`,variant:`destructive`})}).finally(()=>l(!1)),[e,i]),y=(0,Q.useCallback)(async()=>{l(!0),await v()},[v]),[b,x]=(0,Q.useState)(`${e}|${i}`),S=`${e}|${i}`;S!==b&&(x(S),l(!0)),(0,Q.useEffect)(()=>{v()},[v]),vh(r,`workspace:${e}`,(0,Q.useMemo)(()=>{let e=()=>{y()};return{"action.proposed":e,"action.approved":e,"action.declined":e,"action.failed":e}},[y]));let C=o.filter(e=>e.status===`pending`),w=C.length>0&&C.every(e=>u.has(e.actionId)),T=()=>{d(w?new Set:new Set(C.map(e=>e.actionId)))},E=e=>{d(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},D=(e,t,n)=>{h(r=>({...r,[e]:{...r[e],[t]:n}}))},O=async(t,r)=>{if(!(!t.length&&!r.length)){_(!0);try{let i=await K(e,{approve:t.map(e=>{let t=m[e];return t&&Object.keys(t).length?{actionId:e,amend:t}:e}),decline:r}),a=i.results.filter(e=>e.status===`error`||e.status===`failed`);a.length?n({title:`${a.length} of ${i.decided} failed`,description:a.map(e=>`${e.actionId}: ${e.error??`execution failed`}`).join(`; `),variant:`destructive`}):n({title:t.length&&r.length?`Decisions applied`:t.length?`Approved ${t.length}`:`Declined ${r.length}`,description:t.length?`Approved actions executed with their original provenance.`:void 0}),h(e=>{let n={...e};for(let e of[...t,...r])delete n[e];return n}),d(new Set),f&&[...t,...r].includes(f)&&p(null),await y()}catch(e){n({title:`Decision failed`,description:e instanceof Error?e.message:`Unknown error`,variant:`destructive`})}finally{_(!1)}}};return(0,$.jsxs)(`div`,{className:`space-y-3`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-2 flex-wrap`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`select`,{className:`h-8 rounded-md border bg-background px-2 text-xs outline-none focus:ring-2 focus:ring-ring`,value:i,onChange:e=>a(e.target.value),children:Vw.map(e=>(0,$.jsx)(`option`,{value:e,children:e},e))}),(0,$.jsx)(Z,{size:`sm`,variant:`ghost`,onClick:()=>void y(),title:`Reload`,children:(0,$.jsx)(qn,{className:`h-4 w-4`})})]}),u.size>0&&(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsxs)(`span`,{className:`text-xs text-muted-foreground`,children:[u.size,` selected`]}),(0,$.jsxs)(Z,{size:`sm`,disabled:g,onClick:()=>void O([...u],[]),children:[(0,$.jsx)(rr,{className:`mr-1 h-3.5 w-3.5`}),` Approve`]}),(0,$.jsxs)(Z,{size:`sm`,variant:`outline`,disabled:g,onClick:()=>void O([],[...u]),children:[(0,$.jsx)(mr,{className:`mr-1 h-3.5 w-3.5`}),` Decline`]})]})]}),(0,$.jsx)(`div`,{className:`border rounded-lg overflow-auto max-h-[560px]`,children:c?(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground p-3`,children:`Loading...`}):o.length===0?(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground p-3`,children:i===`pending`?`Nothing waiting for review. Rules or hooks with approval enabled queue their actions here.`:`No ${i===`all`?``:i+` `}actions recorded.`}):(0,$.jsxs)(`table`,{className:`w-full text-sm`,children:[(0,$.jsx)(`thead`,{className:`text-xs text-muted-foreground border-b sticky top-0 bg-background`,children:(0,$.jsxs)(`tr`,{children:[(0,$.jsx)(`th`,{className:`px-3 py-2 w-8`,children:C.length>0&&(0,$.jsx)(`input`,{type:`checkbox`,checked:w,onChange:T,title:`Select all pending`})}),(0,$.jsx)(`th`,{className:`text-left font-medium px-3 py-2`,children:`Proposed action`}),(0,$.jsx)(`th`,{className:`text-left font-medium px-3 py-2`,children:`Handler`}),(0,$.jsx)(`th`,{className:`text-left font-medium px-3 py-2`,children:`Age`}),(0,$.jsx)(`th`,{className:`text-left font-medium px-3 py-2`,children:`Status`}),(0,$.jsx)(`th`,{className:`px-2 py-2 w-40`})]})}),(0,$.jsx)(`tbody`,{children:o.map(t=>{let n=t.status===`pending`||t.status===`failed`,r=f===t.actionId,i=t.envelope?.payload?.document;return(0,$.jsxs)(Q.Fragment,{children:[(0,$.jsxs)(`tr`,{className:`border-b last:border-0 align-top hover:bg-muted/40 cursor-pointer`,onClick:()=>p(r?null:t.actionId),children:[(0,$.jsx)(`td`,{className:`px-3 py-2`,onClick:e=>e.stopPropagation(),children:t.status===`pending`&&(0,$.jsx)(`input`,{type:`checkbox`,checked:u.has(t.actionId),onChange:()=>E(t.actionId)})}),(0,$.jsxs)(`td`,{className:`px-3 py-2`,children:[(0,$.jsxs)(`span`,{className:`flex items-center gap-1 font-medium`,children:[r?(0,$.jsx)(Kr,{className:`h-3 w-3 shrink-0`}):(0,$.jsx)(Wa,{className:`h-3 w-3 shrink-0`}),t.title,t.editable?.length>0&&(0,$.jsx)(`span`,{className:`text-[10px] uppercase tracking-wide rounded bg-muted-foreground/15 px-1 py-0.5 text-muted-foreground shrink-0`,children:`editable`})]}),t.summary&&(0,$.jsx)(`span`,{className:`block text-xs text-muted-foreground pl-4`,children:(0,$.jsx)(Jw,{workspaceId:e,text:t.summary})})]}),(0,$.jsxs)(`td`,{className:`px-3 py-2 font-mono text-xs whitespace-nowrap`,children:[(0,$.jsxs)(`span`,{className:`text-muted-foreground`,children:[t.handlerType,`:`]}),t.handler,t.event&&(0,$.jsxs)(`span`,{className:`block text-muted-foreground`,children:[t.event,i?.id!=null&&(0,$.jsxs)($.Fragment,{children:[` · `,(0,$.jsx)(qw,{workspaceId:e,id:i.id})]})]})]}),(0,$.jsx)(`td`,{className:`px-3 py-2 text-xs whitespace-nowrap`,title:t.ts,children:Uw(t.ts)}),(0,$.jsxs)(`td`,{className:`px-3 py-2 text-xs`,children:[(0,$.jsx)(`span`,{className:Hw[t.status],children:t.status}),t.amended&&(0,$.jsx)(`span`,{className:`block text-muted-foreground`,children:`amended`}),t.decidedBy&&(0,$.jsx)(`span`,{className:`block text-muted-foreground truncate max-w-[120px]`,title:t.decidedBy,children:t.decidedBy})]}),(0,$.jsx)(`td`,{className:`px-2 py-2 whitespace-nowrap text-right`,onClick:e=>e.stopPropagation(),children:n&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Z,{size:`sm`,className:`h-7 px-2`,disabled:g,title:t.status===`failed`?`Retry (re-approve)`:`Approve and execute`,onClick:()=>void O([t.actionId],[]),children:(0,$.jsx)(rr,{className:`h-3.5 w-3.5`})}),t.status===`pending`&&(0,$.jsx)(Z,{size:`sm`,variant:`ghost`,className:`h-7 px-2 text-muted-foreground`,disabled:g,title:`Decline`,onClick:()=>void O([],[t.actionId]),children:(0,$.jsx)(mr,{className:`h-3.5 w-3.5`})})]})})]}),r&&(0,$.jsxs)(`tr`,{className:`border-b last:border-0 bg-muted/20`,children:[(0,$.jsx)(`td`,{className:`px-3 py-3`}),(0,$.jsxs)(`td`,{className:`px-3 py-3 space-y-3`,colSpan:5,children:[n&&t.editable?.length>0&&(0,$.jsx)(Yw,{action:t,amend:m[t.actionId]??{},onAmend:(e,n)=>D(t.actionId,e,n)}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`span`,{className:`text-xs font-medium text-muted-foreground`,children:`Actions on approve`}),(0,$.jsx)(`pre`,{className:`mt-1 rounded border bg-background p-2 font-mono text-xs overflow-auto max-h-56`,children:JSON.stringify(t.actions,null,2)})]}),t.result&&t.result.length>0&&(0,$.jsx)(`div`,{className:`text-xs font-mono`,children:t.result.map((e,t)=>(0,$.jsxs)(`span`,{className:`mr-2 ${e.status===`error`?`text-destructive`:`text-muted-foreground`}`,children:[e.action,`:`,e.status,e.error?` (${e.error})`:``]},t))}),(0,$.jsxs)(`p`,{className:`text-[11px] text-muted-foreground font-mono`,children:[t.actionId,` · origin `,t.provenance?.origin,t.provenance?.causedBy?` · causedBy ${t.provenance.causedBy}`:``,t.expiresAt?` · expires ${new Date(t.expiresAt).toLocaleString()}`:``]})]})]})]},t.actionId)})})]})})]})}var Zw=`#!/usr/bin/env bash
|
|
21
|
-
# Called from a hook via: spawn('bash', [script, ...args])
|
|
22
|
-
set -euo pipefail
|
|
23
|
-
`;function Qw({workspaceId:e,prefillRule:t,onPrefillConsumed:n,initialSection:r,initialRunsHandler:i,initialRunId:a}){let{showToast:o}=vo(),[s,c]=(0,Q.useState)(r??`rules`),[l,u]=(0,Q.useState)(t);t!==l&&(u(t),t&&c(`rules`));let[d,f]=(0,Q.useState)(!1),[p,m]=(0,Q.useState)([]),[h,g]=(0,Q.useState)(!0),[_,v]=(0,Q.useState)(null),[y,b]=(0,Q.useState)(``),[x,S]=(0,Q.useState)(!1),[C,w]=(0,Q.useState)(!1),[T,E]=(0,Q.useState)(!1),[D,O]=(0,Q.useState)(null),[k,A]=(0,Q.useState)(`document.inserted`),[j,M]=(0,Q.useState)(``),[N,P]=(0,Q.useState)([]),[ee,F]=(0,Q.useState)(!1),[I,te]=(0,Q.useState)([]),[L,R]=(0,Q.useState)(!1),[z,re]=(0,Q.useState)(i||null),[ie,ae]=(0,Q.useState)(a?{runId:a,run:null}:null),oe=e=>{ae(t=>t?.runId===e?null:{runId:e,run:null})};(0,Q.useEffect)(()=>{if(!ie||ie.run||ie.error)return;let t=!1;return et(e,ie.runId).then(e=>{t||ae(t=>t?.runId===e.runId?{runId:e.runId,run:e}:t)}).catch(e=>{t||ae(t=>t?.runId===ie.runId?{...t,error:e instanceof Error?e.message:`Failed to load run`}:t)}),()=>{t=!0}},[e,ie]);let[se,B]=(0,Q.useState)(null),[V,H]=(0,Q.useState)(!1),[ce,le]=(0,Q.useState)(0),[ue,de]=(0,Q.useState)(null),[fe,pe]=(0,Q.useState)(()=>Ut()),[me,he]=(0,Q.useState)(()=>String(Ut())),ge=()=>{let e=Ze(Ke(me));pe(e),he(String(e))};(0,Q.useEffect)(()=>{let t=!1;return ut(e,{status:`pending`,limit:500}).then(e=>{t||le(e.length)}).catch(()=>{}),()=>{t=!0}},[e]),nt(()=>H(!1),V);let _e=async t=>{if(confirm(`Replay ${t.handlerType} "${t.handler}" for ${t.event} (docs ${(t.docIds||[]).join(`, `)})?`)){B(t.runId);try{let n=await Yt(e,t.runId);o({title:`Replayed`,description:`${t.handler} → ${n.status}`}),await W()}catch(e){o({title:`Replay failed`,description:e instanceof Error?e.message:`Unknown error`,variant:`destructive`})}finally{B(null)}}},ve=s===`scripts`?{list:je,get:ne,save:Le,del:Pe}:{list:mn,get:nn,save:yt,del:pt},ye=s===`hooks`||s===`scripts`,W=async()=>{if(s!==`rules`&&s!==`pending`){if(s===`runs`){try{g(!0),te(await gt(e,{limit:100,failed:L||void 0,handler:z||void 0}))}catch{o({title:`Error`,description:`Failed to load hook runs`,variant:`destructive`})}finally{g(!1)}return}try{g(!0),m(await ve.list(e))}catch{o({title:`Error`,description:`Failed to load ${s}`,variant:`destructive`})}finally{g(!1)}}};(0,Q.useEffect)(()=>{W()},[e,s,L,z]);let G=e=>{e!==s&&(x&&!confirm(`Discard unsaved changes?`)||(c(e),v(null),b(``),S(!1),E(!1)))},be=async t=>{if(!(x&&!confirm(`Discard unsaved changes?`)))try{v(t),b(await ve.get(e,t)),S(!1)}catch{o({title:`Error`,description:`Failed to open ${t}`,variant:`destructive`})}},K=async()=>{if(_)try{w(!0),await ve.save(e,_,y),S(!1),o({title:`Saved`,description:`${_} saved`}),await W()}catch{o({title:`Error`,description:`Failed to save ${_}`,variant:`destructive`})}finally{w(!1)}},q=async t=>{let n=It(t);try{let r=await _n(e,t,!n);_===t&&v(r),await W(),o({title:n?`Disabled`:`Enabled`,description:r})}catch{o({title:`Error`,description:`Failed to toggle ${t}`,variant:`destructive`})}},xe=async t=>{let n=on(t);if(!n||!It(t)&&!confirm(`${t} is disabled. Run it anyway?`))return;let r=n.startsWith(`document.`);if(!(r&&!confirm(`Run ${t} against up to ${fe} existing documents (event ${n})?`))){de(t);try{if(r){let r=await Be(e,{hookFile:t,event:n,limit:fe});o({title:`Run finished`,description:`${r.processed} documents processed, ${r.failed} failed. Details in the Runs tab`,...r.failed?{variant:`destructive`}:{}})}else{let r=await St(e,{hookFile:t,event:n});o({title:r.status===`error`?`Run failed`:`Run finished`,description:r.status===`error`?`${t}: ${r.error||`see the Runs tab`}`:`${t} → ${r.status}${r.durationMs==null?``:` in ${r.durationMs}ms`}`,...r.status===`error`?{variant:`destructive`}:{}})}}catch(e){o({title:`Run failed`,description:e instanceof Error?e.message:`Unknown error`,variant:`destructive`})}finally{de(null)}}},Se=async t=>{if(confirm(`Delete ${s===`hooks`?`hook`:`script`} ${t}?`))try{await ve.del(e,t),_===t&&(v(null),b(``),S(!1)),await W(),o({title:`Deleted`,description:`${t} deleted`})}catch{o({title:`Error`,description:`Failed to delete ${t}`,variant:`destructive`})}},Ce=async()=>{if(!D)try{O(await Et(e))}catch{o({title:`Error`,description:`Failed to load hook metadata`,variant:`destructive`})}},we=async()=>{E(!T),s===`hooks`&&await Ce()},Te=async()=>{f(!d),await Ce()},Ee=async()=>{let t=j.trim().replace(/^\/+/,``);if(!t){o({title:`Error`,description:`Give the script a name (e.g. on-image.sh)`,variant:`destructive`});return}try{F(!0),await Le(e,t,Zw),E(!1),M(``),await W(),await be(t)}catch{o({title:`Error`,description:`Failed to create script`,variant:`destructive`})}finally{F(!1)}},De=e=>{P(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])},Oe=async()=>{if(!j.trim()){o({title:`Error`,description:`Give the hook a name`,variant:`destructive`});return}try{F(!0);let{path:t}=await un(e,{event:k,name:j.trim(),actions:N});E(!1),M(``),P([]),await W(),await be(t),o({title:`Created`,description:`${t}. Edit the TODOs, then enable it`})}catch{o({title:`Error`,description:`Failed to create hook`,variant:`destructive`})}finally{F(!1)}},ke=s===`hooks`?Kt(p):{scripts:p},Ae=`${po}/workspaces/${e}/git/internal`;return(0,$.jsxs)(`div`,{className:`@container space-y-4`,children:[(0,$.jsxs)(`div`,{className:`flex flex-col gap-3 @3xl:flex-row @3xl:items-start @3xl:justify-between`,children:[(0,$.jsxs)(`div`,{className:`min-w-0 @3xl:min-w-[18rem] @3xl:flex-1`,children:[(0,$.jsx)(`h3`,{className:`text-lg font-medium`,children:`Automation`}),(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Rules are simple click-to-build automations (Outlook-style). Hooks are their programmable big brother; scripts are the shell helpers hooks spawn. Everything commits to the workspace git repo.`})]}),(0,$.jsx)(`div`,{className:`flex min-w-0 flex-col gap-2 @3xl:max-w-[60%] @3xl:flex-row @3xl:items-center`,children:(0,$.jsx)(`div`,{className:`w-full min-w-0 @3xl:w-auto`,children:(0,$.jsx)(U,{className:`border-b-0`,active:s,onChange:G,tabs:[{id:`pending`,label:ce>0?`Pending (${ce})`:`Pending`,icon:Gn},{id:`rules`,label:`Rules`,icon:oa},{id:`hooks`,label:`Hooks`,icon:nr},{id:`scripts`,label:`Scripts`,icon:ri},{id:`runs`,label:`Runs`,icon:yr}]})})})]}),(s===`runs`||ye)&&(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center justify-end gap-2`,children:[s===`runs`&&(0,$.jsxs)($.Fragment,{children:[z&&(0,$.jsxs)(`button`,{type:`button`,className:`inline-flex items-center gap-1 rounded-full border bg-muted/50 px-2.5 py-1 font-mono text-xs hover:bg-muted`,title:`Showing runs of this rule / hook only — click to clear`,onClick:()=>re(null),children:[z,` `,(0,$.jsx)(mr,{className:`h-3 w-3`})]}),(0,$.jsxs)(`label`,{className:`flex items-center gap-1.5 text-xs text-muted-foreground cursor-pointer`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:L,onChange:e=>R(e.target.checked)}),`failed only`]}),(0,$.jsxs)(Z,{size:`sm`,variant:`ghost`,onClick:W,title:`Reload`,children:[(0,$.jsx)(qn,{className:`mr-1.5 h-4 w-4`}),` Reload`]})]}),ye&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(Z,{size:`sm`,variant:`ghost`,onClick:W,title:`Reload`,children:[(0,$.jsx)(qn,{className:`mr-1.5 h-4 w-4`}),` Reload`]}),(0,$.jsxs)(Z,{size:`sm`,variant:`ghost`,onClick:Te,title:`Hook context API & classifier reference`,children:[(0,$.jsx)(Mn,{className:`mr-1.5 h-4 w-4`}),` Reference`]}),(0,$.jsxs)(Z,{size:`sm`,variant:`outline`,onClick:we,children:[(0,$.jsx)(Wi,{className:`mr-2 h-4 w-4`}),` `,s===`hooks`?`New Hook`:`New Script`]})]})]}),s===`pending`&&(0,$.jsx)(Xw,{workspaceId:e,onPendingCount:le}),s===`rules`&&(0,$.jsx)(Dn,{workspaceId:e,backfillLimit:fe,onShowRuns:e=>{re(e),G(`runs`)},prefill:t,onPrefillConsumed:n,onOpenJson:async()=>{try{await nn(e,`rules.json`)}catch{await yt(e,`rules.json`,JSON.stringify({$schema:`canvas.hook-rules/v1`,rules:[]},null,2)+`
|
|
24
|
-
`).catch(()=>{})}c(`hooks`),be(`rules.json`)}}),s===`runs`&&(0,$.jsx)(`div`,{className:`border rounded-lg overflow-auto max-h-[560px]`,children:h?(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground p-3`,children:`Loading...`}):I.length===0?(0,$.jsxs)(`p`,{className:`text-sm text-muted-foreground p-3`,children:[`No runs recorded yet`,L?` (failed only)`:``,`. Runs appear here every time a rule or hook executes.`]}):(0,$.jsxs)(`table`,{className:`w-full text-sm`,children:[(0,$.jsx)(`thead`,{className:`text-xs text-muted-foreground border-b sticky top-0 bg-background`,children:(0,$.jsxs)(`tr`,{children:[(0,$.jsx)(`th`,{className:`text-left font-medium px-3 py-2`,children:`Time`}),(0,$.jsx)(`th`,{className:`text-left font-medium px-3 py-2`,children:`Handler`}),(0,$.jsx)(`th`,{className:`text-left font-medium px-3 py-2`,children:`Event`}),(0,$.jsx)(`th`,{className:`text-left font-medium px-3 py-2`,children:`Docs`}),(0,$.jsx)(`th`,{className:`text-right font-medium px-3 py-2`,children:`ms`}),(0,$.jsx)(`th`,{className:`text-left font-medium px-3 py-2`,children:`Status`}),(0,$.jsx)(`th`,{className:`px-2 py-2`})]})}),(0,$.jsx)(`tbody`,{children:I.map(e=>(0,$.jsxs)(Q.Fragment,{children:[(0,$.jsxs)(`tr`,{className:`border-b last:border-0 align-top hover:bg-muted/40`,children:[(0,$.jsx)(`td`,{className:`px-3 py-1.5 whitespace-nowrap text-xs text-muted-foreground`,title:e.ts,children:new Date(e.ts).toLocaleString()}),(0,$.jsxs)(`td`,{className:`px-3 py-1.5 font-mono text-xs`,children:[(0,$.jsxs)(`span`,{className:`text-muted-foreground`,children:[e.handlerType,`:`]}),e.handler,e.origin!==`user`&&(0,$.jsxs)(`span`,{className:`ml-1.5 text-[10px] uppercase tracking-wide rounded bg-muted-foreground/15 px-1 py-0.5 text-muted-foreground`,children:[e.origin,e.depth?` d${e.depth}`:``]})]}),(0,$.jsxs)(`td`,{className:`px-3 py-1.5 font-mono text-xs`,children:[e.event,e.batch?` (batch)`:``]}),(0,$.jsx)(`td`,{className:`px-3 py-1.5 font-mono text-xs`,children:(e.docIds||[]).join(`, `)}),(0,$.jsx)(`td`,{className:`px-3 py-1.5 text-right font-mono text-xs`,children:e.durationMs}),(0,$.jsxs)(`td`,{className:`px-3 py-1.5 text-xs`,children:[(0,$.jsx)(`span`,{className:e.status===`error`?`text-destructive font-medium`:e.status===`skipped`?`text-muted-foreground`:`text-success dark:text-success`,children:e.status}),e.error&&(0,$.jsx)(`span`,{className:`block text-destructive/80 font-mono break-all`,children:e.error}),e.skipReason&&(0,$.jsx)(`span`,{className:`block text-muted-foreground`,children:e.skipReason}),e.actions&&e.actions.length>0&&(0,$.jsx)(`span`,{className:`block text-muted-foreground font-mono`,children:e.actions.map(e=>`${e.action}:${e.status}`).join(` `)}),e.actions?.filter(e=>e.error).map((e,t)=>(0,$.jsxs)(`span`,{className:`block break-all font-mono ${e.status===`error`?`text-destructive/80`:`text-muted-foreground`}`,children:[e.action,`: `,e.error]},t))]}),(0,$.jsxs)(`td`,{className:`px-2 py-1.5 whitespace-nowrap`,children:[(0,$.jsxs)(Z,{size:`sm`,variant:`ghost`,className:`h-6 px-1.5 touch-target`,title:e.traceLines?`Execution log (${e.traceLines} lines)`:`Execution log`,onClick:()=>oe(e.runId),children:[(0,$.jsx)(Va,{className:`h-3.5 w-3.5`}),(0,$.jsx)(Kr,{className:`ml-0.5 h-3 w-3 transition-transform ${ie?.runId===e.runId?`rotate-180`:``}`})]}),e.handlerType!==`dispatch`&&(0,$.jsx)(Z,{size:`sm`,variant:`ghost`,className:`h-6 w-6 p-0 touch-target`,title:`Replay this run (reloads the document, re-runs the handler)`,disabled:se!==null,onClick:()=>_e(e),children:(0,$.jsx)(Pa,{className:`h-3 w-3 ${se===e.runId?`animate-spin`:``}`})})]})]}),ie?.runId===e.runId&&(0,$.jsx)(`tr`,{className:`border-b last:border-0 bg-muted/30`,children:(0,$.jsx)(`td`,{colSpan:7,className:`px-3 py-2`,children:(0,$.jsx)($w,{state:ie})})})]},e.runId))})]})}),ye&&d&&D&&(0,$.jsxs)(`div`,{className:`border rounded-lg p-4 space-y-4 bg-muted/30 text-sm`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsxs)(`h4`,{className:`font-medium mb-2`,children:[`Hook context (`,(0,$.jsx)(`span`,{className:`font-mono`,children:`ctx`}),`)`]}),(0,$.jsx)(`div`,{className:`space-y-2`,children:D.contextApi?.map(e=>(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 font-mono text-xs`,children:e.signature}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground mt-0.5`,children:e.description})]},e.name))})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsxs)(`h4`,{className:`font-medium mb-2`,children:[`Classifier (`,(0,$.jsx)(`span`,{className:`font-mono`,children:`const c = ctx.classify()`}),`)`]}),(0,$.jsx)(`div`,{className:`flex flex-wrap gap-1`,children:D.classifier.predicates.map(e=>(0,$.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 font-mono text-xs`,children:e},e))}),(0,$.jsxs)(`p`,{className:`text-xs text-muted-foreground mt-2`,children:[`Fields: `,D.classifier.fields.map(e=>(0,$.jsxs)(`code`,{className:`font-mono`,children:[e,` `]},e)),`(never throws; all predicates are false for a null/unknown document).`]})]}),(0,$.jsxs)(`p`,{className:`text-xs text-muted-foreground`,children:[`Full reference: `,(0,$.jsx)(`span`,{className:`font-mono`,children:`docs/hooks.md`}),` in the server repo.`]})]}),T&&s===`scripts`&&(0,$.jsxs)(`div`,{className:`border rounded-lg p-3 flex gap-2 items-center bg-muted/50`,children:[(0,$.jsx)(Y,{placeholder:`on-image.sh`,value:j,onChange:e=>M(e.target.value),className:`font-mono text-sm`}),(0,$.jsx)(Z,{size:`sm`,onClick:Ee,disabled:ee,children:`Create`}),(0,$.jsx)(Z,{size:`sm`,variant:`outline`,onClick:()=>E(!1),children:`Cancel`})]}),T&&s===`hooks`&&(0,$.jsxs)(`div`,{className:`border rounded-lg p-4 space-y-3 bg-muted/50`,children:[(0,$.jsxs)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 gap-3`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{className:`text-xs font-semibold text-muted-foreground block mb-1`,children:`1. When (event)`}),(0,$.jsx)(`select`,{className:`w-full h-9 rounded-md border bg-background px-2 font-mono text-sm outline-none focus:ring-2 focus:ring-ring`,value:k,onChange:e=>A(e.target.value),children:(D?.events??[]).map(e=>(0,$.jsxs)(`option`,{value:e.name,children:[e.name,`: `,e.description]},e.name))}),D&&(0,$.jsxs)(`p`,{className:`text-xs text-muted-foreground mt-1 font-mono`,children:[`payload: `,D.events.find(e=>e.name===k)?.payload]}),(0,$.jsx)(`label`,{className:`text-xs font-semibold text-muted-foreground block mt-3 mb-1`,children:`2. Name`}),(0,$.jsx)(Y,{placeholder:`my-hook`,value:j,onChange:e=>M(e.target.value),className:`font-mono text-sm`})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{className:`text-xs font-semibold text-muted-foreground block mb-1`,children:`3. Then (actions; pick any)`}),(0,$.jsx)(`div`,{className:`space-y-1 max-h-52 overflow-auto pr-1`,children:(D?.actions??[]).map(e=>(0,$.jsxs)(`label`,{className:`flex items-start gap-2 text-sm rounded px-2 py-1 hover:bg-muted cursor-pointer`,children:[(0,$.jsx)(`input`,{type:`checkbox`,className:`mt-1`,checked:N.includes(e.id),onChange:()=>De(e.id)}),(0,$.jsxs)(`span`,{children:[(0,$.jsx)(`span`,{className:`font-medium`,children:e.label}),(0,$.jsx)(`span`,{className:`block text-xs text-muted-foreground`,children:e.description})]})]},e.id))})]})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(Z,{size:`sm`,onClick:Oe,disabled:ee||!D,children:ee?`Creating…`:`Create skeleton`}),(0,$.jsx)(Z,{size:`sm`,variant:`outline`,onClick:()=>E(!1),children:`Cancel`}),(0,$.jsxs)(`p`,{className:`text-xs text-muted-foreground`,children:[`Creates a disabled skeleton. Edit the TODOs, then enable it. Simple match→action automations can also go into `,(0,$.jsx)(`span`,{className:`font-mono`,children:`rules.json`}),` (no code).`]})]})]}),ye&&(0,$.jsxs)(`div`,{className:`grid grid-cols-1 md:grid-cols-3 gap-4`,children:[(0,$.jsx)(`div`,{className:`md:col-span-1 border rounded-lg p-2 max-h-[480px] overflow-auto`,children:h?(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground p-2`,children:`Loading...`}):p.length===0?(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground p-2`,children:`No hooks yet.`}):Object.entries(ke).map(([e,t])=>(0,$.jsxs)(`div`,{className:`mb-2`,children:[(0,$.jsx)(`div`,{className:`text-xs font-semibold text-muted-foreground px-2 py-1`,children:e}),t.map(e=>{let t=It(e.path);return(0,$.jsxs)(`div`,{className:`flex items-center justify-between rounded px-2 py-1 cursor-pointer text-sm ${_===e.path?`bg-muted`:`hover:bg-muted/50`} ${t?``:`opacity-50`}`,onClick:()=>be(e.path),children:[(0,$.jsxs)(`span`,{className:`font-mono truncate flex items-center gap-1.5`,children:[e.path,s===`hooks`&&st(e.path)&&(0,$.jsx)(`span`,{className:`text-[10px] uppercase tracking-wide rounded bg-muted-foreground/15 px-1 py-0.5 text-muted-foreground shrink-0`,children:`example`})]}),(0,$.jsxs)(`div`,{className:`flex items-center`,children:[s===`hooks`&&on(e.path)&&(0,$.jsx)(Z,{size:`sm`,variant:`ghost`,className:`h-6 w-6 p-0 touch-target`,title:on(e.path)?.startsWith(`document.`)?`Run against up to ${fe} existing documents`:`Run now`,disabled:ue!==null,onClick:t=>{t.stopPropagation(),xe(e.path)},children:(0,$.jsx)(xr,{className:`h-3 w-3 ${ue===e.path?`animate-pulse`:``}`})}),s===`hooks`&&(0,$.jsx)(Z,{size:`sm`,variant:`ghost`,className:`h-6 w-6 p-0 touch-target`,title:t?`Disable`:`Enable`,onClick:t=>{t.stopPropagation(),q(e.path)},children:t?(0,$.jsx)(qi,{className:`h-3 w-3`}):(0,$.jsx)(In,{className:`h-3 w-3 text-muted-foreground`})}),(0,$.jsx)(Z,{size:`sm`,variant:`ghost`,className:`h-6 w-6 p-0 text-destructive hover:text-destructive touch-target`,onClick:t=>{t.stopPropagation(),Se(e.path)},children:(0,$.jsx)(Xr,{className:`h-3 w-3`})})]})]},e.path)})]},e))}),(0,$.jsx)(`div`,{className:V?`fixed inset-0 z-50 bg-background p-4 flex flex-col`:`md:col-span-2 border rounded-lg p-2 flex flex-col`,children:_?(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`div`,{className:`mb-2 flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between`,children:[(0,$.jsxs)(`span`,{className:`font-mono text-sm truncate`,children:[_,x?` •`:``]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-1`,children:[s===`hooks`&&on(_)&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Z,{size:`sm`,variant:`outline`,className:`h-8`,title:It(_)?`Disable this hook (renames it with a disabled- prefix)`:`Enable this hook (strips the prefix)`,onClick:()=>q(_),children:It(_)?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(qi,{className:`mr-1.5 h-3.5 w-3.5`}),` Enabled`]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(In,{className:`mr-1.5 h-3.5 w-3.5 text-muted-foreground`}),` Disabled`]})}),(0,$.jsxs)(Z,{size:`sm`,variant:`outline`,className:`h-8`,title:`Run this hook now`,disabled:ue!==null||x,onClick:()=>xe(_),children:[(0,$.jsx)(xr,{className:`mr-1.5 h-3.5 w-3.5 ${ue===_?`animate-pulse`:``}`}),` Run`]})]}),(0,$.jsxs)(Z,{size:`sm`,onClick:K,disabled:C||!x,children:[(0,$.jsx)(zr,{className:`mr-2 h-4 w-4`}),` Save`]}),(0,$.jsx)(Z,{size:`sm`,variant:`ghost`,className:`h-8 w-8 p-0`,title:V?`Exit full screen (Esc)`:`Edit full screen`,onClick:()=>H(!V),children:V?(0,$.jsx)(ni,{className:`h-4 w-4`}):(0,$.jsx)(na,{className:`h-4 w-4`})})]})]}),(0,$.jsx)(`div`,{className:`flex-1 overflow-auto rounded border text-sm ${V?``:`min-h-[400px] max-h-viewport-pane`}`,children:(0,$.jsx)(Bw,{value:y,path:_,onChange:e=>{b(e),S(!0)}})})]}):(0,$.jsxs)(`div`,{className:`flex-1 flex items-center justify-center text-sm text-muted-foreground min-h-[400px]`,children:[`Select a `,s===`hooks`?`hook`:`script`,` to edit, or create a new one.`]})})]}),(s===`rules`||s===`hooks`)&&(0,$.jsxs)(`label`,{className:`flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-muted-foreground`,title:`1–10000. Raise it when "Apply to existing items" reports fewer matches than you expect.`,children:[(0,$.jsx)(ba,{className:`h-3.5 w-3.5 shrink-0`}),(0,$.jsx)(`span`,{children:`Apply / run in batches of`}),(0,$.jsx)(Y,{type:`number`,min:1,max:1e4,step:100,value:me,onChange:e=>he(e.target.value),onBlur:ge,onKeyDown:e=>{e.key===`Enter`&&(ge(),e.target.blur())},className:`h-7 w-20 px-2 text-xs`}),(0,$.jsx)(`span`,{children:`documents per pass — the rule "Apply" button and manual hook runs stop after that many.`})]}),(0,$.jsxs)(`p`,{className:`flex items-center gap-1.5 text-xs text-muted-foreground`,children:[(0,$.jsx)(nr,{className:`h-3.5 w-3.5 shrink-0`}),(0,$.jsxs)(`span`,{children:[`Everything here lives in the workspace git repo. Clone it with`,` `,(0,$.jsxs)(`code`,{className:`break-all rounded bg-muted px-1 py-0.5 font-mono select-all`,children:[`git clone `,Ae.replace(`://`,`://canvas@`)]}),` `,`(password: a canvas API token; the `,(0,$.jsx)(`span`,{className:`font-mono`,children:`canvas@`}),` username is arbitrary but git needs one). Pushes hot-reload hooks.`]})]})]})}function $w({state:e}){if(e.error)return(0,$.jsx)(`p`,{className:`text-xs text-destructive`,children:e.error});if(!e.run)return(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Loading…`});let t=e.run,n={error:`text-destructive`,warn:`text-warning`,info:`text-foreground`,debug:`text-muted-foreground`};return(0,$.jsxs)(`div`,{className:`space-y-2 text-xs`,children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap gap-x-4 gap-y-1 text-muted-foreground`,children:[(0,$.jsxs)(`span`,{children:[`run `,(0,$.jsx)(`span`,{className:`font-mono`,children:t.runId})]}),(0,$.jsxs)(`span`,{children:[`trigger `,(0,$.jsx)(`span`,{className:`font-mono`,children:t.trigger})]}),t.eventId&&(0,$.jsxs)(`span`,{children:[`event `,(0,$.jsx)(`span`,{className:`font-mono`,children:t.eventId})]}),(0,$.jsxs)(`span`,{children:[t.durationMs,` ms`]})]}),t.actions&&t.actions.length>0&&(0,$.jsx)(`ol`,{className:`space-y-0.5 font-mono`,children:t.actions.map((e,t)=>(0,$.jsxs)(`li`,{className:e.status===`error`?`text-destructive`:e.status===`skipped`?`text-muted-foreground`:``,children:[t+1,`. `,e.action,` → `,e.status,e.error?` — ${e.error}`:``]},t))}),t.trace&&t.trace.length>0?(0,$.jsx)(`pre`,{className:`max-h-96 overflow-auto rounded-md border bg-background p-2 font-mono text-[11px] leading-relaxed whitespace-pre-wrap break-all`,children:t.trace.map((e,t)=>(0,$.jsxs)(`span`,{className:`block ${n[e.level]||``}`,children:[(0,$.jsxs)(`span`,{className:`text-muted-foreground`,children:[`+`,String(e.t).padStart(5,` `),`ms `]}),(0,$.jsxs)(`span`,{className:`uppercase text-muted-foreground`,children:[e.level.padEnd(5,` `),` `]}),e.msg]},t))}):(0,$.jsxs)(`p`,{className:`text-muted-foreground`,children:[`No execution log recorded for this run`,t.error?``:` (older runs predate tracing)`,`.`]})]})}var eT=e=>`/workspaces/${e}/storage-policies`;function tT(){return`policy-${crypto.randomUUID().slice(0,8)}`}function nT(e){return e.filter(e=>e.enabled&&e.capabilities?.upload&&!e.config?.readOnly&&e.driver!==`cacache`)}var rT=new Set([`file`]);function iT(e,t){return`${e===`directory`?`dir`:`ctx`}:${t.startsWith(`/`)?t:`/${t}`}`}function aT(e){let t=/^(ctx|dir):(\/.*)$/.exec(e);return t?{tree:t[1]===`dir`?`directory`:`context`,path:t[2]}:null}function oT(e){return(aT(e)?.path??e).replace(/^\/+/,``)}function sT(e){return`${e.backend}:${e.folder||`/`}`}async function cT(e){let t=await X.get(eT(e));return{...t,policies:t?.policies??[],revision:t.revision,blobBackend:t?.blobBackend??null}}async function lT(e,t,n){return X.put(eT(e),{policies:t,revision:n})}async function uT(e,t,n={}){return await X.post(`${eT(e)}/${encodeURIComponent(t)}/apply`,n)}async function dT(e,t,n){let{policies:r,revision:i}=n??await cT(e),a=r.findIndex(e=>e.id===t.id);return lT(e,a===-1?[...r,t]:r.map((e,n)=>n===a?t:e),i)}async function fT(e,t,n,r={}){let i={folders:0,processed:0,matched:0,failed:0},a=0;for(;a!==null;){let o=await uT(e,t,{limit:r.limit??100,offset:a,dryRun:r.dryRun});if(i.folders+=o.folders??0,i.processed+=o.processed??0,i.matched+=o.matched??0,i.failed+=o.failed??0,n?.(o,i),o.nextOffset===void 0)throw Error(`The policy is saved, but applying it to existing documents needs an updated server.`);a=o.nextOffset}return i}function pT(e,t,n){let r=iT(t,n),i=r.endsWith(`/`)?r:`${r}/`;return e.filter(e=>{if(!e.enabled)return!1;if(e.path===r)return!0;if(!e.recursive)return!1;let t=e.path.endsWith(`/`)?e.path:`${e.path}/`;return i.startsWith(t)})}function mT(e){let t=new Set;for(let n of e)for(let e of n.targets)t.add(sT(e));return[...t].join(`, `)}async function hT(e,t){await X.post(`${eT(e)}/operations/${encodeURIComponent(t)}/retry`,{})}function gT(e){return!e||!e.mime&&!e.filename&&(!e.schema||e.schema===`file`)?`files`:e.mime===`image/*`&&!e.filename&&(!e.schema||e.schema===`file`)?`images`:`custom`}function _T(e,t){return{backend:e?.address??``,folder:t,recursive:!0,recreateDirectories:!!e&&rT.has(e.driver),onConflict:`error`}}function vT({workspaceId:e,path:t,policy:n,onClose:r,onSaved:i}){let a=!!n,[o]=(0,Q.useState)(()=>n?.id??tT()),[s,c]=(0,Q.useState)(n?.kind||`mirror`),[l,u]=(0,Q.useState)(n?.description??``),[d,f]=(0,Q.useState)(n?.recursive??!0),[p,m]=(0,Q.useState)(()=>gT(n?.filter)),[h,g]=(0,Q.useState)(n?.filter?.mime??``),[_,v]=(0,Q.useState)(n?.filter?.filename??``),[y,b]=(0,Q.useState)(n?.targets??[]),[x,S]=(0,Q.useState)(null),[C,w]=(0,Q.useState)(null),[E,D]=(0,Q.useState)(!1),[O,k]=(0,Q.useState)(!1),[A,j]=(0,Q.useState)(!1),[M,N]=(0,Q.useState)(``),[P,ee]=(0,Q.useState)(0),[F,I]=(0,Q.useState)(0),[te,L]=(0,Q.useState)(0);nt(r,!O);let R=()=>{O||r()},ne=(0,Q.useMemo)(()=>oT(t),[t]),z=(0,Q.useMemo)(()=>nT(C??[]).filter(e=>s===`filing`||e.driver===`file`),[C,s]),re=(0,Q.useMemo)(()=>new Map(z.map(e=>[e.address,e])),[z]);(0,Q.useEffect)(()=>{let t=!1;return Promise.all([Fs(e),cT(e)]).then(([e,r])=>{if(t)return;if(n&&JSON.stringify(r.policies.find(e=>e.id===n.id))!==JSON.stringify(n))throw Error(`This policy changed. Close and reopen the editor.`);S(r),w(e);let i=nT(e).find(e=>n?.kind===`filing`||e.driver===`file`);i&&b(e=>e.length?e:[_T(i,ne)])}).catch(e=>{t||(w([]),N(e instanceof Error?e.message:`Could not load backends`))}),()=>{t=!0}},[e,ne,n]);let ie=(e,t)=>b(n=>n.map((n,r)=>r===e?{...n,...t}:n)),ae=(e,t)=>{let n=re.get(t),r=!!n&&rT.has(n.driver);ie(e,{backend:t,recreateDirectories:r?y[e].recreateDirectories:!1})},oe=()=>{if(!y.length)throw Error(`Add at least one target.`);let e=y.map(e=>{if(!e.backend)throw Error(`Choose a backend for every target.`);let t={backend:e.backend,folder:e.folder.trim().replace(/^\/+|\/+$/g,``),recursive:e.recursive,recreateDirectories:e.recreateDirectories,onConflict:e.onConflict??`error`};if(s===`filing`&&e.key?.trim()&&(t.key=e.key.trim()),s===`filing`&&(t.recreateDirectories=!1),s===`mirror`&&t.folder.includes(`{{`))throw Error(`Folder templates require a filing policy.`);return t}),r;return p===`images`?r={schema:`file`,mime:`image/*`}:p===`custom`&&(r={schema:`file`},h.trim()&&(r.mime=h.trim()),_.trim()&&(r.filename=_.trim())),{id:o,kind:s,enabled:n?.enabled??!0,...l.trim()?{description:l.trim()}:{},path:t,recursive:d,...r?{filter:r}:{},targets:e}},se=async()=>{if(!O){k(!0),N(``);try{let t=oe();E||(await dT(e,t,x),D(!0),i?.(t)),ee(0),I(0),L(0),await fT(e,o,(e,t)=>{ee(t.matched),I(t.folders),L(t.failed)}),window.dispatchEvent(new CustomEvent(`workspace:documents:refresh`)),window.dispatchEvent(new CustomEvent(`workspace:tree:refresh`)),j(!0)}catch(e){N(e instanceof Error?e.message:`Could not save the storage policy`)}finally{k(!1)}}},B=!!x&&y.length>0&&y.every(e=>e.backend);return(0,$.jsx)(Ie,{onClose:R,children:(0,$.jsxs)(`section`,{role:`dialog`,"aria-modal":`true`,"aria-labelledby":`storage-policy-title`,className:`${T} flex flex-col overflow-hidden rounded-(--panel-radius) border bg-card shadow-elevation-4`,children:[(0,$.jsxs)(`div`,{className:`flex h-12 shrink-0 items-center justify-between border-b px-4`,children:[(0,$.jsxs)(`h2`,{id:`storage-policy-title`,className:`flex items-center gap-2 text-sm font-medium`,children:[(0,$.jsx)(dr,{className:`h-4 w-4`}),a?`Edit storage policy`:`Storage policy`]}),(0,$.jsx)(`button`,{type:`button`,onClick:R,disabled:O,"aria-label":`Close`,className:`p-1 disabled:opacity-40`,children:(0,$.jsx)(mr,{className:`h-4 w-4`})})]}),(0,$.jsxs)(`div`,{className:`min-h-0 flex-1 space-y-5 overflow-y-auto p-4`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Virtual path`}),(0,$.jsx)(`p`,{className:`mt-1 break-words text-sm`,children:t})]}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Documents filed here are copied to every target in order. Uploads stay local until every destination has been verified. Mirrors move removed copies to Trash; filing policies keep their copies.`}),(0,$.jsxs)(`fieldset`,{disabled:O||E,className:`space-y-3 text-sm`,children:[(0,$.jsxs)(`label`,{className:`block`,children:[`Behavior`,(0,$.jsxs)(`select`,{"aria-label":`Storage behavior`,className:`ml-2 rounded border bg-background p-2`,value:s,onChange:e=>c(e.target.value),children:[(0,$.jsx)(`option`,{value:`mirror`,children:`Mirror (recoverable removal)`}),(0,$.jsx)(`option`,{value:`filing`,children:`File copies (keep after unlink)`})]})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{className:`block text-xs text-muted-foreground`,htmlFor:`policy-description`,children:`Description (optional)`}),(0,$.jsx)(`input`,{id:`policy-description`,className:`mt-1 w-full rounded-md border bg-background p-2`,value:l,onChange:e=>u(e.target.value),placeholder:`e.g. Accounting archive`})]}),(0,$.jsxs)(`label`,{className:`flex items-start gap-2`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:d,onChange:e=>f(e.target.checked),className:`mt-1`}),`Apply to subfolders`]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{className:`block text-xs text-muted-foreground`,htmlFor:`policy-filter`,children:`Documents`}),(0,$.jsxs)(`select`,{id:`policy-filter`,className:`mt-1 w-full rounded-md border bg-background p-2`,value:p,onChange:e=>m(e.target.value),children:[(0,$.jsx)(`option`,{value:`files`,children:`Files`}),(0,$.jsx)(`option`,{value:`images`,children:`Images`}),(0,$.jsx)(`option`,{value:`custom`,children:`Custom…`})]}),p===`custom`&&(0,$.jsxs)(`div`,{className:`mt-2 grid grid-cols-2 gap-2`,children:[(0,$.jsx)(`input`,{"aria-label":`MIME type`,className:`rounded-md border bg-background p-2`,value:h,onChange:e=>g(e.target.value),placeholder:`image/*`}),(0,$.jsx)(`input`,{"aria-label":`Filename glob`,className:`rounded-md border bg-background p-2`,value:_,onChange:e=>v(e.target.value),placeholder:`img*`})]})]})]}),(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(`h3`,{className:`text-sm font-medium`,children:`Targets`}),C===null&&(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Loading backends…`}),C!==null&&!z.length&&(0,$.jsx)(`p`,{className:`text-xs text-destructive`,children:`No writable backend available. Add a folder or drive under Files & storage first.`}),y.map((e,t)=>{let n=re.get(e.backend),r=s===`mirror`&&!!n&&rT.has(n.driver);return(0,$.jsxs)(`fieldset`,{disabled:O||E,className:`space-y-2 rounded-lg border p-2 text-sm`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsxs)(`select`,{"aria-label":`Backend`,className:`min-w-0 flex-1 rounded-md border bg-background p-2`,value:e.backend,onChange:e=>ae(t,e.target.value),children:[!e.backend&&(0,$.jsx)(`option`,{value:``,children:`Choose a backend…`}),z.map(e=>(0,$.jsxs)(`option`,{value:e.address,children:[e.address,` (`,e.driver,`)`]},e.address)),e.backend&&!n&&(0,$.jsxs)(`option`,{value:e.backend,children:[e.backend,` (unavailable)`]})]}),(0,$.jsx)(`button`,{type:`button`,"aria-label":`Remove target`,onClick:()=>b(e=>e.filter((e,n)=>n!==t)),className:`p-1 disabled:opacity-40`,children:(0,$.jsx)(mr,{className:`h-4 w-4`})})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{className:`block text-xs text-muted-foreground`,htmlFor:`policy-folder-${t}`,children:`Folder on the backend`}),(0,$.jsx)(`input`,{id:`policy-folder-${t}`,className:`mt-1 w-full rounded-md border bg-background p-2`,value:e.folder,onChange:e=>ie(t,{folder:e.target.value}),placeholder:`(backend root)`})]}),(0,$.jsxs)(`label`,{className:`flex items-start gap-2`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:e.recursive,onChange:e=>ie(t,{recursive:e.target.checked}),className:`mt-1`}),`Recreate sub-folder path in destination`]}),(0,$.jsxs)(`label`,{className:`flex items-start gap-2 ${r?``:`opacity-60`}`,title:r?void 0:`Empty folders require a mirror on a supported file backend.`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:r&&e.recreateDirectories,disabled:!r,onChange:e=>ie(t,{recreateDirectories:e.target.checked}),className:`mt-1`}),`Create folders on the backend`]}),(0,$.jsxs)(`details`,{children:[(0,$.jsx)(`summary`,{className:`cursor-pointer text-xs text-muted-foreground`,children:`Advanced`}),(0,$.jsxs)(`div`,{className:`mt-2 space-y-2`,children:[s===`filing`&&(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{className:`block text-xs text-muted-foreground`,htmlFor:`policy-key-${t}`,children:`File-name template (optional)`}),(0,$.jsx)(`input`,{id:`policy-key-${t}`,className:`mt-1 w-full rounded-md border bg-background p-2 font-mono text-xs`,value:e.key??``,onChange:e=>ie(t,{key:e.target.value}),placeholder:`{{YYYY}}{{MM}}{{DD}}_{{basename}}{{ext}}`})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{className:`block text-xs text-muted-foreground`,htmlFor:`policy-conflict-${t}`,children:`On name conflict`}),(0,$.jsxs)(`select`,{id:`policy-conflict-${t}`,className:`mt-1 w-full rounded-md border bg-background p-2`,value:e.onConflict??`error`,onChange:e=>ie(t,{onConflict:e.target.value}),children:[(0,$.jsx)(`option`,{value:`error`,children:`Stop with an error`}),(0,$.jsx)(`option`,{value:`rename`,children:`Rename the new file`}),n?.driver===`file`&&(0,$.jsx)(`option`,{value:`overwrite`,children:`Overwrite (retain previous bytes)`})]})]})]})]})]},t)}),!E&&(0,$.jsxs)(Z,{variant:`outline`,size:`sm`,disabled:O||!z.length,onClick:()=>b(e=>[...e,_T(z.find(t=>!e.some(e=>e.backend===t.address))??z[0],ne)]),children:[(0,$.jsx)(Wi,{className:`mr-1 h-4 w-4`}),`Add target…`]})]}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Applies to existing and future documents. Transfer progress and errors appear in Storage policies settings.`}),O&&(0,$.jsx)(`p`,{role:`status`,className:`text-sm`,children:E?`Applying to existing documents… ${P} planned, ${F} folders`:`Saving storage policy…`}),A&&(0,$.jsxs)(`p`,{role:`status`,className:`text-sm`,children:[`Storage policy saved. `,P,` documents and `,F,` folders planned. Replication continues in the background.`]}),te>0&&(0,$.jsxs)(`p`,{role:`alert`,className:`text-sm text-destructive`,children:[te,` document operations failed. Check operation status in Storage policies settings.`]}),M&&(0,$.jsxs)(`p`,{role:`alert`,className:`text-sm text-destructive`,children:[E?`The policy is saved. `:``,M]})]}),(0,$.jsxs)(`div`,{className:`flex shrink-0 justify-end gap-2 border-t p-3`,children:[(0,$.jsx)(Z,{variant:`ghost`,disabled:O,onClick:R,children:`Cancel`}),A?(0,$.jsx)(Z,{onClick:r,children:`Done`}):(0,$.jsx)(Z,{disabled:O||!B,onClick:se,children:O?`Applying…`:E?`Retry existing documents`:a?`Save policy`:`Enable policy`})]})]})})}var yT={policies:[],revision:``,loading:!1,error:``},bT=new Map,xT=new Set;function ST(){for(let e of xT)e()}function CT(e){return xT.add(e),()=>{xT.delete(e)}}function wT(e,t){bT.set(e,t),ST()}async function TT(e){wT(e,{...bT.get(e)??yT,loading:!0,error:``});try{let{policies:t,revision:n,status:r}=await cT(e);wT(e,{policies:t,revision:n,status:r,loading:!1,error:``})}catch(t){wT(e,{policies:[],revision:``,loading:!1,error:t instanceof Error?t.message:`Could not load storage policies`})}}function ET(e){bT.delete(e),ST()}function DT(e){let t=(0,Q.useSyncExternalStore)(CT,()=>e&&bT.get(e)||yT),n=!!e&&!bT.has(e);(0,Q.useEffect)(()=>{e&&n&&TT(e)},[e,n]);let r=(0,Q.useCallback)(async()=>{e&&await TT(e)},[e]);return(0,Q.useEffect)(()=>{if(!e||!t.policies.length)return;let n=window.setInterval(()=>{!document.hidden&&!bT.get(e)?.loading&&TT(e)},5e3);return()=>window.clearInterval(n)},[e,t.policies.length]),{policies:t.policies,revision:t.revision,status:t.status,loading:t.loading,error:t.error,refresh:r}}function OT({checked:e,disabled:t,onClick:n,label:r}){return(0,$.jsx)(`button`,{type:`button`,role:`switch`,"aria-checked":e,"aria-label":r,disabled:t,onClick:n,className:`relative inline-flex h-5 w-9 shrink-0 rounded-full border-2 border-transparent transition-colors disabled:cursor-not-allowed disabled:opacity-50 ${e?`bg-primary`:`bg-muted-foreground/30`}`,children:(0,$.jsx)(`span`,{className:`pointer-events-none inline-block h-4 w-4 rounded-full bg-background shadow transition-transform ${e?`translate-x-4`:`translate-x-0`}`})})}function kT({children:e,title:t}){return(0,$.jsx)(`span`,{title:t,className:`rounded border px-1 py-px text-[10px] uppercase tracking-wide text-muted-foreground`,children:e})}function AT(e){let t=e.filter;return!t||!t.mime&&!t.filename&&(!t.schema||t.schema===`file`)?`Files`:t.mime===`image/*`&&!t.filename?`Images`:[t.schema&&t.schema!==`file`?t.schema:null,t.mime,t.filename].filter(Boolean).join(` · `)}function jT({workspaceId:e}){let{policies:t,revision:n,status:r,loading:i,error:a,refresh:o}=DT(e),{showToast:s}=vo(),[c,l]=(0,Q.useState)(null),[u,d]=(0,Q.useState)(null),[f,p]=(0,Q.useState)(``),m=(e,t)=>s({title:`Error`,description:e instanceof Error?e.message:t,variant:`destructive`}),h=async r=>{d(r.id);try{await lT(e,t.map(e=>e.id===r.id?{...e,enabled:!e.enabled}:e),n),ET(e)}catch(e){m(e,`Could not update the policy`)}finally{d(null)}},g=async r=>{if(window.confirm(`Delete the storage policy for "${r.path}"? Files already placed on the targets stay where they are.`)){d(r.id);try{await lT(e,t.filter(e=>e.id!==r.id),n),ET(e)}catch(e){m(e,`Could not delete the policy`)}finally{d(null)}}},_=async t=>{d(t.id),p(`Applying…`);try{let n=await fT(e,t.id,(e,t)=>p(`Applying… ${t.matched} planned, ${t.folders} folders`));s({title:n.failed?`Planning errors`:`Replication queued`,description:`${n.matched} documents and ${n.folders} folders planned${n.failed?`, ${n.failed} failed — see operation status`:``}.`,variant:n.failed?`destructive`:void 0}),window.dispatchEvent(new CustomEvent(`workspace:tree:refresh`))}catch(e){m(e,`Could not apply the policy`)}finally{d(null),p(``)}};return(0,$.jsxs)(`div`,{className:`space-y-4`,children:[(0,$.jsxs)(`section`,{className:`rounded-lg border p-4`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(dr,{className:`h-4 w-4 text-muted-foreground`}),(0,$.jsx)(`h2`,{className:`text-sm font-semibold`,children:`Storage policies`})]}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:`A mirror keeps filed documents on its targets and moves removed copies to Trash. A filing policy makes copies that stay on the targets. Uploads are kept locally until every required destination has been verified.`}),r?.error&&(0,$.jsx)(`p`,{role:`alert`,className:`mt-2 text-xs text-destructive`,children:r.error.message}),r?.operations?.operations.filter(e=>e.state!==`complete`).map(t=>(0,$.jsxs)(`div`,{className:`mt-2 rounded border p-2 text-xs`,children:[(0,$.jsxs)(`p`,{children:[t.owner,`: `,t.state]}),(0,$.jsx)(`p`,{children:t.error?.message}),t.outcomes.map(e=>(0,$.jsxs)(`p`,{children:[e.backend,`:`,e.key,` — `,e.state]},`${e.backend}:${e.key}`)),t.state===`blocked`&&(0,$.jsx)(Z,{size:`sm`,variant:`outline`,onClick:()=>{hT(e,t.id).then(o).catch(e=>m(e,`Retry failed`))},children:`Retry`})]},t.id)),a&&(0,$.jsx)(`p`,{role:`alert`,className:`mt-2 text-xs text-destructive`,children:a})]}),i&&!t.length&&(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Loading…`}),!i&&!t.length&&(0,$.jsxs)(`section`,{className:`rounded-lg border border-dashed p-6 text-center`,children:[(0,$.jsx)(dr,{className:`mx-auto h-6 w-6 text-muted-foreground`}),(0,$.jsx)(`p`,{className:`mt-2 text-sm`,children:`No storage policies yet.`}),(0,$.jsxs)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:[`Right-click a folder in the context or directory tree and choose `,(0,$.jsx)(`span`,{className:`font-medium text-foreground`,children:`Storage policy…`}),` to mirror it to a backend.`]})]}),t.map(e=>{let t=u===e.id;return(0,$.jsxs)(`section`,{className:`rounded-lg border p-4 ${e.enabled?``:`opacity-70`}`,children:[(0,$.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,$.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,$.jsx)(`h3`,{className:`break-all font-mono text-sm font-semibold`,children:e.path}),e.recursive&&(0,$.jsx)(kT,{children:`subfolders`}),(0,$.jsx)(kT,{children:AT(e)}),!e.enabled&&(0,$.jsx)(kT,{children:`disabled`})]}),e.description&&(0,$.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:e.description}),(0,$.jsx)(`ul`,{className:`mt-2 space-y-1`,children:e.targets.map((e,t)=>(0,$.jsxs)(`li`,{className:`flex flex-wrap items-center gap-2 text-xs`,children:[(0,$.jsx)(`span`,{className:`font-mono`,children:sT(e)}),e.recursive&&(0,$.jsx)(kT,{children:`sub-path`}),e.recreateDirectories&&(0,$.jsx)(kT,{children:`folders`}),e.key&&(0,$.jsx)(kT,{title:e.key,children:`named`}),e.onConflict&&e.onConflict!==`error`&&(0,$.jsx)(kT,{children:e.onConflict})]},`${e.backend}:${t}`))}),t&&f&&(0,$.jsx)(`p`,{role:`status`,className:`mt-2 text-xs text-muted-foreground`,children:f})]}),(0,$.jsx)(OT,{checked:e.enabled,disabled:t,onClick:()=>h(e),label:e.enabled?`Disable policy`:`Enable policy`})]}),(0,$.jsxs)(`div`,{className:`mt-3 flex flex-wrap items-center gap-2`,children:[(0,$.jsxs)(Z,{variant:`outline`,size:`sm`,disabled:t,onClick:()=>l(e),children:[(0,$.jsx)(gr,{className:`mr-1 h-3.5 w-3.5`}),`Edit`]}),(0,$.jsxs)(Z,{variant:`outline`,size:`sm`,disabled:t||!e.enabled,onClick:()=>_(e),children:[(0,$.jsx)(xr,{className:`mr-1 h-3.5 w-3.5`}),`Apply to existing`]}),(0,$.jsxs)(Z,{variant:`ghost`,size:`sm`,onClick:()=>{o()},children:[(0,$.jsx)(Mi,{className:`mr-1 h-3.5 w-3.5`}),`Refresh status`]}),(0,$.jsxs)(Z,{variant:`ghost`,size:`sm`,disabled:t,className:`text-destructive`,onClick:()=>g(e),children:[(0,$.jsx)(Xr,{className:`mr-1 h-3.5 w-3.5`}),`Delete`]})]})]},e.id)}),c&&(0,$.jsx)(vT,{workspaceId:e,path:c.path,policy:c,onClose:()=>l(null),onSaved:()=>{ET(e),o()}})]})}var MT=e=>`${Xa.workspaces}/${encodeURIComponent(e)}`;async function NT(e){return await X.get(`${MT(e)}/mirrors`)||[]}async function PT(e,t){await X.delete(`${MT(e)}/mirrors/${encodeURIComponent(t)}`)}async function FT(e,t=10){return X.get(`${MT(e)}/mirrors/protection?sample=${t}`)}async function IT(e,t,n){return(await X.patch(`${MT(e)}/mirrors/${encodeURIComponent(t)}`,n)).replica}async function LT(e){return await X.get(`${MT(e)}/sync/conflicts`)||[]}async function RT(e,t,n){return X.post(`${MT(e)}/sync/conflicts/${t}/resolve`,{keep:n})}var zT=e=>{if(e==null||e===``)return`—`;let t=new Date(e);return Number.isNaN(t.getTime())?`—`:t.toLocaleString(void 0,{dateStyle:`medium`,timeStyle:`short`})},BT=e=>e==null?`—`:e<1024?`${e} B`:e<1048576?`${(e/1024).toFixed(1)} KB`:e<1073741824?`${(e/1024/1024).toFixed(1)} MB`:`${(e/1024/1024/1024).toFixed(2)} GB`,VT=e=>e?e.slice(0,12):`—`;function HT({mirror:e,now:t,busy:n,onForget:r,onRequired:i}){let a=e.mirror,o=!e.lastSeen||t-new Date(e.lastSeen).getTime()>6e5,s=e.replica?.role===`cache`||a.client===`fuse`,c=e.replica?.required===!0,l=a.direction||(a.client===`fuse`?`bi`:void 0);return(0,$.jsx)(`div`,{className:`rounded-lg border p-3`,children:(0,$.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,$.jsxs)(`div`,{className:`flex items-start gap-3 min-w-0`,children:[(0,$.jsx)(pi,{className:`h-4 w-4 text-muted-foreground mt-0.5 shrink-0`}),(0,$.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,$.jsx)(`span`,{className:`text-sm font-medium`,children:e.name||e.deviceId}),a.client&&(0,$.jsx)(`span`,{className:`rounded bg-muted px-1.5 py-0.5 text-[10px] font-mono uppercase`,children:a.client}),l&&(0,$.jsx)(`span`,{className:`rounded bg-muted px-1.5 py-0.5 text-[10px] font-mono`,title:l===`pull`?`Backup target: the hub is the only writer`:l===`push`?`One-shot import: local is the only writer`:`Both ways`,children:l===`pull`?`⇣ pull`:l===`push`?`⇡ push`:`⇅ bi`}),c&&(0,$.jsx)(`span`,{className:`rounded bg-emerald-500/15 px-1.5 py-0.5 text-[10px] font-mono text-emerald-700 dark:text-emerald-300`,title:`Counts toward protection`,children:`required`}),(0,$.jsx)(`span`,{className:`rounded px-1.5 py-0.5 text-[10px] font-mono ${o?`bg-muted text-muted-foreground`:`bg-emerald-500/15 text-emerald-700 dark:text-emerald-300`}`,children:a.state||(o?`offline`:`online`)})]}),a.path&&(0,$.jsx)(`p`,{className:`mt-0.5 text-[11px] font-mono text-muted-foreground truncate`,children:a.path}),(0,$.jsxs)(`div`,{className:`mt-2 flex flex-wrap gap-x-4 gap-y-0.5 text-[11px] text-muted-foreground`,children:[(0,$.jsxs)(`span`,{title:`Change-log entries the device has not applied yet`,children:[`lag `,e.lag??`—`]}),(0,$.jsxs)(`span`,{title:`Local changes waiting to be pushed`,children:[`pending `,a.pending??0]}),(a.failed??0)>0&&(0,$.jsxs)(`span`,{className:`text-destructive`,children:[`failed `,a.failed]}),(a.conflicts??0)>0&&(0,$.jsxs)(`span`,{className:`text-amber-600 dark:text-amber-400`,children:[`conflicts `,a.conflicts]}),(a.skipped??0)>0&&(0,$.jsxs)(`span`,{children:[`skipped `,a.skipped]}),(a.reverted??0)>0&&(0,$.jsxs)(`span`,{title:`Local edits parked in .workspace/conflicts and replaced by the hub version`,children:[`reverted `,a.reverted]}),e.behind!=null&&(0,$.jsxs)(`span`,{title:`Documents whose current version this device does not hold yet`,className:e.behind>0&&c?`text-amber-600 dark:text-amber-400`:``,children:[`behind `,e.behind]}),(0,$.jsxs)(`span`,{children:[`last sync `,zT(a.lastSync)]}),(0,$.jsxs)(`span`,{children:[`seen `,zT(e.lastSeen)]}),a.prefixes&&a.prefixes.length>0&&(0,$.jsx)(`span`,{className:`font-mono`,children:a.prefixes.join(`, `)})]}),a.lastError&&(0,$.jsx)(`p`,{className:`mt-1 text-[11px] text-destructive`,children:a.lastError}),(0,$.jsxs)(`label`,{className:`mt-2 flex items-center gap-2 text-[11px] ${s?`text-muted-foreground`:``}`,title:s?`A cache never counts toward protection`:`A document is protected once every required replica holds its current version`,children:[(0,$.jsx)(`input`,{type:`checkbox`,className:`h-3 w-3`,checked:c,disabled:n||s,onChange:e=>i(e.target.checked)}),`required for protection`]})]})]}),(0,$.jsx)(Z,{type:`button`,variant:`ghost`,size:`sm`,onClick:r,disabled:n,title:`Forget this mirror record (the device is not revoked)`,children:(0,$.jsx)(Xr,{className:`h-3.5 w-3.5`})})]})})}function UT({p:e}){let t=e.required.length===0,n=e.unprotected??0,r=t||n>0?Ai:xi,i=t?`text-muted-foreground`:n>0?`text-amber-600 dark:text-amber-400`:`text-emerald-700 dark:text-emerald-300`;return(0,$.jsx)(`div`,{className:`rounded-lg border p-3`,children:(0,$.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,$.jsx)(r,{className:`h-4 w-4 mt-0.5 shrink-0 ${i}`}),(0,$.jsxs)(`div`,{className:`min-w-0 flex-1 text-[11px]`,children:[t?(0,$.jsxs)(`p`,{className:`text-sm`,children:[`No replica is marked `,(0,$.jsx)(`span`,{className:`font-medium`,children:`required`}),` yet — nothing is counted as protected. Tick it on the device that must hold every document (the backup).`]}):(0,$.jsxs)(`p`,{className:`text-sm`,children:[(0,$.jsxs)(`span`,{className:`font-medium ${i}`,children:[e.protected??0,` of `,e.total-e.unversioned]}),` documents are held at their current version by every required replica`,n>0&&(0,$.jsxs)(`span`,{className:i,children:[` · `,n,` not yet`]}),e.partial&&(0,$.jsxs)(`span`,{className:`text-muted-foreground`,children:[` (first `,e.total,` checked)`]})]}),e.oldestUnprotected.length>0&&(0,$.jsxs)(`ul`,{className:`mt-1 space-y-0.5 font-mono text-muted-foreground`,children:[e.oldestUnprotected.slice(0,5).map(e=>(0,$.jsxs)(`li`,{className:`truncate`,title:`document ${e.docId} v${e.version}`,children:[e.key,` `,(0,$.jsxs)(`span`,{className:`opacity-70`,children:[`· `,zT(e.mtime)]})]},`${e.docId}:${e.key}`)),e.oldestUnprotected.length>5&&(0,$.jsxs)(`li`,{children:[`… and `,e.oldestUnprotected.length-5,` more`]})]})]})]})})}function WT({conflict:e,busy:t,onResolve:n}){let r=!e.hub;return(0,$.jsxs)(`div`,{className:`rounded-lg border p-3 space-y-2`,children:[(0,$.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,$.jsx)(or,{className:`h-4 w-4 text-amber-500 mt-0.5 shrink-0`}),(0,$.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,$.jsx)(`p`,{className:`text-sm font-medium font-mono break-all`,children:e.key}),(0,$.jsxs)(`p`,{className:`text-[11px] text-muted-foreground`,children:[`from `,(0,$.jsx)(`span`,{className:`font-medium`,children:e.deviceName||e.device||`unknown device`}),` · `,zT(e.ts),e.mode===`rename`&&e.conflictKey&&(0,$.jsxs)($.Fragment,{children:[` · already on disk as `,(0,$.jsx)(`span`,{className:`font-mono`,children:e.conflictKey})]})]})]})]}),(0,$.jsxs)(`div`,{className:`grid grid-cols-1 gap-2 text-[11px] sm:grid-cols-2`,children:[(0,$.jsxs)(`div`,{className:`rounded border border-dashed p-2`,children:[(0,$.jsx)(`div`,{className:`text-muted-foreground`,children:`Hub version (keeps the name)`}),e.hub?(0,$.jsxs)(`div`,{className:`font-mono`,children:[VT(e.hub.sha256),` · `,BT(e.hub.size),` · `,zT(e.hub.mtime)]}):(0,$.jsx)(`div`,{className:`italic text-muted-foreground`,children:`no file at this key any more`})]}),(0,$.jsxs)(`div`,{className:`rounded border border-dashed p-2`,children:[(0,$.jsx)(`div`,{className:`text-muted-foreground`,children:`Incoming version (the device’s)`}),(0,$.jsxs)(`div`,{className:`font-mono`,children:[VT(e.incoming.sha256),` · `,BT(e.incoming.size),` · `,zT(e.incoming.mtime)]})]})]}),e.resolvable?(0,$.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,$.jsx)(Z,{type:`button`,variant:`outline`,size:`sm`,disabled:t||r,onClick:()=>n(`hub`),title:`Discard the device's version`,children:`Keep hub`}),(0,$.jsx)(Z,{type:`button`,variant:`outline`,size:`sm`,disabled:t,onClick:()=>n(`incoming`),title:`The device's bytes replace the hub's; tags, relations and placements move over`,children:`Keep incoming`}),(0,$.jsx)(Z,{type:`button`,variant:`outline`,size:`sm`,disabled:t,onClick:()=>n(`both`),title:`Keep the hub file and add the device's version under a conflict name`,children:`Keep both`})]}):(0,$.jsx)(`p`,{className:`text-[11px] text-muted-foreground`,children:`Dropbox-style conflict copy: both files are on disk, delete the one you do not need.`})]})}function GT({workspaceId:e,workspaceUuid:t}){let{showToast:n}=vo(),[r,i]=(0,Q.useState)([]),[a,o]=(0,Q.useState)([]),[s,c]=(0,Q.useState)(null),[l,u]=(0,Q.useState)(!1),[d,f]=(0,Q.useState)(null),[p,m]=(0,Q.useState)(0),h=(0,Q.useRef)(null),g=(0,Q.useCallback)(async(t=!1)=>{if(e){t||u(!0);try{let[t,n,r]=await Promise.all([NT(e),LT(e),FT(e).catch(()=>null)]);i(t),o(n),c(r),m(Date.now())}catch(e){t||n({title:`Error`,description:e instanceof Error?e.message:`Failed to load sync state`,variant:`destructive`})}finally{t||u(!1)}}},[e]);(0,Q.useEffect)(()=>{g()},[g]),(0,Q.useEffect)(()=>{if(!t)return;let e=`workspace:${t}`,n=()=>L.emit(`subscribe`,{channel:e}),r=L.on(`connect`,n);n();let i=e=>{let n=e;n?.workspaceId&&n.workspaceId!==t||(h.current&&clearTimeout(h.current),h.current=setTimeout(()=>{h.current=null,g(!0)},800))},a=[`backend.changed`,`sync.conflict.created`,`sync.conflict.resolved`].map(e=>L.on(e,i));return()=>{r(),a.forEach(e=>e()),L.emit(`unsubscribe`,{channel:e}),h.current&&=(clearTimeout(h.current),null)}},[t,g]);let _=async t=>{f(`mirror:${t}`);try{await PT(e,t),i(e=>e.filter(e=>e.deviceId!==t)),n({title:`Forgotten`,description:`Mirror record removed. The device keeps running and will report again if it still syncs this workspace.`})}catch(e){n({title:`Error`,description:e instanceof Error?e.message:`Failed to forget mirror`,variant:`destructive`})}finally{f(null)}},v=async(t,r)=>{f(`mirror:${t}`);try{let n=await IT(e,t,{required:r});i(e=>e.map(e=>e.deviceId===t?{...e,replica:{role:n.role,required:n.required}}:e)),c(await FT(e).catch(()=>null))}catch(e){n({title:`Error`,description:e instanceof Error?e.message:`Failed to update replica policy`,variant:`destructive`})}finally{f(null)}},y=async(t,r)=>{f(`conflict:${t.docId}`);try{let i=await RT(e,t.docId,r);o(e=>e.filter(e=>e.docId!==t.docId));let a=r===`hub`?`kept the hub version`:r===`incoming`?`the device version now holds the name`:`kept both (${i.resultKey||`conflict copy`})`;n({title:`Resolved`,description:`${t.key}: ${a}`})}catch(e){n({title:`Error`,description:e instanceof Error?e.message:`Failed to resolve conflict`,variant:`destructive`})}finally{f(null)}};return(0,$.jsxs)(`div`,{className:`space-y-6`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`h2`,{className:`text-sm font-semibold`,children:`Device mirrors`}),(0,$.jsxs)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:[`Devices keeping this workspace’s files in sync (canvas-fuse `,(0,$.jsx)(`span`,{className:`font-mono`,children:`--mirror`}),`, canvas-edge). Lag counts change-log entries the device has not applied yet.`]})]}),(0,$.jsxs)(Z,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>g(),disabled:l,children:[(0,$.jsx)(qn,{className:`mr-2 h-3.5 w-3.5 ${l?`animate-spin`:``}`}),`Refresh`]})]}),l&&r.length===0&&a.length===0?(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-sm text-muted-foreground`,children:[(0,$.jsx)(qn,{className:`h-4 w-4 animate-spin`}),`Loading…`]}):r.length===0?(0,$.jsxs)(`div`,{className:`rounded-lg border border-dashed p-4 text-xs text-muted-foreground`,children:[`No device mirrors this workspace yet. Mount it with `,(0,$.jsx)(`span`,{className:`font-mono`,children:`canvas-fuse mount -w <workspace> ~/Workspaces --mirror`}),` on a device and it shows up here.`]}):(0,$.jsxs)(`div`,{className:`space-y-2`,children:[s&&(0,$.jsx)(UT,{p:s}),r.map(e=>(0,$.jsx)(HT,{mirror:e,now:p,busy:d===`mirror:${e.deviceId}`,onForget:()=>_(e.deviceId),onRequired:t=>v(e.deviceId,t)},e.deviceId))]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`h2`,{className:`text-sm font-semibold`,children:`Conflicts`}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:`A device and the hub both changed the same file. The hub’s version keeps the filename; decide what happens to the device’s. Tags, relations and placements follow whichever version survives.`})]}),a.length===0?(0,$.jsx)(`div`,{className:`rounded-lg border border-dashed p-4 text-xs text-muted-foreground`,children:`Nothing to resolve.`}):(0,$.jsx)(`div`,{className:`space-y-2`,children:a.map(e=>(0,$.jsx)(WT,{conflict:e,busy:d===`conflict:${e.docId}`,onResolve:t=>y(e,t)},e.docId))})]})}function KT({workspaceId:e,address:t,selectedChats:n=[],onSaved:r}){let[i,a]=(0,Q.useState)(n),[o,s]=(0,Q.useState)(!1),[c,l]=(0,Q.useState)(!1),[u,d]=(0,Q.useState)(null),[f,p]=(0,Q.useState)(``);return(0,Q.useEffect)(()=>{if(!c)return;let n=!1,r,i=async()=>{try{let r=await ze(e,t);n||(d(r),p(``))}catch(e){n||p(e instanceof Error?e.message:`Connection unavailable`)}n||(r=setTimeout(()=>void i(),3e3))};return i(),()=>{n=!0,clearTimeout(r)}},[e,t,c]),(0,$.jsxs)(`div`,{className:`mb-2`,children:[(0,$.jsx)(Z,{size:`sm`,variant:`outline`,onClick:()=>{c||a(n),l(!c)},children:c?`Close connection panel`:`Pair / connection status`}),c&&(0,$.jsxs)(`div`,{className:`space-y-2 p-2 text-xs`,children:[(0,$.jsx)(`p`,{children:f||u?.state||`Connecting…`}),(0,$.jsx)(Z,{size:`sm`,variant:`outline`,onClick:()=>{window.confirm(`Forget the current session and pair this account again?`)&&R(e,t).catch(e=>p(e.message))},children:`Pair again`}),u?.qr&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`p`,{children:`WhatsApp → Settings → Linked devices → Link a device.`}),(0,$.jsx)(`img`,{className:`max-w-full`,src:u.qr,width:256,height:256,alt:`WhatsApp device pairing QR code`})]}),u?.chats.length?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`p`,{children:`Select conversations to synchronize into this workspace.`}),(0,$.jsx)(`div`,{className:`max-h-48 overflow-auto`,children:u.chats.map(e=>(0,$.jsxs)(`label`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`input`,{type:`checkbox`,disabled:o,checked:i.includes(e.id),onChange:t=>a(n=>t.target.checked?[...n,e.id]:n.filter(t=>t!==e.id))}),e.name,` · `,(0,$.jsx)(`code`,{children:e.id})]},e.id))}),(0,$.jsx)(Z,{size:`sm`,disabled:o,onClick:async()=>{s(!0),p(``);try{await ms(e,`whatsapp`,t,{chats:i}),await r?.()}catch(e){p(e instanceof Error?e.message:`Could not save conversations`)}finally{s(!1)}},children:o?`Saving…`:`Save conversations and sync`}),!i.length&&(0,$.jsx)(`p`,{children:`No conversations selected; messages will not be synchronized.`})]}):null]})]})}async function qT(){return(await X.get(`/oauth/google/redirect-uri`)).redirectUri}async function JT(e){let t=window.open(`about:blank`,`canvas-google-oauth`,`popup=yes,width=540,height=720`),n;try{n=await X.post(`/oauth/google/start`,e)}catch(e){throw t?.close(),e}if(!t)throw Error(`Popup blocked — allow popups for this site and try again`);t.location.href=n.url;let r=new URL(po,window.location.origin).origin;return new Promise((e,i)=>{let a=!1,o=e=>{a||(a=!0,window.removeEventListener(`message`,s),window.clearInterval(c),window.clearTimeout(l),e())},s=t=>{if(t.origin!==r)return;let a=t.data;!a||a.type!==`canvas:oauth`||a.provider!==`google`||a.state!==n.state||(a.ok&&a.refreshToken?o(()=>e({refreshToken:a.refreshToken,account:a.account})):o(()=>i(Error(a.error||`Google sign-in failed`))))};window.addEventListener(`message`,s);let c=window.setInterval(()=>{t.closed&&window.setTimeout(()=>o(()=>i(Error(`Sign-in window closed before finishing`))),500)},500),l=window.setTimeout(()=>o(()=>{t.close(),i(Error(`Sign-in timed out`))}),n.expiresInMs||6e5)})}function YT({clientId:e,clientSecret:t,scope:n,onLinked:r,disabled:i}){let[a,o]=(0,Q.useState)(!1),[s,c]=(0,Q.useState)(null),{showToast:l}=vo(),u=e.trim().length>0&&t.trim().length>0;(0,Q.useEffect)(()=>{let e=!1;return qT().then(t=>{e||c(t)}).catch(()=>{}),()=>{e=!0}},[]);let d=async()=>{o(!0);try{let i=await JT({clientId:e.trim(),clientSecret:t.trim(),scope:n});r(i),l({title:`Google account linked`,description:i.account?`Refresh token obtained for ${i.account}`:`Refresh token obtained`})}catch(e){l({title:`Google sign-in failed`,description:e instanceof Error?e.message:String(e),variant:`destructive`})}finally{o(!1)}};return(0,$.jsxs)(`div`,{className:`space-y-1`,children:[(0,$.jsxs)(Z,{type:`button`,variant:`outline`,size:`sm`,disabled:i||a||!u,onClick:()=>{d()},title:u?`Open the Google consent screen and fill in the refresh token`:`Enter the OAuth client id and secret first`,children:[(0,$.jsx)(f,{icon:`mdi:google`,width:14,height:14,className:`mr-2`}),a?`Waiting for Google…`:`Sign in with Google to get a refresh token`]}),s&&(0,$.jsxs)(`p`,{className:`text-[11px] text-muted-foreground/80 break-all`,children:[`Register this redirect URI on the OAuth client (Google Cloud Console → Credentials → your Web application client → Authorized redirect URIs):`,` `,(0,$.jsx)(`code`,{className:`select-all`,children:s})]})]})}var XT={git:{label:`Git repository`,icon:`mdi:git`,blurb:`Create a local repository or clone a remote into the workspace. Branches appear under Backends → Workspace → Git. Use Auto-Link on a branch or folder afterward to file its documents into a virtual tree.`,fields:[{key:`address`,label:`Repository name`,placeholder:`company-ui`,required:!0},{key:`url`,label:`Remote URL`,placeholder:`git@github.com:company/ui.git`,hint:`Leave empty for a local repository. Private repos use the server’s SSH keys or Git credential helper.`},{key:`branches`,label:`Branches to browse (empty means all)`,list:!0,placeholder:`main, jira-1234/myusername-int-qf`}]},github:{label:`GitHub Issues`,icon:`mdi:github`,blurb:`Issues from the listed github.com or GitHub Enterprise repos sync as todos. Token optional for public repos.`,fields:[{key:`address`,label:`Account label`,placeholder:`e.g. canvas-ui`,required:!0},{key:`baseUrl`,label:`GitHub Enterprise URL`,placeholder:`https://ghe.example.com`,hint:`Leave blank for github.com. Works with GitHub Enterprise Server (ghe.example.com) and GHE.com (yourco.ghe.com) — the web address is enough.`},{key:`token`,label:`Personal access token`,hint:`Optional for public repos; required for write-back and @me filters.`,secret:!0},{key:`repos`,label:`Repositories`,placeholder:`owner/repo, one per line`,hint:`owner/repo or the repo’s URL. Issues from each repo sync as todos.`,list:!0,required:!0},{key:`assignee`,label:`Only issues assigned to`,placeholder:`@me, a login, * or none`,hint:`Filters are applied by GitHub and combined with AND. Changing one re-syncs from scratch.`},{key:`creator`,label:`Only issues opened by`,placeholder:`@me or a login`},{key:`mentioned`,label:`Only issues mentioning`,placeholder:`@me or a login`},{key:`labels`,label:`Only issues with all of these labels`,placeholder:`one per line`,list:!0},{key:`openOnly`,label:`Skip closed issues on first import`,hint:`Issues closed later still sync as completed.`,bool:!0},{key:`writeBack`,label:`Manage issues from Canvas`,hint:`Create, edit and close issues. Needs a PAT with repo scope.`,bool:!0},{key:`pruneRemoved`,label:`Remove items deleted at the source`,hint:`After each sync, issues that no longer exist in the repo are dropped from the mirror (kept as location-less orphans until database retention GC; skipped whenever the repo can’t be fully listed).`,bool:!0}]},slack:{label:`Slack`,icon:`mdi:slack`,blurb:`Channel messages sync as message documents. Bot/user token with channels:read + channels:history.`,fields:[{key:`address`,label:`Workspace label`,placeholder:`e.g. acme`,required:!0},{key:`token`,label:`Token (xoxb-… / xoxp-…)`,secret:!0,required:!0},{key:`channels`,label:`Conversations (channel names or IDs; DM IDs need im:read + im:history)`,list:!0},{key:`directMessages`,label:`Include direct messages`,hint:`Requires im:read, im:history, mpim:read and mpim:history.`,bool:!0},{key:`writeBack`,label:`Allow sending from Canvas`,hint:`Token also needs chat:write.`,bool:!0},{key:`allowAgentSend`,label:`Allow agents with workspace write access to send`,bool:!0}]},whatsapp:{label:`WhatsApp (linked device)`,icon:`mdi:whatsapp`,blurb:`Pair your phone with Canvas, then choose conversations. Uses Baileys; separate from WhatsApp Business.`,fields:[{key:`address`,label:`Account label`,placeholder:`personal`,hint:`Any unique label; no phone number required. Keep it unchanged after pairing.`,required:!0},{key:`chats`,label:`Conversation IDs to sync (one per line; available after pairing)`,list:!0},{key:`writeBack`,label:`Allow sending from Canvas`,bool:!0},{key:`allowAgentSend`,label:`Allow agents with workspace write access to send`,bool:!0}]},gcal:{label:`Google Calendar`,icon:`mdi:calendar-month`,blurb:`Events sync as calendar entries (recurring series kept as series). Offline-access OAuth credentials.`,fields:[{key:`address`,label:`Account label`,placeholder:`e.g. me-gmail`,required:!0},{key:`clientId`,label:`OAuth client id`,required:!0},{key:`clientSecret`,label:`OAuth client secret`,secret:!0,required:!0},{key:`refreshToken`,label:`Refresh token`,secret:!0,required:!0,oauth:`google`,oauthScope:`calendar.readonly`},{key:`calendars`,label:`Calendar ids (empty = primary)`,list:!0}]},caldav:{label:`CalDAV`,icon:`mdi:calendar-sync`,blurb:`Any CalDAV endpoint (GroupOffice, Nextcloud, Radicale, SOGo…). Read-only by default; enable write-back to create events from Canvas.`,fields:[{key:`address`,label:`Account label`,placeholder:`e.g. groupoffice`,required:!0},{key:`url`,label:`CalDAV URL (calendar home or one calendar)`,placeholder:`https://host/caldav/user`,required:!0},{key:`username`,label:`Username`},{key:`password`,label:`Password`,secret:!0},{key:`calendars`,label:`Calendars (names, empty = all)`,list:!0},{key:`writeBack`,label:`Create events from Canvas`,hint:`Write-back into the CalDAV calendar.`,bool:!0}]},teams:{label:`MS Teams`,icon:`mdi:microsoft-teams`,blurb:`Channel messages via Microsoft Graph (app-only credentials, admin-consented ChannelMessage.Read.All).`,fields:[{key:`address`,label:`Tenant label`,placeholder:`e.g. corp`,required:!0},{key:`tenantId`,label:`Tenant id`,required:!0},{key:`clientId`,label:`Client id`,required:!0},{key:`clientSecret`,label:`Client secret`,secret:!0,required:!0},{key:`teams`,label:`Team ids (one per line)`,list:!0,required:!0}]}};function ZT(e){return e.split(/[\n,]/).map(e=>e.trim()).filter(Boolean)}function QT({workspaceId:e}){let{showToast:t}=vo(),[n,r]=(0,Q.useState)([]),[i,a]=(0,Q.useState)(null),[o,s]=(0,Q.useState)(null),[c,l]=(0,Q.useState)({}),[u,d]=(0,Q.useState)(!1),[p,m]=(0,Q.useState)(!1),h=(0,Q.useCallback)(async()=>{let t=await Fs(e).catch(()=>[]);r(t.filter(e=>e.kind===`connector`))},[e]),g=async()=>{m(!0);try{await h()}finally{m(!1)}};(0,Q.useEffect)(()=>{let t=!1;return Fs(e).then(e=>{t||r(e.filter(e=>e.kind===`connector`))}).catch(()=>{}),()=>{t=!0}},[e]);let _=n.some(e=>e.status===`syncing`);(0,Q.useEffect)(()=>{if(!_)return;let e=setInterval(()=>{h()},4e3);return()=>clearInterval(e)},[_,h]);let v=e=>{let t=XT[e.driver];if(!t)return;let n=e.config||{},r={};for(let i of t.fields){if(i.key===`address`){r.address=e.address;continue}if(i.secret)continue;if(i.key===`writeBack`){r.writeBack=n.readOnly===!1&&(![`slack`,`whatsapp`].includes(e.driver)||n.sendEnabled===!0)?`true`:``;continue}let t=n[i.key];if(i.list){r[i.key]=Array.isArray(t)?t.join(`
|
|
25
|
-
`):``;continue}t!=null&&(r[i.key]=String(t))}l(r),a(e.driver),s(e)},y=()=>{a(null),s(null),l({})},b=async()=>{if(!i)return;let n=XT[i],r={};for(let e of n.fields){let n=(c[e.key]||``).trim();if(!n){if(e.required&&!(o&&e.secret)){t({title:`${e.label} is required`,variant:`destructive`});return}o&&!e.secret&&(r[e.key]=e.list?[]:!e.bool&&``);continue}r[e.key]=e.list?ZT(n):e.bool?n===`true`:n}n.fields.some(e=>e.key===`writeBack`)&&([`slack`,`whatsapp`].includes(i)&&(r.sendEnabled=r.writeBack===!0),r.readOnly=r.writeBack!==!0,delete r.writeBack),i===`git`&&(r.enabled=!0),d(!0);try{o?await ms(e,o.driver,o.address,r):await Js(e,i,r),y(),await h(),t({title:o?`Connector updated; sync restarted`:`Connector saved; first sync started`})}catch(e){t({title:`Failed to save connector`,description:e instanceof Error?e.message:String(e),variant:`destructive`})}finally{d(!1)}},x=async n=>{try{n.driver===`git`&&n.enabled===!1?await ms(e,n.driver,n.address,{enabled:!0}):await Ks(e,n.driver,n.address),t({title:`Syncing ${n.driver}/${n.address}`}),setTimeout(()=>{h()},1500)}catch(e){t({title:`Sync failed`,description:e instanceof Error?e.message:String(e),variant:`destructive`})}},S=async n=>{let r=n.driver===`git`?`Stop syncing ${n.address}? Its checkout and existing tree documents will stay available.`:`Remove ${n.driver}/${n.address}? Synced documents stay in the backends tree until purged.`;if(window.confirm(r))try{await mc(e,n.driver,n.address),await h()}catch(e){t({title:`Remove failed`,description:e instanceof Error?e.message:String(e),variant:`destructive`})}};return(0,$.jsxs)(`section`,{className:`rounded-lg border p-4`,children:[(0,$.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`h2`,{className:`text-sm font-semibold`,children:`Connectors`}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:`Git repositories, GitHub issues, Slack, Google Calendar, CalDAV and MS Teams, polled into the backends tree (read-only unless write-back is enabled).`})]}),(0,$.jsx)(Z,{type:`button`,variant:`outline`,size:`sm`,disabled:p,onClick:()=>{g()},title:`Refresh`,children:(0,$.jsx)(qn,{className:`h-3.5 w-3.5 ${p?`animate-spin`:``}`})})]}),n.length>0&&(0,$.jsx)(`div`,{className:`mt-3 space-y-2`,children:n.map(t=>{let n=XT[t.driver];return(0,$.jsxs)(`div`,{className:`rounded-md border p-3`,children:[t.driver===`whatsapp`&&(0,$.jsx)(KT,{workspaceId:e,address:t.address,selectedChats:Array.isArray(t.config?.chats)?t.config.chats:[],onSaved:h}),(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,$.jsx)(f,{icon:n?.icon||`mdi:cloud-sync`,width:16,height:16,className:`shrink-0`}),(0,$.jsx)(`span`,{className:`text-sm font-medium`,children:n?.label||t.driver}),(0,$.jsx)(`span`,{className:`font-mono text-xs text-muted-foreground`,children:t.address}),(0,$.jsx)(`span`,{className:`flex-1`}),(0,$.jsxs)(Z,{type:`button`,variant:`outline`,size:`sm`,disabled:t.status===`syncing`,onClick:()=>{x(t)},children:[(0,$.jsx)(qn,{className:`mr-1 h-3 w-3 ${t.status===`syncing`?`animate-spin`:``}`}),t.status===`syncing`?`Syncing`:t.driver===`git`&&t.enabled===!1?`Resume sync`:`Sync now`]}),(0,$.jsx)(Z,{type:`button`,variant:`ghost`,size:`sm`,onClick:()=>v(t),title:`Edit connector`,children:(0,$.jsx)(gr,{className:`h-3.5 w-3.5`})}),(0,$.jsx)(Z,{type:`button`,variant:`ghost`,size:`sm`,onClick:()=>{S(t)},disabled:t.driver===`git`&&t.enabled===!1,title:t.driver===`git`?`Stop syncing`:`Remove connector`,children:(0,$.jsx)(Xr,{className:`h-3.5 w-3.5 text-destructive`})})]}),(0,$.jsxs)(`div`,{className:`mt-1.5 flex flex-wrap gap-2 text-[11px] text-muted-foreground`,children:[(0,$.jsxs)(`span`,{children:[`status: `,t.status]}),t.lastSyncAt&&(0,$.jsxs)(`span`,{children:[`last sync: `,new Date(t.lastSyncAt).toLocaleString()]}),t.treePath&&(0,$.jsx)(`span`,{className:`font-mono`,children:t.treePath})]}),t.lastError&&(0,$.jsx)(`p`,{className:`mt-1 text-[11px] text-destructive`,children:t.lastError})]},`${t.driver}:${t.address}`)})}),i?(0,$.jsxs)(`div`,{className:`mt-3 rounded-md border p-3`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(f,{icon:XT[i].icon,width:16,height:16}),(0,$.jsx)(`span`,{className:`text-sm font-medium`,children:o?`Edit ${XT[i].label}`:XT[i].label}),o&&(0,$.jsx)(`span`,{className:`font-mono text-xs text-muted-foreground`,children:o.address}),(0,$.jsx)(`span`,{className:`flex-1`}),(0,$.jsx)(`button`,{type:`button`,onClick:y,className:`p-1 text-muted-foreground hover:text-foreground`,"aria-label":`Cancel`,children:(0,$.jsx)(mr,{className:`h-3.5 w-3.5`})})]}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:XT[i].blurb}),(0,$.jsx)(`div`,{className:`mt-2 grid gap-2 sm:grid-cols-2`,children:XT[i].fields.map(e=>(0,$.jsxs)(`label`,{className:`text-xs ${e.list||e.bool?`sm:col-span-2`:``}`,children:[!e.bool&&(0,$.jsx)(`span`,{className:`text-muted-foreground`,children:e.label}),e.bool?(0,$.jsxs)(`span`,{className:`mt-1 flex items-center gap-2`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:c[e.key]===`true`,onChange:t=>l(n=>({...n,[e.key]:t.target.checked?`true`:``})),className:`h-4 w-4 accent-primary`}),(0,$.jsx)(`span`,{children:e.label})]}):e.list?(0,$.jsx)(`textarea`,{value:c[e.key]||``,onChange:t=>l(n=>({...n,[e.key]:t.target.value})),placeholder:e.placeholder,rows:2,className:`mt-1 w-full rounded-md border border-input bg-background px-2 py-1.5 text-xs placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring`}):(0,$.jsx)(Y,{type:e.secret?`password`:`text`,value:c[e.key]||``,disabled:!!o&&e.key===`address`,onChange:t=>l(n=>({...n,[e.key]:t.target.value})),placeholder:o&&e.secret?`Leave blank to keep current`:e.placeholder,autoComplete:`off`,className:`mt-1 h-8 text-xs`}),e.hint&&(0,$.jsx)(`span`,{className:`mt-0.5 block text-[11px] text-muted-foreground/80`,children:e.hint}),e.oauth===`google`&&(0,$.jsx)(`span`,{className:`mt-1.5 block`,children:(0,$.jsx)(YT,{clientId:c.clientId||``,clientSecret:c.clientSecret||``,scope:e.oauthScope||`calendar.readonly`,disabled:u,onLinked:({refreshToken:t,account:n})=>l(r=>({...r,[e.key]:t,address:(r.address||``).trim()||(n?n.replace(/[^a-z0-9]+/gi,`-`).replace(/^-|-$/g,``).toLowerCase():``)}))})})]},e.key))}),(0,$.jsx)(Z,{type:`button`,size:`sm`,className:`mt-3`,disabled:u,onClick:()=>{b()},children:u?`Saving…`:o?`Save changes & sync`:`Save & sync`})]}):(0,$.jsx)(`div`,{className:`mt-3 flex flex-wrap gap-2`,children:Object.entries(XT).map(([e,t])=>(0,$.jsxs)(Z,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>{a(e),l({})},children:[(0,$.jsx)(Wi,{className:`mr-1 h-3 w-3`}),(0,$.jsx)(f,{icon:t.icon,width:14,height:14,className:`mr-1`}),t.label]},e))})]})}var $T={host:``,port:993,tls:!0,allowSelfSigned:!0,user:``,password:``,pollInterval:6e4,initialSyncDays:180,smtp:{enabled:!1,host:``,port:587,secure:!1,user:``,password:``,from:``,sentFolder:`Sent`,appendSent:!1,allowAgentSend:!1}};function eE(e){let t=e.config||{};return{host:String(t.host||``),port:Number(t.port??993),tls:t.tls!==!1,allowSelfSigned:t.allowSelfSigned!==!1,user:String(t.user||e.address),password:``,pollInterval:Number(t.pollInterval??6e4),initialSyncDays:Number(t.initialSyncDays??180),smtp:{...$T.smtp,...t.smtp||{},password:``}}}function tE(e,t,n,r){let{password:i,...a}=e.smtp;return{host:e.host.trim(),user:e.user.trim(),port:Number(e.port)||993,tls:e.tls,allowSelfSigned:e.allowSelfSigned,pollInterval:Number(e.pollInterval)||6e4,initialSyncDays:Math.max(0,Number(e.initialSyncDays)||0),smtp:{...a,...(!t||r)&&i?{password:i}:{}},...(!t||n)&&e.password?{password:e.password}:{}}}function nE({workspaceId:e,enabled:t}){let[n,r]=(0,Q.useState)([]),[i,a]=(0,Q.useState)([]);(0,Q.useEffect)(()=>{let t=!0;return Fs(e).then(e=>{t&&a(e.filter(e=>e.kind===`storage`))}).catch(()=>{}),()=>{t=!1}},[e]);let[o,s]=(0,Q.useState)(null),[c,l]=(0,Q.useState)(null),[u,d]=(0,Q.useState)(!1),[f,p]=(0,Q.useState)($T),[m,h]=(0,Q.useState)(!1),[g,_]=(0,Q.useState)(!1),[v,y]=(0,Q.useState)(!1),b=(0,Q.useRef)(0),[x,S]=(0,Q.useState)([]),[C,w]=(0,Q.useState)([`INBOX`]),[T,E]=(0,Q.useState)(!0),[D,O]=(0,Q.useState)(!1),[k,A]=(0,Q.useState)(!1),[j,M]=(0,Q.useState)(null),{showToast:N,showProgress:P}=vo(),ee=(0,Q.useMemo)(()=>[...n].sort((e,t)=>e.address.localeCompare(t.address)),[n]),F=(0,Q.useMemo)(()=>n.find(e=>e.address===c)||null,[n,c]),I=(0,Q.useCallback)(()=>Fs(e,`imap`).then(e=>r(e)).catch(e=>{N({title:`Error`,description:e instanceof Error?e.message:`Failed to load IMAP accounts`,variant:`destructive`})}).finally(()=>E(!1)),[e,N]),te=(0,Q.useCallback)(async()=>{E(!0),await I()},[I]),[L,R]=(0,Q.useState)(e);e!==L&&(R(e),E(!0),l(null),d(!1),p($T),S([]),w([`INBOX`]),y(!1),h(!1),_(!1)),(0,Q.useEffect)(()=>{I()},[I]),(0,Q.useEffect)(()=>()=>{b.current++},[e]);let ne=(0,Q.useCallback)(async(t,n)=>{let r=++b.current;O(!0);try{let i=t?await Ic(e,`imap`,t.address):await Qo(e,`imap`,{host:(n?.host||``).trim(),port:Number(n?.port)||993,tls:n?.tls!==!1,allowSelfSigned:n?.allowSelfSigned!==!1,user:(n?.user||``).trim(),password:n?.password||``,folder:`INBOX`});r===b.current&&S(i.filter(e=>e.selectable))}catch(e){r===b.current&&N({title:`IMAP Error`,description:e instanceof Error?e.message:`Failed to discover folders`,variant:`destructive`})}finally{r===b.current&&O(!1)}},[e,N]),z=()=>{b.current++,O(!1),d(!1),l(null),p($T),S([]),w([`INBOX`]),h(!1),_(!1),y(!1)},ie=e=>{if(!k){if(c===e.address){z();return}b.current++,O(!1),d(!1),l(e.address),p(eE(e)),S([]),w((e.containers||[]).map(e=>e.name)),h(!1),_(!1),y(!1)}},ae=()=>{z(),d(!0)},oe=(e,t)=>{y(!0),p(n=>({...n,[e]:t}))},se=e=>{y(!0),w(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])},B=(0,Q.useMemo)(()=>{let e=new Map(x.map(e=>[e.path,e]));for(let t of C)e.has(t)||e.set(t,{name:t,path:t,delimiter:`/`,selectable:!0,attributes:[]});return[...e.values()].sort((e,t)=>e.path.localeCompare(t.path))},[x,C]),V=async()=>{A(!0);try{let t=C.length?C:[`INBOX`],n=tE(f,!!F,m,g);if(F){await ms(e,`imap`,F.address,n);let r=new Set((F.containers||[]).map(e=>e.name)),i=t.filter(e=>!r.has(e)),a=[...r].filter(e=>!t.includes(e));i.length&&await As(e,`imap`,F.address,i);for(let t of a)await qo(e,`imap`,F.address,t)}else{await Js(e,`imap`,{...n,password:f.password,folder:t[0]});let r=f.user.trim();t.length>1&&await As(e,`imap`,r,t.slice(1))}await te(),d(!1),l(f.user.trim()),p({...f,password:``,smtp:{...f.smtp,password:``}}),h(!1),_(!1),y(!1),N({title:`Saved`,description:`IMAP account ${f.user.trim()} saved; sync runs in the background`})}catch(e){N({title:`Error`,description:e instanceof Error?e.message:`Failed to save IMAP account`,variant:`destructive`})}finally{A(!1)}},U=async()=>{if(!(!F||!window.confirm(`Delete IMAP account ${F.address} and all its folders?`))){M(`delete:${F.address}`);try{await mc(e,`imap`,F.address),await te(),z(),N({title:`Deleted`,description:`IMAP account ${F.address} deleted`})}catch(e){N({title:`Error`,description:e instanceof Error?e.message:`Failed to delete account`,variant:`destructive`})}finally{M(null)}}},ce=async(t,n)=>{M(`${t}:${n}`);try{t===`test`?await Os(e,`imap`,n):await Qe(P,e,`imap`,n,e=>{r(t=>t.map(t=>t.address===n?e:t))}),await te(),t===`test`&&N({title:`Success`,description:`${n} saved account test completed`})}catch(e){N({title:`Error`,description:e instanceof Error?e.message:`Failed to ${t}`,variant:`destructive`})}finally{M(null)}},le=async(t,n)=>{M(`folder-sync:${t}:${n}`);try{await Ws(e,`imap`,t,n),await te(),N({title:`Sync started`,description:`${t} · ${n} · rescanning the saved lookback window`})}catch(e){N({title:`Error`,description:e instanceof Error?e.message:`Failed to sync folder`,variant:`destructive`})}finally{M(null)}},ue=(0,$.jsxs)(`form`,{className:`grid gap-3`,autoComplete:`off`,"aria-label":`IMAP account settings`,onSubmit:e=>e.preventDefault(),children:[(0,$.jsxs)(`div`,{className:`grid gap-2`,children:[(0,$.jsx)(H,{htmlFor:`imap-host`,children:`Host`}),(0,$.jsx)(Y,{id:`imap-host`,name:`imap-host`,autoComplete:`off`,value:f.host,readOnly:!!F,onChange:e=>oe(`host`,e.target.value),placeholder:`imap.example.com`})]}),(0,$.jsxs)(`div`,{className:`grid gap-2`,children:[(0,$.jsx)(H,{htmlFor:`imap-user`,children:`User (account)`}),(0,$.jsx)(Y,{id:`imap-user`,name:`imap-username`,autoComplete:`section-imap username`,value:f.user,readOnly:!!F,onChange:e=>oe(`user`,e.target.value),placeholder:`me@example.com`})]}),(0,$.jsx)(`div`,{className:`grid gap-2`,children:!F||m?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(H,{htmlFor:`imap-password`,children:F?`New IMAP password`:`Password`}),(0,$.jsx)(Y,{id:`imap-password`,name:`imap-password`,type:`password`,autoComplete:`section-imap new-password`,"data-lpignore":`true`,"data-1p-ignore":`true`,value:f.password,onChange:e=>oe(`password`,e.target.value),placeholder:F?`Leave blank to keep current password`:`Password`})]}):(0,$.jsxs)(`div`,{className:`flex items-center gap-3 text-sm`,children:[(0,$.jsx)(`span`,{className:`text-muted-foreground`,children:`Saved IMAP password`}),(0,$.jsx)(Z,{type:`button`,size:`sm`,variant:`outline`,onClick:()=>h(!0),children:`Change IMAP password`})]})}),(0,$.jsxs)(`div`,{className:`grid gap-2`,children:[(0,$.jsx)(H,{htmlFor:`imap-port`,children:`Port`}),(0,$.jsx)(Y,{id:`imap-port`,type:`number`,value:String(f.port),onChange:e=>oe(`port`,Number(e.target.value||993))})]}),(0,$.jsxs)(`div`,{className:`grid gap-2`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,$.jsx)(H,{children:`Folders to sync`}),(0,$.jsxs)(Z,{type:`button`,size:`sm`,variant:`outline`,onClick:()=>void ne(F,f),disabled:D||!!F&&v||!F&&(!f.host.trim()||!f.user.trim()||!f.password),children:[D?(0,$.jsx)(Ta,{className:`h-3 w-3 animate-spin`}):(0,$.jsx)(ei,{className:`h-3 w-3`}),` Discover folders`]})]}),(0,$.jsx)(`div`,{className:`max-h-56 overflow-y-auto rounded-md border p-2`,children:B.length===0?(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:D?`Discovering folders…`:F?`No folders found on the server.`:`Fill in host, user and password, then discover the account’s folders. INBOX is synced by default.`}):(0,$.jsx)(`div`,{className:`space-y-0.5`,children:B.map(e=>{let t=e.path.split(e.delimiter||`/`).length-1,n=x.some(t=>t.path===e.path);return(0,$.jsxs)(`label`,{className:`flex items-center gap-2 rounded px-2 py-1 text-xs hover:bg-accent/50`,style:{paddingLeft:`${8+t*14}px`},children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:C.includes(e.path),onChange:()=>se(e.path)}),(0,$.jsx)(`span`,{className:`font-mono truncate`,children:e.path}),!n&&x.length>0&&(0,$.jsx)(`span`,{className:`text-muted-foreground`,children:`(subscribed, not on server)`})]},e.path)})})}),(0,$.jsxs)(`p`,{className:`text-xs text-muted-foreground`,children:[C.length,` folder`,C.length===1?``:`s`,` selected; each synced as its own container. Unchecking a synced folder removes it on Save.`]})]}),(0,$.jsxs)(`fieldset`,{className:`rounded border p-3 space-y-3 sm:col-span-2`,children:[(0,$.jsx)(`legend`,{className:`px-1 text-sm font-medium`,children:`Outgoing email (SMTP)`}),(0,$.jsx)(Z,{type:`button`,variant:`outline`,size:`sm`,disabled:!F||!f.smtp.enabled||k,onClick:()=>s(F.address),children:`Send test email`}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Save your SMTP settings before testing. The test uses the saved account.`}),o&&(0,$.jsx)(re,{workspaceId:e,initialAccount:{driver:`imap`,address:o},testEmail:!0,onClose:()=>s(null)}),(0,$.jsxs)(`label`,{className:`flex gap-2 text-xs`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:f.smtp.enabled,onChange:e=>oe(`smtp`,{...f.smtp,enabled:e.target.checked})}),`Allow sending from Canvas`]}),(0,$.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[[`host`,`user`,`from`,`sentFolder`].map(e=>(0,$.jsxs)(`label`,{className:`text-xs`,children:[{host:`SMTP host`,user:`SMTP username`,from:`From address`,sentFolder:`Sent folder`}[e],(0,$.jsx)(Y,{name:`smtp-${e}`,value:f.smtp[e],autoComplete:e===`user`?`section-smtp username`:`off`,onChange:t=>oe(`smtp`,{...f.smtp,[e]:t.target.value})})]},e)),f.smtp.enabled&&(!F||g)&&(0,$.jsxs)(`label`,{className:`text-xs`,children:[`SMTP password (blank keeps current)`,(0,$.jsx)(Y,{name:`smtp-password`,type:`password`,autoComplete:`section-smtp new-password`,"data-lpignore":`true`,"data-1p-ignore":`true`,value:f.smtp.password,onChange:e=>oe(`smtp`,{...f.smtp,password:e.target.value})})]}),F&&f.smtp.enabled&&!g&&(0,$.jsx)(Z,{type:`button`,size:`sm`,variant:`outline`,onClick:()=>_(!0),children:`Change SMTP password`}),(0,$.jsxs)(`label`,{className:`text-xs`,children:[`Port`,(0,$.jsx)(Y,{type:`number`,min:1,max:65535,value:f.smtp.port,onChange:e=>oe(`smtp`,{...f.smtp,port:Number(e.target.value)})})]})]}),(0,$.jsxs)(`label`,{className:`flex gap-2 text-xs`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:f.smtp.secure,onChange:e=>oe(`smtp`,{...f.smtp,secure:e.target.checked})}),`Implicit TLS (usually port 465; otherwise STARTTLS is required)`]}),(0,$.jsxs)(`label`,{className:`flex gap-2 text-xs`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:f.smtp.appendSent,onChange:e=>oe(`smtp`,{...f.smtp,appendSent:e.target.checked})}),`Save a copy in the IMAP Sent folder (leave off if your provider does this automatically)`]}),(0,$.jsxs)(`label`,{className:`flex gap-2 text-xs`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:f.smtp.allowAgentSend,onChange:e=>oe(`smtp`,{...f.smtp,allowAgentSend:e.target.checked})}),`Allow agents with workspace write access to send`]})]}),(0,$.jsxs)(`div`,{className:`grid gap-2`,children:[(0,$.jsx)(H,{htmlFor:`imap-lookback`,children:`Sync lookback (days)`}),(0,$.jsx)(Y,{id:`imap-lookback`,type:`number`,min:`0`,value:String(f.initialSyncDays),onChange:e=>oe(`initialSyncDays`,Number(e.target.value||0))}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Used for the first sync and every Resync. Set 0 to import the whole mailbox. Saving a wider window automatically fetches older mail; a narrower window keeps messages already imported.`})]}),(0,$.jsxs)(`div`,{className:`grid gap-2`,children:[(0,$.jsx)(H,{htmlFor:`imap-poll`,children:`Poll interval (ms)`}),(0,$.jsx)(Y,{id:`imap-poll`,type:`number`,value:String(f.pollInterval),onChange:e=>oe(`pollInterval`,Number(e.target.value||6e4))})]}),(0,$.jsxs)(`div`,{className:`flex flex-wrap gap-4 text-xs`,children:[(0,$.jsxs)(`label`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:f.tls,onChange:e=>oe(`tls`,e.target.checked)}),` TLS`]}),(0,$.jsxs)(`label`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:f.allowSelfSigned,onChange:e=>oe(`allowSelfSigned`,e.target.checked)}),` Allow self-signed`]})]})]});return(0,$.jsxs)(`div`,{className:`space-y-3 border-t pt-4`,children:[(0,$.jsxs)(`div`,{className:`space-y-1`,children:[(0,$.jsx)(`h4`,{className:`text-sm font-medium`,children:`IMAP Accounts`}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Each account mirrors under /imap/<account> in the backends tree; its folders are synced as containers. Click an account to edit its settings.`})]}),!t&&(0,$.jsx)(`p`,{className:`rounded-md border bg-muted/40 p-2 text-xs text-muted-foreground`,children:`Enable the IMAP service before polling starts. Accounts can still be configured while it is off.`}),(0,$.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,$.jsxs)(Z,{size:`sm`,variant:`outline`,onClick:u?z:ae,children:[(0,$.jsx)(ui,{className:`h-3 w-3`}),` `,u?`Cancel`:`New Account`]}),(0,$.jsxs)(Z,{size:`sm`,variant:`ghost`,onClick:te,disabled:T,children:[T?(0,$.jsx)(Ta,{className:`h-3 w-3 animate-spin`}):(0,$.jsx)(qn,{className:`h-3 w-3`}),` Refresh`]})]}),(0,$.jsx)(`div`,{className:`rounded-md border`,children:(0,$.jsx)(`div`,{className:`max-h-[32rem] overflow-y-auto p-2 space-y-1`,children:ee.length===0?(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`No IMAP accounts configured.`}):ee.map(t=>{let n=c===t.address;return(0,$.jsxs)(`div`,{className:`rounded px-2 py-2 text-xs transition-colors ${n?`bg-accent/40`:`hover:bg-accent/50`}`,children:[(0,$.jsxs)(`button`,{onClick:()=>ie(t),className:`w-full text-left`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,$.jsxs)(`span`,{className:`flex items-center gap-1.5 font-medium`,children:[n?(0,$.jsx)(Kr,{className:`h-3 w-3 shrink-0`}):(0,$.jsx)(Wa,{className:`h-3 w-3 shrink-0`}),t.address]}),(0,$.jsx)(`span`,{className:`shrink-0 ${t.status===`error`?`text-destructive`:`text-muted-foreground`}`,children:t.status})]}),(0,$.jsxs)(`div`,{className:`pl-[18px] text-muted-foreground`,children:[String(t.config?.host||``),` · `,(t.containers||[]).length,` folder(s)`]}),t.lastError&&(0,$.jsxs)(`div`,{className:`pl-[18px] text-destructive`,children:[`error: `,t.lastError]})]}),n&&(0,$.jsxs)(`div`,{className:`mt-2 space-y-3 border-t pt-2`,children:[(0,$.jsx)(`div`,{className:`space-y-0.5`,children:(t.containers||[]).map(n=>(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-2 rounded bg-background/60 px-2 py-1`,children:[(0,$.jsx)(`span`,{className:`font-mono truncate`,children:n.name}),(0,$.jsxs)(`div`,{className:`flex items-center gap-1 shrink-0`,children:[(0,$.jsx)(`button`,{title:`Resync folder`,className:`p-1 hover:bg-accent rounded`,onClick:()=>le(t.address,n.name),disabled:!!j||v||k,children:j===`folder-sync:${t.address}:${n.name}`?(0,$.jsx)(Ta,{className:`h-3 w-3 animate-spin`}):(0,$.jsx)(qn,{className:`h-3 w-3`})}),(0,$.jsx)(`button`,{title:`Remove folder`,className:`p-1 hover:bg-destructive/10 text-destructive rounded`,onClick:()=>qo(e,`imap`,t.address,n.name).then(te).catch(e=>N({title:`Error`,description:e instanceof Error?e.message:`Failed to remove folder`,variant:`destructive`})),disabled:!!j,children:(0,$.jsx)(Xr,{className:`h-3 w-3`})})]})]},n.name))}),(t.containers||[]).map(n=>(0,$.jsxs)(`div`,{className:`rounded border p-2`,children:[(0,$.jsx)(`p`,{className:`mb-2 font-medium`,children:n.name}),(0,$.jsx)(Ag,{value:n.removalPolicy,backends:i,source:`imap:${n.mailboxId}`,destination:!1,onSave:async r=>{await Dg(e,t.address,n.name,r),await te()}})]},`removal:${n.name}`)),ue,(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:v?`Save changes before testing, discovering folders or resyncing.`:`Test and Discover folders use the saved connection settings. Resync fetches the saved lookback window again.`}),(0,$.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,$.jsxs)(Z,{size:`sm`,onClick:V,disabled:k||!v,children:[k?(0,$.jsx)(Ta,{className:`h-3 w-3 animate-spin`}):(0,$.jsx)(zr,{className:`h-3 w-3`}),` Save`]}),(0,$.jsxs)(Z,{size:`sm`,variant:`outline`,disabled:!!j||v||k,onClick:()=>ce(`test`,t.address),children:[j===`test:${t.address}`?(0,$.jsx)(Ta,{className:`h-3 w-3 animate-spin`}):(0,$.jsx)(ui,{className:`h-3 w-3`}),` Test`]}),(0,$.jsxs)(Z,{size:`sm`,variant:`outline`,disabled:!!j||v||k,onClick:()=>ce(`sync`,t.address),children:[j===`sync:${t.address}`?(0,$.jsx)(Ta,{className:`h-3 w-3 animate-spin`}):(0,$.jsx)(qn,{className:`h-3 w-3`}),` Resync all`]}),(0,$.jsxs)(Z,{size:`sm`,variant:`destructive`,disabled:!!j,onClick:U,children:[j===`delete:${t.address}`?(0,$.jsx)(Ta,{className:`h-3 w-3 animate-spin`}):(0,$.jsx)(Xr,{className:`h-3 w-3`}),` Delete`]})]})]})]},t.address)})})}),u&&(0,$.jsxs)(`div`,{className:`space-y-3 rounded-md border p-3`,children:[(0,$.jsx)(`h5`,{className:`text-xs font-medium`,children:`New IMAP account`}),ue,(0,$.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,$.jsxs)(Z,{size:`sm`,onClick:V,disabled:k,children:[k?(0,$.jsx)(Ta,{className:`h-3 w-3 animate-spin`}):(0,$.jsx)(zr,{className:`h-3 w-3`}),` Save`]}),(0,$.jsx)(Z,{size:`sm`,variant:`ghost`,onClick:z,children:`Cancel`})]})]})]})}function rE({workspaceId:e}){let[t,n]=(0,Q.useState)([]),[r,i]=(0,Q.useState)(!0),[a,o]=(0,Q.useState)(!1),[s,c]=(0,Q.useState)(``),[l,u]=(0,Q.useState)([`read`]),[d,f]=(0,Q.useState)(``),[p,m]=(0,Q.useState)(!0),[h,g]=(0,Q.useState)(!1),[_,v]=(0,Q.useState)(new Set),[y,b]=(0,Q.useState)(``),[x,S]=(0,Q.useState)(!1),{showToast:C}=vo(),[w,T]=(0,Q.useState)(e);e!==w&&(T(e),i(!0));let E=(0,Q.useCallback)(()=>X.get(`/workspaces/${e}/tokens`).then(e=>{n((e||[]).map(e=>({...e,hash:e.hash||e.tokenHash||``})).filter(e=>e.hash))}).catch(()=>{C({title:`Error`,description:`Failed to load workspace tokens`,variant:`destructive`})}).finally(()=>{i(!1)}),[e,C]);(0,Q.useEffect)(()=>{E()},[E]);let D=async()=>{if(!s.trim()){C({title:`Error`,description:`Token description is required`,variant:`destructive`});return}try{o(!0);let t=null;if(!p&&d){let e=new Date(d);e.setHours(23,59,59,999),t=e.toISOString()}let n={description:s,permissions:l,expiresAt:t},r=await X.post(`/workspaces/${e}/tokens`,n);r&&r.token&&b(r.token),c(``),u([`read`]),f(``),m(!0),g(!1),i(!0),await E(),C({title:`Success`,description:`Workspace sharing token created successfully`,variant:`default`})}catch{C({title:`Error`,description:`Failed to create token`,variant:`destructive`})}finally{o(!1)}},O=async t=>{try{await X.delete(`/workspaces/${e}/tokens/${t}`),C({title:`Success`,description:`Token revoked successfully`}),i(!0),await E()}catch{C({title:`Error`,description:`Failed to revoke token`,variant:`destructive`})}},k=e=>{let t=new Set(_);t.has(e)?t.delete(e):t.add(e),v(t)},A=e=>_.has(e)?e:`${e.substring(0,8)}...${e.substring(e.length-8)}`,j=async e=>{try{await navigator.clipboard.writeText(e),C({title:`Copied`,description:`Token hash copied to clipboard`})}catch{C({title:`Error`,description:`Failed to copy to clipboard`,variant:`destructive`})}};return(0,$.jsxs)(`div`,{className:`space-y-4`,children:[(0,$.jsxs)(`div`,{className:`flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between`,children:[(0,$.jsx)(`h3`,{className:`text-lg font-medium`,children:`Workspace Sharing Tokens`}),(0,$.jsxs)(Z,{onClick:()=>g(!h),size:`sm`,variant:`outline`,children:[(0,$.jsx)(Wi,{className:`mr-2 h-4 w-4`}),`Create Token`]})]}),h&&(0,$.jsxs)(`div`,{className:`border rounded-lg p-4 space-y-4 bg-muted/50`,children:[(0,$.jsx)(Y,{placeholder:`Token description (e.g., 'John's laptop')`,value:s,onChange:e=>c(e.target.value)}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{className:`text-sm font-medium mb-2 block`,children:`Permissions`}),(0,$.jsx)(`div`,{className:`flex gap-2 flex-wrap`,children:[`read`,`write`,`admin`].map(e=>(0,$.jsxs)(`label`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:l.includes(e),onChange:t=>{t.target.checked?u([...l,e]):u(l.filter(t=>t!==e))}}),(0,$.jsx)(`span`,{className:`text-sm`,children:e})]},e))})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{className:`text-sm font-medium mb-2 block`,children:`Token Expiry`}),(0,$.jsxs)(`div`,{className:`space-y-3`,children:[(0,$.jsxs)(`label`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:p,onChange:e=>{m(e.target.checked),e.target.checked&&f(``)}}),(0,$.jsx)(`span`,{className:`text-sm`,children:`Never expires`})]}),!p&&(0,$.jsx)(Y,{type:`date`,placeholder:`Expiry date`,value:d,onChange:e=>f(e.target.value),min:new Date().toISOString().split(`T`)[0]})]})]}),(0,$.jsxs)(`div`,{className:`flex gap-2`,children:[(0,$.jsx)(Z,{onClick:D,disabled:a,children:`Create Token`}),(0,$.jsx)(Z,{variant:`outline`,onClick:()=>g(!1),children:`Cancel`})]})]}),y&&(0,$.jsxs)(`div`,{className:`p-4 border rounded-md bg-muted/50`,children:[(0,$.jsxs)(`div`,{className:`flex justify-between items-center mb-2`,children:[(0,$.jsx)(`h3`,{className:`font-semibold`,children:`Your New Workspace Sharing Token`}),(0,$.jsx)(Z,{variant:`outline`,size:`sm`,onClick:async()=>{try{await navigator.clipboard.writeText(y),S(!0),C({title:`Success`,description:`Token copied to clipboard`}),setTimeout(()=>S(!1),2e3)}catch{C({title:`Error`,description:`Failed to copy token to clipboard`,variant:`destructive`})}},children:x?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(rr,{className:`mr-2 h-4 w-4`}),`Copied`]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Un,{className:`mr-2 h-4 w-4`}),`Copy`]})})]}),(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground mb-2`,children:`Make sure to copy your workspace sharing token now. You won't be able to see it again!`}),(0,$.jsx)(`div`,{className:`p-2 bg-background border rounded font-mono text-sm break-all outline-none focus:ring-2 focus:ring-ring`,children:y}),(0,$.jsx)(Z,{variant:`outline`,size:`sm`,className:`mt-2`,onClick:()=>b(``),children:`Dismiss`})]}),(0,$.jsx)(iE,{workspaceId:e}),r?(0,$.jsxs)(`div`,{className:`text-center py-4`,children:[(0,$.jsx)(`div`,{className:`animate-spin rounded-full h-6 w-6 border-b-2 border-primary mx-auto touch-target`}),(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground mt-2`,children:`Loading tokens...`})]}):t.length===0?(0,$.jsxs)(`div`,{className:`text-center py-8 text-muted-foreground`,children:[(0,$.jsx)(`p`,{children:`No sharing tokens created yet.`}),(0,$.jsx)(`p`,{className:`text-sm`,children:`Create a token to share this workspace with others.`})]}):(0,$.jsx)(`div`,{className:`space-y-3`,children:t.map(e=>(0,$.jsxs)(`div`,{className:`border rounded-lg p-3 flex items-center justify-between`,children:[(0,$.jsxs)(`div`,{className:`flex-1`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2 mb-1`,children:[(0,$.jsx)(`span`,{className:`font-medium text-sm`,children:e.description}),(0,$.jsx)(`span`,{className:`text-xs bg-muted px-2 py-1 rounded`,children:e.permissions.join(`, `)})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-xs text-muted-foreground`,children:[(0,$.jsx)(`span`,{className:`font-mono`,children:A(e.hash)}),(0,$.jsx)(Z,{size:`sm`,variant:`ghost`,onClick:()=>k(e.hash),children:_.has(e.hash)?(0,$.jsx)(bi,{className:`h-3 w-3`}):(0,$.jsx)(Ea,{className:`h-3 w-3`})}),(0,$.jsx)(Z,{size:`sm`,variant:`ghost`,onClick:()=>j(e.hash),children:(0,$.jsx)(Un,{className:`h-3 w-3`})})]}),(0,$.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[`Created: `,new Date(e.createdAt).toLocaleDateString(),e.expiresAt?(0,$.jsxs)(`span`,{children:[` • Expires: `,new Date(e.expiresAt).toLocaleDateString()]}):(0,$.jsx)(`span`,{children:` • Never expires`})]})]}),(0,$.jsx)(Z,{size:`sm`,variant:`outline`,onClick:()=>O(e.hash),className:`text-destructive hover:text-destructive`,children:(0,$.jsx)(Xr,{className:`h-4 w-4`})})]},e.hash))})]})}function iE({workspaceId:e}){let{showToast:t}=vo(),[n,r]=(0,Q.useState)(``),[i,a]=(0,Q.useState)([`read`]),[o,s]=(0,Q.useState)(!1),[c,l]=(0,Q.useState)([]),u=(0,Q.useCallback)(()=>X.get(`/workspaces/${e}/shares`).then(e=>l(Array.isArray(e)?e:e?.emailShares||[])).catch(()=>{}),[e]);(0,Q.useEffect)(()=>{u()},[u]);let d=async()=>{if(n.trim())try{s(!0),await X.post(`/workspaces/${e}/shares`,{userEmail:n.trim(),permissions:i}),r(``),a([`read`]),await u(),t({title:`Success`,description:`Access granted`})}catch(e){t({title:`Error`,description:e instanceof Error?e.message:`Failed to grant access`,variant:`destructive`})}finally{s(!1)}},f=async n=>{try{await X.delete(`/workspaces/${e}/shares/${encodeURIComponent(n)}`),await u(),t({title:`Success`,description:`Access revoked`})}catch(e){t({title:`Error`,description:e instanceof Error?e.message:`Failed to revoke`,variant:`destructive`})}};return(0,$.jsxs)(`div`,{className:`space-y-3`,children:[(0,$.jsx)(`h4`,{className:`font-medium`,children:`Email-based Shares`}),(0,$.jsxs)(`div`,{className:`flex gap-2 flex-wrap items-center`,children:[(0,$.jsx)(Y,{placeholder:`user@local.server`,value:n,onChange:e=>r(e.target.value),className:`max-w-xs`}),(0,$.jsx)(`div`,{className:`flex gap-2`,children:[`read`,`write`,`admin`].map(e=>(0,$.jsxs)(`label`,{className:`flex items-center gap-2 text-sm`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:i.includes(e),onChange:t=>{t.target.checked?a([...i,e]):a(i.filter(t=>t!==e))}}),e]},e))}),(0,$.jsx)(Z,{size:`sm`,onClick:d,disabled:o,children:`Add`})]}),c.length>0&&(0,$.jsx)(`div`,{className:`space-y-2`,children:c.map(e=>(0,$.jsxs)(`div`,{className:`flex items-center justify-between border rounded p-2`,children:[(0,$.jsxs)(`div`,{className:`text-sm`,children:[(0,$.jsx)(`div`,{className:`font-medium`,children:e.userEmail}),(0,$.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[e.permissions.join(`, `),e.grantedAt?` • ${new Date(e.grantedAt).toLocaleDateString()}`:``]})]}),(0,$.jsx)(Z,{size:`sm`,variant:`outline`,onClick:()=>f(e.userEmail),className:`text-destructive hover:text-destructive`,children:`Revoke`})]},e.userEmail))})]})}var aE=[{value:`read`,label:`Read`,hint:`Browse and search`},{value:`write`,label:`Read & write`,hint:`Add, edit and organise documents`},{value:`admin`,label:`Admin`,hint:`Everything except sharing and deleting`}],oE=e=>e.includes(`admin`)?`admin`:e.includes(`write`)?`write`:`read`;function sE({workspaceId:e}){let{showToast:t}=vo(),[n,r]=(0,Q.useState)(null),[i,a]=(0,Q.useState)(!0),[o,s]=(0,Q.useState)(null),[c,l]=(0,Q.useState)(`user`),[u,d]=(0,Q.useState)(``),[f,p]=(0,Q.useState)(`read`),[m,h]=(0,Q.useState)(e);e!==m&&(h(e),a(!0));let g=(0,Q.useCallback)(()=>Po(e).then(r).catch(()=>r(null)).finally(()=>a(!1)),[e]);(0,Q.useEffect)(()=>{g()},[g]);let _=n?.isOwner===!0,v=n?.members??[],y=async n=>{n.preventDefault();let r=u.trim();if(r){s(`grant`);try{let n=await nc(e,c===`user`?{email:r}:{group:r},[f]);d(``),await g();let i=c===`user`?r:`group ${r}`;t({title:`Shared`,description:n.type===`user`&&n.userExists===!1?`${i} has no account here yet — the share applies as soon as they sign in.`:`Access granted to ${i}.`})}catch(e){t({title:`Could not share`,description:e instanceof Error?e.message:`Unknown error`,variant:`destructive`})}finally{s(null)}}},b=async(n,r)=>{let i=`${n.type}:${n.principal}`;s(i);try{await _s(e,n.type,n.principal,[r]),await g()}catch(e){t({title:`Could not update`,description:e instanceof Error?e.message:`Unknown error`,variant:`destructive`})}finally{s(null)}},x=async n=>{let r=`${n.type}:${n.principal}`;s(r);try{await js(e,n.type,n.principal),await g(),t({title:`Access revoked`,description:`${n.principal} no longer has access.`})}catch(e){t({title:`Could not revoke`,description:e instanceof Error?e.message:`Unknown error`,variant:`destructive`})}finally{s(null)}};return n&&n.shareable===!1?(0,$.jsx)(`div`,{className:`rounded-md border border-dashed p-4 text-sm text-muted-foreground`,children:`Your universe workspace is private and cannot be shared.`}):(0,$.jsxs)(`div`,{className:`space-y-4`,children:[(0,$.jsxs)(`div`,{className:`space-y-3`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:_?`People and groups who can open this workspace.`:`You are a member of this workspace; only its owner can change the list.`}),(0,$.jsxs)(Z,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>{a(!0),g()},disabled:i,children:[(0,$.jsx)(qn,{className:J(`mr-2 h-3.5 w-3.5`,i&&`animate-spin`)}),`Refresh`]})]}),i?(0,$.jsx)(`div`,{className:`rounded-md border p-4 text-sm text-muted-foreground`,children:`Loading members…`}):v.length===0?(0,$.jsx)(`div`,{className:`rounded-md border border-dashed p-4 text-sm text-muted-foreground`,children:`Not shared with anyone.`}):v.map(e=>{let t=`${e.type}:${e.principal}`,n=oE(e.permissions);return(0,$.jsxs)(`div`,{className:`flex flex-col gap-2 rounded-md border p-3 sm:flex-row sm:items-center sm:justify-between`,children:[(0,$.jsxs)(`div`,{className:`flex min-w-0 items-start gap-2`,children:[e.type===`group`?(0,$.jsx)(tr,{className:`mt-0.5 h-4 w-4 shrink-0 text-muted-foreground`}):(0,$.jsx)(Vr,{className:`mt-0.5 h-4 w-4 shrink-0 text-muted-foreground`}),(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsx)(`div`,{className:`truncate text-sm font-medium`,title:e.principal,children:e.principal}),(0,$.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[e.type===`group`?`Group`:`User`,e.description?` · ${e.description}`:``,e.grantedAt?` · since ${new Date(e.grantedAt).toLocaleDateString()}`:``]}),e.type===`user`&&e.userExists===!1&&(0,$.jsxs)(`div`,{className:`mt-1 flex items-center gap-1 text-[11px] text-warning`,children:[(0,$.jsx)(Xn,{className:`h-3 w-3`}),` No account yet — applies at first sign-in`]})]})]}),(0,$.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[_?(0,$.jsx)(`select`,{value:n,disabled:o===t,onChange:t=>b(e,t.target.value),className:`rounded-md border border-input bg-background px-2 py-1 text-xs focus:outline-none focus:ring-2 focus:ring-ring`,title:`Access level`,children:aE.map(e=>(0,$.jsx)(`option`,{value:e.value,children:e.label},e.value))}):(0,$.jsx)(`span`,{className:`rounded-full bg-muted px-2 py-0.5 text-xs`,children:aE.find(e=>e.value===n)?.label}),_&&(0,$.jsx)(Z,{type:`button`,variant:`outline`,size:`sm`,className:`text-destructive hover:text-destructive`,disabled:o===t,onClick:()=>x(e),title:`Revoke access`,children:(0,$.jsx)(Qn,{className:`h-3.5 w-3.5`})})]})]},t)})]}),_&&(0,$.jsxs)(`form`,{onSubmit:y,className:`space-y-3 rounded-md border p-3`,children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 text-sm font-medium`,children:[`Share with`,(0,$.jsx)(`div`,{className:`inline-flex overflow-hidden rounded-md border`,children:[`user`,`group`].map(e=>(0,$.jsx)(`button`,{type:`button`,onClick:()=>l(e),className:J(`px-3 py-1 text-xs`,c===e?`bg-primary text-primary-foreground`:`bg-background text-muted-foreground hover:bg-muted`),children:e===`user`?`a person`:`a group`},e))})]}),(0,$.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-[1fr_auto]`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(Y,{type:c===`user`?`email`:`text`,value:u,onChange:e=>d(e.target.value),placeholder:c===`user`?`colleague@corp.tld`:`team-a or cn=team-a,ou=groups,dc=corp,dc=tld`,autoComplete:`off`}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:c===`user`?`The share is keyed by e-mail: it works even before the person signs in for the first time.`:`Directory group (LDAP/AD memberOf — full DN or just the CN) or a group an admin assigned to local accounts.`})]}),(0,$.jsx)(`div`,{children:(0,$.jsx)(`select`,{value:f,onChange:e=>p(e.target.value),className:`w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring`,title:aE.find(e=>e.value===f)?.hint,children:aE.map(e=>(0,$.jsx)(`option`,{value:e.value,children:e.label},e.value))})})]}),(0,$.jsx)(Z,{type:`submit`,size:`sm`,disabled:o===`grant`||!u.trim(),children:o===`grant`?`Sharing…`:`Share workspace`})]})]})}function cE({workspaceId:e,workspaceName:t,isActive:n,onChanged:r}){let{showToast:i}=vo(),[a,o]=(0,Q.useState)([]),[s,c]=(0,Q.useState)(!0),[l,u]=(0,Q.useState)(!1),[d,f]=(0,Q.useState)(!1),[p,m]=(0,Q.useState)(!1),[h,g]=(0,Q.useState)(null),[_,v]=(0,Q.useState)(!1),y=(0,Q.useCallback)(async()=>{try{o(await Ac(e))}catch{o([])}finally{c(!1)}},[e]);(0,Q.useEffect)(()=>{y()},[y]);let b=async()=>{if(!(n&&!window.confirm(`'${t}' is running. It has to be stopped to be exported — its index is only consistent on disk once it has flushed.\n\nStop it and export now?`))){u(!0);try{let t=await us(e,{stop:!0});f(t.stoppedWorkspace),i({title:`Workspace exported`,description:`${t.name} — ${vs(t.size)}`}),await y(),t.stoppedWorkspace&&r?.()}catch(e){i({title:`Export failed`,description:e instanceof Error?e.message:`Failed to export workspace`,variant:`destructive`})}finally{u(!1)}}},x=async()=>{m(!0);try{await Rs(e),f(!1),i({title:`Workspace started`,description:`'${t}' is running again.`}),r?.()}catch(e){i({title:`Error`,description:e instanceof Error?e.message:`Failed to start workspace`,variant:`destructive`})}finally{m(!1)}},S=async e=>{g(e.name);try{await Ro(e.name)}catch(e){i({title:`Download failed`,description:e instanceof Error?e.message:`Failed to download archive`,variant:`destructive`})}finally{g(null)}},C=async e=>{if(window.confirm(`Delete ${e.name}? The archive is removed from the server; any copy you already downloaded is untouched.`)){g(e.name);try{await Mo(e.name),await y()}catch(e){i({title:`Error`,description:e instanceof Error?e.message:`Failed to delete archive`,variant:`destructive`})}finally{g(null)}}};return(0,$.jsxs)(`section`,{className:`rounded-lg border p-4`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(Ur,{className:`h-4 w-4 text-muted-foreground`}),(0,$.jsx)(`h2`,{className:`text-sm font-semibold`,children:`Export & Import`})]}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:`Export packs this workspace into a single compressed archive you can download and move elsewhere. The workspace is stopped first — an export of a running workspace would capture a half-written index.`}),(0,$.jsxs)(`div`,{className:`mt-3 flex flex-wrap items-center gap-2`,children:[(0,$.jsxs)(Z,{type:`button`,variant:`outline`,size:`sm`,disabled:l,onClick:b,children:[(0,$.jsx)(Ur,{className:`mr-2 h-3.5 w-3.5 ${l?`animate-pulse`:``}`}),l?`Exporting…`:`Export Workspace`]}),(0,$.jsxs)(Z,{type:`button`,variant:`outline`,size:`sm`,disabled:s||l,onClick:()=>void y(),children:[(0,$.jsx)(qn,{className:`mr-2 h-3.5 w-3.5 ${s?`animate-spin`:``}`}),`Refresh`]}),d&&(0,$.jsx)(Z,{type:`button`,variant:`outline`,size:`sm`,disabled:p,onClick:x,children:p?`Starting…`:`Start workspace again`})]}),(0,$.jsxs)(`div`,{className:`mt-4 border-t pt-3`,children:[(0,$.jsx)(`h3`,{className:`text-xs font-semibold uppercase tracking-wide text-muted-foreground`,children:`Archives`}),s?(0,$.jsx)(`p`,{className:`mt-2 text-xs text-muted-foreground`,children:`Loading…`}):a.length===0?(0,$.jsx)(`p`,{className:`mt-2 text-xs text-muted-foreground`,children:`No exports yet.`}):(0,$.jsx)(`ul`,{className:`mt-2 space-y-2`,children:a.map(e=>(0,$.jsxs)(`li`,{className:`flex flex-col gap-2 rounded-md border p-2 sm:flex-row sm:items-center sm:justify-between`,children:[(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsx)(`div`,{className:`truncate font-mono text-xs`,children:e.name}),(0,$.jsxs)(`div`,{className:`mt-0.5 text-[11px] text-muted-foreground`,children:[vs(e.size),` · `,new Date(e.createdAt).toLocaleString()]})]}),(0,$.jsxs)(`div`,{className:`flex shrink-0 gap-2`,children:[(0,$.jsx)(Z,{type:`button`,variant:`outline`,size:`sm`,disabled:h===e.name,onClick:()=>S(e),title:`Download (${vs(e.size)})`,children:(0,$.jsx)(Pi,{className:`h-3.5 w-3.5`})}),(0,$.jsx)(Z,{type:`button`,variant:`outline`,size:`sm`,disabled:h===e.name,onClick:()=>C(e),className:`text-destructive hover:text-destructive`,title:`Delete archive`,children:(0,$.jsx)(Xr,{className:`h-3.5 w-3.5`})})]})]},e.name))})]}),(0,$.jsxs)(`div`,{className:`mt-4 space-y-3 border-t pt-3`,children:[(0,$.jsx)(`h3`,{className:`text-xs font-semibold uppercase tracking-wide text-muted-foreground`,children:`Import workspace`}),(0,$.jsx)(Z,{type:`button`,variant:`outline`,size:`sm`,disabled:l,onClick:()=>v(e=>!e),children:_?`Close import`:`Import workspace…`}),_&&(0,$.jsx)(pg,{disabled:l,onImported:()=>r?.()})]})]})}var lE={"workspace:home":{title:`Workspace Home`,description:`User-managed roaming home folder, exported through WebDAV and watched for changes. Mirrored into the backends tree.`},"workspace:data":{title:`Workspace Data`,description:`Managed content-addressable blob store (deduped, checksum-keyed). Opaque by design: the tree is the navigation; not meant for direct edits or export.`},imap:{title:`IMAP`,description:`Mailbox data source; ingested mail lands in the backends tree.`}},uE=[{id:`git`,title:`Git`,description:`Git-backed dotfile access.`},{id:`webdav`,title:`WebDAV`,description:`Mountable access to the workspace home backend.`},{id:`imapSync`,title:`IMAP Sync Worker`,description:`Background mailbox polling and ingestion.`}];function dE({checked:e,disabled:t,onClick:n}){return(0,$.jsx)(`button`,{type:`button`,role:`switch`,"aria-checked":e,disabled:t,onClick:n,className:`relative inline-flex h-5 w-9 shrink-0 rounded-full border-2 border-transparent transition-colors disabled:cursor-not-allowed disabled:opacity-50 ${e?`bg-primary`:`bg-muted-foreground/30`}`,children:(0,$.jsx)(`span`,{className:`pointer-events-none inline-block h-4 w-4 rounded-full bg-background shadow transition-transform ${e?`translate-x-4`:`translate-x-0`}`})})}function fE({workspaceId:e,onAdded:t}){let[n,r]=(0,Q.useState)(!1),[i,a]=(0,Q.useState)(``),[o,s]=(0,Q.useState)(``),[c,l]=(0,Q.useState)(!1),[u,d]=(0,Q.useState)(!1),[f,p]=(0,Q.useState)(!1),{showToast:m}=vo(),h=()=>{a(``),s(``),l(!1),d(!1)};return n?(0,$.jsxs)(`form`,{onSubmit:async n=>{if(n.preventDefault(),!(!i.trim()||!o.trim())){p(!0);try{await Js(e,`file`,{name:i.trim(),path:o.trim(),watch:c,readOnly:u}),m({title:`Added`,description:`${i.trim()} mounted; initial scan running in the background`}),h(),r(!1),await t()}catch(e){m({title:`Error`,description:e instanceof Error?e.message:`Failed to add folder backend`,variant:`destructive`})}finally{p(!1)}}},className:`w-full space-y-3 rounded-lg border p-4`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(ei,{className:`h-4 w-4 text-muted-foreground`}),(0,$.jsx)(`h2`,{className:`text-sm font-semibold`,children:`Add local folder`})]}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Index a folder on the server host as a data source. Files stay in place; the index records them as device-scoped locations, so they remain addressable if the workspace moves to another server.`}),(0,$.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[(0,$.jsxs)(`div`,{className:`space-y-1`,children:[(0,$.jsx)(`label`,{className:`text-xs font-medium`,children:`Name`}),(0,$.jsx)(Y,{value:i,onChange:e=>a(e.target.value),placeholder:`Financial Reports`,required:!0})]}),(0,$.jsxs)(`div`,{className:`space-y-1`,children:[(0,$.jsx)(`label`,{className:`text-xs font-medium`,children:`Absolute path on server`}),(0,$.jsx)(Y,{value:o,onChange:e=>s(e.target.value),placeholder:`/mnt/data/reports`,required:!0,className:`font-mono`})]})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-6 text-[11px] text-muted-foreground`,children:[(0,$.jsxs)(`label`,{className:`flex items-center gap-1.5`,children:[`watch`,(0,$.jsx)(dE,{checked:c,onClick:()=>l(e=>!e)})]}),(0,$.jsxs)(`label`,{className:`flex items-center gap-1.5`,title:`Never delete bytes in this folder. Destroy degrades to a reference drop. Recommended for folders managed outside Canvas.`,children:[`read-only`,(0,$.jsx)(dE,{checked:u,onClick:()=>d(e=>!e)})]})]}),(0,$.jsxs)(`div`,{className:`flex gap-2`,children:[(0,$.jsx)(Z,{type:`submit`,size:`sm`,disabled:f||!i.trim()||!o.trim(),children:f?`Adding…`:`Add folder`}),(0,$.jsx)(Z,{type:`button`,variant:`ghost`,size:`sm`,disabled:f,onClick:()=>{h(),r(!1)},children:`Cancel`})]})]}):(0,$.jsxs)(Z,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>r(!0),children:[(0,$.jsx)(ei,{className:`mr-2 h-3.5 w-3.5`}),`Add local folder`]})}function pE({workspaceId:e,onAdded:t}){let[n,r]=(0,Q.useState)(!1),[i,a]=(0,Q.useState)({name:``,clientId:``,clientSecret:``,refreshToken:``,folderId:``}),[o,s]=(0,Q.useState)(!1),[c,l]=(0,Q.useState)(!1),[u,d]=(0,Q.useState)(!1),{showToast:p}=vo(),m=e=>t=>a(n=>({...n,[e]:t.target.value})),h=()=>{a({name:``,clientId:``,clientSecret:``,refreshToken:``,folderId:``}),s(!1),l(!1)},g=i.name.trim()&&i.clientId.trim()&&i.clientSecret.trim()&&i.refreshToken.trim();return n?(0,$.jsxs)(`form`,{onSubmit:async n=>{if(n.preventDefault(),g){d(!0);try{await Js(e,`gdrive`,{name:i.name.trim(),clientId:i.clientId.trim(),clientSecret:i.clientSecret.trim(),refreshToken:i.refreshToken.trim(),folderId:i.folderId.trim()||`root`,watch:o,readOnly:c}),p({title:`Added`,description:`${i.name.trim()} connected; initial scan running in the background`}),h(),r(!1),await t()}catch(e){p({title:`Error`,description:e instanceof Error?e.message:`Failed to add Google Drive backend`,variant:`destructive`})}finally{d(!1)}}},className:`w-full space-y-3 rounded-lg border p-4`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(f,{icon:`mdi:google-drive`,width:16,height:16,className:`text-muted-foreground`}),(0,$.jsx)(`h2`,{className:`text-sm font-semibold`,children:`Add Google Drive`})]}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Index a Drive folder (or the whole My Drive) as a remote data source. Files are hashed from Drive metadata, uploads are queued through the workspace cache. Needs a Google OAuth client (Web application) — enter its id and secret, then sign in to obtain the offline-access refresh token, or paste one you already have.`}),(0,$.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[(0,$.jsxs)(`div`,{className:`space-y-1`,children:[(0,$.jsx)(`label`,{className:`text-xs font-medium`,children:`Name`}),(0,$.jsx)(Y,{value:i.name,onChange:m(`name`),placeholder:`Work Drive`,required:!0})]}),(0,$.jsxs)(`div`,{className:`space-y-1`,children:[(0,$.jsx)(`label`,{className:`text-xs font-medium`,children:`Folder id (empty = My Drive root)`}),(0,$.jsx)(Y,{value:i.folderId,onChange:m(`folderId`),placeholder:`1AbC…`,className:`font-mono`})]}),(0,$.jsxs)(`div`,{className:`space-y-1`,children:[(0,$.jsx)(`label`,{className:`text-xs font-medium`,children:`OAuth client id`}),(0,$.jsx)(Y,{value:i.clientId,onChange:m(`clientId`),required:!0,className:`font-mono`})]}),(0,$.jsxs)(`div`,{className:`space-y-1`,children:[(0,$.jsx)(`label`,{className:`text-xs font-medium`,children:`OAuth client secret`}),(0,$.jsx)(Y,{type:`password`,value:i.clientSecret,onChange:m(`clientSecret`),required:!0,className:`font-mono`,autoComplete:`off`})]}),(0,$.jsxs)(`div`,{className:`space-y-1 sm:col-span-2`,children:[(0,$.jsx)(`label`,{className:`text-xs font-medium`,children:`Refresh token`}),(0,$.jsx)(Y,{type:`password`,value:i.refreshToken,onChange:m(`refreshToken`),required:!0,className:`font-mono`,autoComplete:`off`,placeholder:`Sign in below, or paste an offline-access refresh token`}),(0,$.jsx)(YT,{clientId:i.clientId,clientSecret:i.clientSecret,scope:c?`drive.readonly`:`drive`,disabled:u,onLinked:({refreshToken:e,account:t})=>a(n=>({...n,refreshToken:e,name:n.name.trim()||(t?`Drive (${t})`:n.name)}))})]})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-6 text-[11px] text-muted-foreground`,children:[(0,$.jsxs)(`label`,{className:`flex items-center gap-1.5`,title:`Poll the Drive changes feed (every 60s) so edits made in Drive show up without a manual re-sync.`,children:[`watch`,(0,$.jsx)(dE,{checked:o,onClick:()=>s(e=>!e)})]}),(0,$.jsxs)(`label`,{className:`flex items-center gap-1.5`,title:`Never delete files in this Drive. Destroy degrades to a reference drop.`,children:[`read-only`,(0,$.jsx)(dE,{checked:c,onClick:()=>l(e=>!e)})]})]}),(0,$.jsxs)(`div`,{className:`flex gap-2`,children:[(0,$.jsx)(Z,{type:`submit`,size:`sm`,disabled:u||!g,children:u?`Checking…`:`Add Drive`}),(0,$.jsx)(Z,{type:`button`,variant:`ghost`,size:`sm`,disabled:u,onClick:()=>{h(),r(!1)},children:`Cancel`})]})]}):(0,$.jsxs)(Z,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>r(!0),children:[(0,$.jsx)(f,{icon:`mdi:google-drive`,width:14,height:14,className:`mr-2`}),`Add Google Drive`]})}function mE({workspaceId:e,backend:t}){let[n,r]=(0,Q.useState)(t.usage??null),[i,a]=(0,Q.useState)(!1),{showToast:o}=vo();return(0,$.jsxs)(`button`,{type:`button`,onClick:async()=>{a(!0);try{r(await Bo(e,t.driver,t.address))}catch(e){o({title:`Error`,description:e instanceof Error?e.message:`Failed to compute size`,variant:`destructive`})}finally{a(!1)}},disabled:i,className:`flex items-center gap-1.5 rounded border px-2 py-1 text-[11px] text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-50`,title:n?`Computed ${new Date(n.computedAt).toLocaleString()}; click to refresh`:`Compute on-disk size (walks the backend folder; may take a while)`,children:[(0,$.jsx)(Pr,{className:`h-3 w-3 ${i?`animate-pulse`:``}`}),i?`Calculating…`:n?vs(n.bytes):`Size`]})}function hE({workspaceId:e}){let[t,n]=(0,Q.useState)(!1),{showToast:r}=vo();return(0,$.jsxs)(Z,{type:`button`,variant:`outline`,size:`sm`,disabled:t,onClick:async()=>{n(!0);try{let{removed:t}=await rc(e);r({title:`Thumbnail cache cleared`,description:`${t} cached thumbnail(s) removed`})}catch(e){r({title:`Error`,description:e instanceof Error?e.message:`Failed to clear thumbnail cache`,variant:`destructive`})}finally{n(!1)}},title:`Remove all cached thumbnails; they regenerate on demand`,children:[(0,$.jsx)(Xr,{className:`mr-2 h-3.5 w-3.5 ${t?`animate-pulse`:``}`}),t?`Clearing…`:`Clear thumbnails`]})}function gE({workspaceId:e}){let[t,n]=(0,Q.useState)(null),[r,i]=(0,Q.useState)(!1),{showToast:a}=vo();return(0,$.jsxs)(`section`,{className:`rounded-lg border p-4`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(Pr,{className:`h-4 w-4 text-muted-foreground`}),(0,$.jsx)(`h2`,{className:`text-sm font-semibold`,children:`Disk usage`})]}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:`Total on-disk size of this workspace (index, blobs, home, cache): what an export or sync would move. Computed on demand; may take a while on large workspaces.`})]}),(0,$.jsxs)(`div`,{className:`flex shrink-0 items-center gap-3`,children:[t&&(0,$.jsx)(`span`,{className:`text-sm font-semibold`,children:vs(t.bytes)}),(0,$.jsxs)(Z,{type:`button`,variant:`outline`,size:`sm`,disabled:r,onClick:async()=>{i(!0);try{n(await Sc(e))}catch(e){a({title:`Error`,description:e instanceof Error?e.message:`Failed to compute workspace size`,variant:`destructive`})}finally{i(!1)}},children:[(0,$.jsx)(qn,{className:`mr-2 h-3.5 w-3.5 ${r?`animate-spin`:``}`}),r?`Calculating…`:t?`Recalculate`:`Calculate size`]})]})]}),t&&(0,$.jsx)(`div`,{className:`mt-3 grid grid-cols-2 gap-x-6 gap-y-1 border-t pt-3 sm:grid-cols-3`,children:Object.entries(t.breakdown).sort(([,e],[,t])=>t-e).map(([e,t])=>(0,$.jsxs)(`div`,{className:`flex items-baseline justify-between gap-2 text-xs`,children:[(0,$.jsx)(`span`,{className:`truncate font-mono text-muted-foreground`,children:e}),(0,$.jsx)(`span`,{children:vs(t)})]},e))})]})}function _E({backend:e,busy:t,onSave:n}){let r=e.config||{},i=Array.isArray(r.exclude)?r.exclude:[],a=Array.isArray(r.effectiveExclusions)?r.effectiveExclusions:[],o=Math.max(a.length-i.length,0),[s,c]=(0,Q.useState)(!1),[l,u]=(0,Q.useState)(i.join(`
|
|
26
|
-
`)),[d,f]=(0,Q.useState)(!1),p=i.join(`
|
|
27
|
-
`),[m,h]=(0,Q.useState)(p);return m!==p&&(h(p),u(p)),(0,$.jsxs)(`div`,{className:`mt-3 border-t pt-3`,children:[(0,$.jsxs)(`button`,{type:`button`,className:`text-[11px] font-medium text-muted-foreground hover:text-foreground`,onClick:()=>c(!s),children:[`Sync exclusions `,i.length>0?`(${i.length} custom`:`(defaults only`,o>0?`, ${o} default)`:`)`,` `,s?`▾`:`▸`]}),s&&(0,$.jsxs)(`div`,{className:`mt-2 space-y-2`,children:[(0,$.jsxs)(`p`,{className:`text-[11px] text-muted-foreground`,children:[`One glob pattern per line, e.g. `,(0,$.jsx)(`code`,{className:`font-mono`,children:`**/node_modules/**`}),` or `,(0,$.jsx)(`code`,{className:`font-mono`,children:`**/target/**`}),`. Defaults (dotfiles, node_modules, __pycache__, caches, …) always apply. Changes take effect immediately for the watcher; run Re-sync to also unlink already-mirrored entries.`]}),(0,$.jsx)(`textarea`,{className:`w-full min-h-[80px] rounded-md border bg-background p-2 font-mono text-xs`,value:l,onChange:e=>u(e.target.value),placeholder:`**/node_modules/**
|
|
28
|
-
**/dist/**`,spellCheck:!1}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(Z,{type:`button`,size:`sm`,disabled:t||l.split(`
|
|
29
|
-
`).map(e=>e.trim()).filter(Boolean).join(`
|
|
30
|
-
`)===i.join(`
|
|
31
|
-
`),onClick:()=>n(l.split(`
|
|
32
|
-
`).map(e=>e.trim()).filter(Boolean)),children:`Save exclusions`}),o>0&&(0,$.jsxs)(`button`,{type:`button`,className:`text-[11px] text-muted-foreground hover:text-foreground`,onClick:()=>f(!d),children:[d?`Hide`:`Show`,` default patterns`]})]}),d&&(0,$.jsx)(`pre`,{className:`max-h-40 overflow-auto rounded-md bg-muted/50 p-2 font-mono text-[11px] text-muted-foreground`,children:a.filter(e=>!i.includes(e)).join(`
|
|
33
|
-
`)})]})]})}function vE({device:e,linked:t,busy:n,onLink:r,onUnlink:i,onUpdate:a}){let[o,s]=(0,Q.useState)(!1),[c,l]=(0,Q.useState)(e.name),[u,d]=(0,Q.useState)(e.description??``),f=()=>{c.trim()&&(c!==e.name||u!==(e.description??``))&&a({name:c.trim(),description:u.trim()||void 0}),s(!1)},p=()=>{l(e.name),d(e.description??``),s(!1)};return(0,$.jsx)(`section`,{className:`rounded-lg border p-4`,children:(0,$.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,$.jsxs)(`div`,{className:`flex items-start gap-3 min-w-0`,children:[(0,$.jsx)(pa,{className:`h-4 w-4 text-muted-foreground mt-0.5 shrink-0`}),(0,$.jsxs)(`div`,{className:`min-w-0`,children:[o?(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(Y,{value:c,onChange:e=>l(e.target.value),className:`h-7 text-sm`,placeholder:`Device name`,autoFocus:!0,onKeyDown:e=>{e.key===`Enter`&&f(),e.key===`Escape`&&p()}}),(0,$.jsx)(Y,{value:u,onChange:e=>d(e.target.value),className:`h-7 text-xs`,placeholder:`Description (optional)`,onKeyDown:e=>{e.key===`Enter`&&f(),e.key===`Escape`&&p()}})]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`div`,{className:`text-sm font-medium`,children:e.name}),e.description&&(0,$.jsx)(`div`,{className:`text-xs text-muted-foreground mt-0.5`,children:e.description})]}),(0,$.jsxs)(`div`,{className:`mt-1.5 flex flex-wrap gap-x-3 gap-y-0.5 text-[11px] text-muted-foreground font-mono`,children:[(0,$.jsx)(`span`,{children:e.deviceId}),e.platform&&(0,$.jsx)(`span`,{children:e.platform}),e.arch&&(0,$.jsx)(`span`,{children:e.arch}),e.type&&(0,$.jsx)(`span`,{children:e.type})]})]})]}),(0,$.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[o?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Z,{type:`button`,variant:`outline`,size:`sm`,onClick:f,disabled:!c.trim(),children:(0,$.jsx)(rr,{className:`h-3.5 w-3.5`})}),(0,$.jsx)(Z,{type:`button`,variant:`ghost`,size:`sm`,onClick:p,children:(0,$.jsx)(mr,{className:`h-3.5 w-3.5`})})]}):(0,$.jsx)(Z,{type:`button`,variant:`ghost`,size:`sm`,onClick:()=>s(!0),title:`Edit name/description`,children:(0,$.jsx)(gr,{className:`h-3.5 w-3.5`})}),t?(0,$.jsx)(Z,{type:`button`,variant:`outline`,size:`sm`,disabled:n,onClick:i,className:`text-destructive hover:text-destructive`,title:`Remove from workspace`,children:(0,$.jsx)(Qn,{className:`h-3.5 w-3.5`})}):(0,$.jsx)(Z,{type:`button`,variant:`outline`,size:`sm`,disabled:n,onClick:r,title:`Link to workspace`,children:(0,$.jsx)(Ri,{className:`h-3.5 w-3.5`})}),t&&(0,$.jsx)(`span`,{className:`rounded-full bg-primary/10 px-2 py-0.5 text-[11px] font-medium text-primary`,children:`linked`})]})]})})}function yE({allDevices:e,linkedDevices:t,isLoading:n,deviceBusy:r,onRefresh:i,onLink:a,onUnlink:o,onUpdate:s}){let c=new Set(t.map(e=>e.deviceId));return n?(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-sm text-muted-foreground`,children:[(0,$.jsx)(qn,{className:`h-4 w-4 animate-spin`}),`Loading devices…`]}):(0,$.jsxs)(`div`,{className:`space-y-4`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,$.jsxs)(`p`,{className:`text-xs text-muted-foreground`,children:[c.size,` of `,e.length,` registered device`,e.length===1?``:`s`,` linked to this workspace.`]}),(0,$.jsxs)(Z,{type:`button`,variant:`outline`,size:`sm`,onClick:i,disabled:n,children:[(0,$.jsx)(qn,{className:`mr-2 h-3.5 w-3.5`}),`Refresh`]})]}),e.length===0?(0,$.jsxs)(`div`,{className:`rounded-md border p-4 text-sm text-muted-foreground`,children:[`No devices registered. Devices register themselves on first connection via `,(0,$.jsx)(`span`,{className:`font-mono`,children:`POST /auth/devices/register`}),`.`]}):(0,$.jsx)(`div`,{className:`space-y-2`,children:e.map(e=>(0,$.jsx)(vE,{device:e,linked:c.has(e.deviceId),busy:r===e.deviceId,onLink:()=>a(e.deviceId),onUnlink:()=>o(e.deviceId),onUpdate:t=>s(e.deviceId,t)},e.deviceId))})]})}function bE({label:e,value:t,mono:n=!1}){return(0,$.jsxs)(`div`,{className:`flex items-start justify-between gap-4 py-2 border-b last:border-0`,children:[(0,$.jsx)(`span`,{className:`text-xs text-muted-foreground shrink-0`,children:e}),(0,$.jsx)(`span`,{className:`text-xs text-right ${n?`font-mono`:``}`,children:t??`—`})]})}function xE({workspaceName:e,current:t,weights:n,floorMode:r,relativeMargin:i,onDone:a}){let[o,s]=(0,Q.useState)(t==null?``:String(t)),[c,l]=(0,Q.useState)(r??`relative`),[u,d]=(0,Q.useState)(i==null?`0.035`:String(i)),[f,p]=(0,Q.useState)(n?.fts==null?`2`:String(n.fts)),[m,h]=(0,Q.useState)(n?.dense==null?`1`:String(n.dense)),[g,_]=(0,Q.useState)(n?.image==null?`2`:String(n.image)),[v,y]=(0,Q.useState)(!1),[b,x]=(0,Q.useState)(null),[S,C]=(0,Q.useState)(N_);return(0,$.jsxs)(`div`,{className:`mt-3 space-y-3`,children:[(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(`label`,{className:`text-xs text-muted-foreground`,children:`How photo relevance is decided`}),(0,$.jsxs)(`select`,{value:c,onChange:e=>l(e.target.value),className:`h-8 rounded-md border border-input bg-transparent px-2 text-xs`,children:[(0,$.jsx)(`option`,{value:`relative`,children:`Relative to the best match (recommended)`}),(0,$.jsx)(`option`,{value:`absolute`,children:`Absolute distance cutoff`})]}),(0,$.jsx)(`p`,{className:`text-[11px] text-muted-foreground`,children:`Photo-vs-text distances shift with every query and every model, so one fixed cutoff travels badly: a value tuned for one model keeps everything (or nothing) on the next. Relative anchors on the best match for THIS query and survives a re-embed.`})]}),c===`relative`&&(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(`label`,{className:`text-xs text-muted-foreground`,children:`Window width (distance from the best match)`}),(0,$.jsx)(Y,{value:u,onChange:e=>d(e.target.value),placeholder:`0.035`,className:`h-8 w-28 font-mono text-xs`,inputMode:`decimal`}),(0,$.jsx)(`p`,{className:`text-[11px] text-muted-foreground`,children:`Wider keeps photos that match your query only partly, which is what a photo matching TWO things (a snowy window) looks like, since it sits further from each one than a pure example does. Too wide and everything gets in.`})]}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(`label`,{className:`text-xs text-muted-foreground`,children:c===`relative`?`Hard ceiling (cosine distance, 0–2; blank = off)`:`Image relevance floor (cosine distance, 0–2; blank = off)`}),(0,$.jsx)(Y,{value:o,onChange:e=>s(e.target.value),placeholder:`0.95`,className:`h-8 w-28 font-mono text-xs`,inputMode:`decimal`}),(0,$.jsx)(`p`,{className:`text-[11px] text-muted-foreground`,children:c===`relative`?`Nothing beyond this counts as a match however close it is to the best one. This is what lets a search of something you have no photos of come back empty. Without it, a relative window always returns its nearest photo.`:`Lower = stricter (fewer, more-relevant photos); raise if relevant photos are missing.`})]}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(`label`,{className:`text-xs text-muted-foreground`,children:`Hybrid fusion weights (0 disables a signal)`}),(0,$.jsx)(`div`,{className:`flex flex-wrap items-end gap-x-3 gap-y-2`,children:[[`lexical`,f,p],[`text semantic`,m,h],[`image`,g,_]].map(([e,t,n])=>(0,$.jsxs)(`div`,{className:`space-y-1`,children:[(0,$.jsx)(`span`,{className:`block text-[11px] text-muted-foreground`,children:e}),(0,$.jsx)(Y,{value:t,onChange:e=>n(e.target.value),className:`h-8 w-16 font-mono text-xs`,inputMode:`decimal`})]},e))}),(0,$.jsx)(`p`,{className:`text-[11px] text-muted-foreground`,children:`Ranking mix: lexical (filenames/content) · text semantics · photo matches. Equal lexical/image ranks a matching photo like a matching document.`})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(Z,{size:`sm`,variant:`outline`,onClick:async()=>{y(!0),x(null);try{let t=o.trim(),n=t===``?null:Number(t);if(n!==null&&!Number.isFinite(n)){x(`Enter a number (e.g. 0.95) or leave empty`);return}let r={fts:Number(f),dense:Number(m),image:Number(g)};if(Object.values(r).some(e=>!Number.isFinite(e)||e<0)){x(`Weights must be numbers ≥ 0`);return}let i=Number(u.trim());if(c===`relative`&&(!Number.isFinite(i)||i<=0)){x(`Window width must be a positive number (e.g. 0.035)`);return}await wc(e,{imageMaxDistance:n,imageFloorMode:c,...c===`relative`?{imageRelativeMargin:i}:{},searchWeights:r}),x(`Saved`),a()}catch(e){x(e instanceof Error?e.message:`Failed to save`)}finally{y(!1)}},disabled:v,children:v?`Saving…`:`Save`}),b&&(0,$.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:b})]}),(0,$.jsxs)(`div`,{className:`space-y-1.5 border-t border-border pt-3`,children:[(0,$.jsxs)(`label`,{className:`flex items-center gap-2 text-xs`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:S,onChange:e=>{P_(e.target.checked),C(e.target.checked)}}),(0,$.jsx)(`span`,{children:`Debug query`})]}),(0,$.jsx)(`p`,{className:`text-[11px] text-muted-foreground`,children:`Attaches the raw (unfloored) image distances to each search and shows them above the document list: the numbers this floor should be picked from. Local to this browser; costs a little extra work per query, so leave it off day to day.`})]})]})}function SE({stats:e,isLoading:t,onRefresh:n,workspaceName:r}){return t?(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-sm text-muted-foreground`,children:[(0,$.jsx)(qn,{className:`h-4 w-4 animate-spin`}),`Loading stats…`]}):(0,$.jsxs)(`div`,{className:`space-y-4`,children:[(0,$.jsxs)(`div`,{className:`flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between`,children:[(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Live snapshot from synapsd. Click refresh for updated counts.`}),(0,$.jsxs)(Z,{type:`button`,variant:`outline`,size:`sm`,onClick:n,disabled:t,children:[(0,$.jsx)(qn,{className:`mr-2 h-3.5 w-3.5`}),`Refresh`]})]}),(0,$.jsx)(EE,{workspaceName:r,vectorSpaces:Object.keys(e?.semantic?.vectorSpaces||{}),onDone:n}),e?(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`section`,{className:`rounded-lg border p-4`,children:[(0,$.jsxs)(`div`,{className:`mb-3 flex items-center gap-2`,children:[(0,$.jsx)(Aa,{className:`h-4 w-4 text-muted-foreground`}),(0,$.jsx)(`h2`,{className:`text-sm font-semibold`,children:`Core Index`})]}),(0,$.jsx)(bE,{label:`Backend`,value:e.dbBackend,mono:!0}),(0,$.jsx)(bE,{label:`Status`,value:e.status}),(0,$.jsx)(bE,{label:`Path`,value:e.dbPath,mono:!0}),(0,$.jsx)(bE,{label:`Documents`,value:e.documentCount?.toLocaleString()}),(0,$.jsx)(bE,{label:`Metadata entries`,value:e.metadataCount?.toLocaleString()}),(0,$.jsx)(bE,{label:`Checksum index`,value:e.checksumIndexSize?.toLocaleString()}),(0,$.jsx)(bE,{label:`Bitmap store`,value:e.bitmapStoreSize?.toLocaleString()}),(0,$.jsx)(bE,{label:`Bitmap cache`,value:e.bitmapCacheSize?.toLocaleString()}),(0,$.jsx)(bE,{label:`Deleted (pending GC)`,value:e.deletedDocumentsCount?.toLocaleString()})]}),e.fts&&(0,$.jsxs)(`section`,{className:`rounded-lg border p-4`,children:[(0,$.jsxs)(`div`,{className:`mb-3 flex items-center gap-2`,children:[(0,$.jsx)(Mi,{className:`h-4 w-4 text-muted-foreground`}),(0,$.jsx)(`h2`,{className:`text-sm font-semibold`,children:`Full-Text Search (LanceDB)`})]}),`ready`in e.fts&&(0,$.jsx)(bE,{label:`Ready`,value:String(e.fts.ready)}),e.fts.rowCount!==void 0&&(0,$.jsx)(bE,{label:`Row count`,value:e.fts.rowCount?.toLocaleString()}),e.fts.error&&(0,$.jsx)(bE,{label:`Error`,value:(0,$.jsx)(`span`,{className:`text-destructive`,children:e.fts.error})})]}),e.semantic&&(0,$.jsxs)(`section`,{className:`rounded-lg border p-4`,children:[(0,$.jsxs)(`div`,{className:`mb-3 flex items-center gap-2`,children:[(0,$.jsx)(Mi,{className:`h-4 w-4 text-muted-foreground`}),(0,$.jsx)(`h2`,{className:`text-sm font-semibold`,children:`Semantic / Vector Search`})]}),(0,$.jsx)(bE,{label:`Enabled`,value:String(e.semantic.enabled)}),e.semantic.enabled&&(0,$.jsxs)($.Fragment,{children:[e.inferd?.routing?Object.entries(e.inferd.routing).map(([e,t])=>(0,$.jsx)(bE,{label:`Embeds → ${e}`,value:(0,$.jsx)(`span`,{className:`font-mono text-[11px]`,children:t.join(`, `)})},`route-${e}`)):(0,$.jsx)(bE,{label:`Text-embeddable (gap default)`,value:e.semantic.embeddableSchemas?.join(`, `)}),e.semantic.vectorSpaces&&Object.entries(e.semantic.vectorSpaces).map(([e,t])=>(0,$.jsx)(bE,{label:`Space: ${e} (${t.dim??`?`}-d)`,value:t.error?(0,$.jsx)(`span`,{className:`text-destructive`,children:t.error}):`${(t.embeddedDocs??0).toLocaleString()} docs · ${(t.chunkRows??0).toLocaleString()} vectors`},e)),(0,$.jsx)(bE,{label:`Photo relevance`,value:e.semantic.imageFloorMode===`absolute`?`absolute cutoff`:`relative ±${e.semantic.imageRelativeMargin??.035}`,mono:!0}),(0,$.jsx)(bE,{label:e.semantic.imageFloorMode===`absolute`?`Image relevance floor`:`Hard ceiling`,value:e.semantic.imageMaxDistance==null?`off`:e.semantic.imageMaxDistance,mono:!0}),(0,$.jsx)(bE,{label:`Fusion weights (lexical · text · image)`,value:`${e.semantic.searchWeights?.fts??2} · ${e.semantic.searchWeights?.dense??1} · ${e.semantic.searchWeights?.image??2}`,mono:!0}),(0,$.jsx)(xE,{workspaceName:r,current:e.semantic.imageMaxDistance,weights:e.semantic.searchWeights,floorMode:e.semantic.imageFloorMode,relativeMargin:e.semantic.imageRelativeMargin,onDone:n})]})]})]}):(0,$.jsx)(`div`,{className:`rounded-md border p-4 text-sm text-muted-foreground`,children:`No stats available.`})]})}function CE(){let{workspaceName:e}=Ft();return(0,$.jsx)(wE,{},e)}function wE(){let{workspaceName:e,tab:t}=Ft(),[n,r]=pn(),i=n.get(`section`),a=[`pending`,`rules`,`hooks`,`scripts`,`runs`].find(e=>e===i),o=n.get(`handler`)||void 0,s=n.get(`run`)||void 0,c=n.get(`addRuleKind`),l=n.get(`addRulePath`),u=n.get(`addRuleTarget`),d=n.get(`addRuleStoreTo`),p=n.get(`addRuleStoreFolder`),m=(0,Q.useMemo)(()=>c===`store`||c===`download`?!l&&!d&&!p?null:{kind:c,path:l||``,storeTo:d||``,storeFolder:p||``}:l?{kind:`mirror`,path:l,target:u||`dir:/`}:null,[c,l,u,d,p]),h=(0,Q.useCallback)(()=>{r(e=>{for(let t of[`addRuleKind`,`addRulePath`,`addRuleTarget`,`addRuleStoreTo`,`addRuleStoreFolder`])e.delete(t);return e},{replace:!0})},[r]),g=ot(),{showToast:_,showProgress:v}=vo(),y=ae(),{goBack:b}=eg(),x=oy(t);(0,Q.useEffect)(()=>{t!==x&&g(`/workspaces/${e}/settings/${x}`,{replace:!0})},[t,x,e,g]);let[S,C]=(0,Q.useState)(null),w=V(S),[T,E]=(0,Q.useState)(0),[D,O]=(0,Q.useState)(!0),[k,A]=(0,Q.useState)(!1),[j,M]=(0,Q.useState)(!1),[N,P]=(0,Q.useState)(``),[ee,F]=(0,Q.useState)(``),[I,te]=(0,Q.useState)(`#FFFFFF`),[L,R]=(0,Q.useState)(null),[ne,z]=(0,Q.useState)(null),[re,ie]=(0,Q.useState)([]),[oe,se]=(0,Q.useState)(null),[B,H]=(0,Q.useState)([]),[U,ce]=(0,Q.useState)(null),[le,ue]=(0,Q.useState)(null),[de,fe]=(0,Q.useState)(!1),[pe,me]=(0,Q.useState)([]),[he,ge]=(0,Q.useState)([]),[_e,ve]=(0,Q.useState)(!1),[ye,W]=(0,Q.useState)(null),G=e||S?.id||``,be=(0,Q.useRef)(G);(0,Q.useEffect)(()=>{be.current=G});let K=(0,Q.useCallback)(async e=>{let t=e??be.current;if(t)try{let e=await ec(t);ie(e.publicCanvasShares)}catch(e){_({title:`Error`,description:e instanceof Error?e.message:`Failed to load shares`,variant:`destructive`})}},[_]),q=(0,Q.useCallback)(async e=>{let t=e??be.current;if(t){fe(!0);try{let e=await Bs(t);ue(e)}catch(e){_({title:`Error`,description:e instanceof Error?e.message:`Failed to load DB stats`,variant:`destructive`})}finally{fe(!1)}}},[_]),xe=(0,Q.useCallback)(async e=>{let t=e??be.current;if(t){ve(!0);try{let[e,n]=await Promise.all([Xv(),$v(t)]);me(e),ge(n)}catch(e){_({title:`Error`,description:e instanceof Error?e.message:`Failed to load devices`,variant:`destructive`})}finally{ve(!1)}}},[_]),Se=async e=>{W(e);try{let t=pe.find(t=>t.deviceId===e);if(!t)throw Error(`Device not found in your account`);await ey(G,t),await xe(),_({title:`Linked`,description:`Device linked to workspace`})}catch(e){_({title:`Error`,description:e instanceof Error?e.message:`Failed to link device`,variant:`destructive`})}finally{W(null)}},Ce=async e=>{W(e);try{await ty(G,e),ge(t=>t.filter(t=>t.deviceId!==e)),_({title:`Unlinked`,description:`Device removed from workspace`})}catch(e){_({title:`Error`,description:e instanceof Error?e.message:`Failed to unlink device`,variant:`destructive`})}finally{W(null)}},we=async(e,t)=>{W(`edit:${e}`);try{let n=await Zv(e,t);me(t=>t.map(t=>t.deviceId===e?{...t,...n}:t)),_({title:`Saved`,description:`Device updated`})}catch(e){_({title:`Error`,description:e instanceof Error?e.message:`Failed to update device`,variant:`destructive`})}finally{W(null)}},Te=(0,Q.useCallback)(async e=>{let t=e??be.current;if(!t)return;let[n,r]=await Promise.all([uc(t).catch(()=>null),Fs(t).catch(()=>[])]);se(n),H(r.filter(e=>e.kind===`storage`))},[]),Ee=B.some(e=>e.resyncing);(0,Q.useEffect)(()=>{if(!w||!Ee||!G)return;let e=setInterval(()=>{Te()},4e3);return()=>clearInterval(e)},[w,Ee,G,Te]),(0,Q.useEffect)(()=>{let t=!1;async function n(){try{let n=await ss();if(t)return;let r=n.find(t=>t.id===e)??n.find(t=>t.name===e);if(C(r??null),r){if(!V(r))return;P(r.label||``),F(r.description||``),te(r.color||`#FFFFFF`),R(r.icon??null),r.status===`active`&&await Promise.all([K(e||r.id),Te(e||r.id)])}}catch{t||_({title:`Error`,description:`Failed to load workspace`,variant:`destructive`})}finally{t||O(!1)}}return n(),()=>{t=!0}},[e,K,Te,_,T]),(0,Q.useEffect)(()=>{let e=()=>E(e=>e+1);return window.addEventListener(`workspaces:refresh`,e),()=>window.removeEventListener(`workspaces:refresh`,e)},[]);let De=(0,Q.useRef)(!1),Oe=(0,Q.useRef)(!1);(0,Q.useEffect)(()=>{De.current=!!le||de,Oe.current=_e||pe.length>0}),(0,Q.useEffect)(()=>{w&&(S?.status===`active`&&x===`db`&&G&&!De.current&&q(),S?.status===`active`&&x===`devices`&&G&&!Oe.current&&xe())},[w,x,G,S?.status,q,xe]);let ke=async e=>{if(e.preventDefault(),S){A(!0);try{await Ao(G,{label:N.trim(),description:ee.trim(),color:I,icon:L}),window.dispatchEvent(new CustomEvent(`workspaces:refresh`)),_({title:`Saved`,description:`Workspace settings updated`})}catch(e){_({title:`Error`,description:e instanceof Error?e.message:`Save failed`,variant:`destructive`})}finally{A(!1)}}},Ae=async()=>{if(S&&window.prompt(`Destroy workspace "${S.label||S.name}" and all its documents? This cannot be undone. Type the workspace name "${S.name}" to confirm:`)===S.name){M(!0);try{await Es(G),window.dispatchEvent(new CustomEvent(`workspaces:refresh`)),_({title:`Destroyed`,description:`${S.label||S.name} has been removed`}),g(`/workspaces`)}catch(e){_({title:`Error`,description:e instanceof Error?e.message:`Destroy failed`,variant:`destructive`})}finally{M(!1)}}},je=()=>{for(let t of[e,S?.name,S?.id])t&&Gs(t,`backends`);window.dispatchEvent(new CustomEvent(`workspace:tree:refresh`,{detail:{workspaceName:G}}))},Me=async e=>{if(e.config?.supported!==!1){ce(`backend:${e.address}`);try{await ms(G,e.driver,e.address,{enabled:!e.enabled}),await Te(),je(),_({title:`Saved`,description:`${e.address} ${e.enabled?`disabled`:`enabled`}`})}catch(e){_({title:`Error`,description:e instanceof Error?e.message:`Failed to update backend`,variant:`destructive`})}finally{ce(null)}}},Ne=async(e,t,n)=>{ce(`${n}:${e.address}`);try{await ms(G,e.driver,e.address,t),await Te()}catch(e){_({title:`Error`,description:e instanceof Error?e.message:`Failed to update backend`,variant:`destructive`})}finally{ce(null)}},Pe=async e=>{let t=typeof e.config?.label==`string`&&e.config.label||e.address;if(window.confirm(`Remove backend "${t}"? No files are deleted; indexed entries remain until purged from the backends tree.`)){ce(`remove:${e.address}`);try{await mc(G,e.driver,e.address),await Te(),je(),_({title:`Removed`,description:`${t} unmounted`})}catch(e){_({title:`Error`,description:e instanceof Error?e.message:`Failed to remove backend`,variant:`destructive`})}finally{ce(null)}}},Fe=async e=>{ce(`resync:${e.address}`);try{await Qe(v,G,e.driver,e.address,e=>{H(t=>t.map(t=>t.driver===e.driver&&t.address===e.address?e:t))}),await Te()}catch{}finally{ce(null)}},Ie=async e=>{ce(`test:${e.address}`);try{await Os(G,e.driver,e.address),_({title:`Connected`,description:`${e.address}: credentials and root folder verified`})}catch(e){_({title:`Connection failed`,description:e instanceof Error?e.message:`Test failed`,variant:`destructive`})}finally{ce(null)}},Le=async e=>{ce(`stopsync:${e.address}`);try{await dc(G,e.driver,e.address),await Te(),_({title:`Sync stopped`,description:`${e.address}: indexed files are kept; Re-sync resumes where it left off`})}catch(e){_({title:`Error`,description:e instanceof Error?e.message:`Failed to stop sync`,variant:`destructive`})}finally{ce(null)}},Re=async(e,t)=>{ce(`service:${e}`);try{t?await Zs(G,e):await Xo(G,e),await Te(),_({title:t?`Disabled`:`Enabled`,description:`${e} ${t?`disabled`:`enabled`}`})}catch(e){_({title:`Error`,description:e instanceof Error?e.message:`Failed to toggle service`,variant:`destructive`})}finally{ce(null)}},ze=async e=>{let t=`${window.location.origin}${e.url}`;await navigator.clipboard?.writeText(t),_({title:`Copied`,description:t})},Be=async e=>{if(S&&window.confirm(`Revoke public share for "${e.path}"?`)){ce(`share:${e.code}`);try{await lc(G,e.code),await K(G),window.dispatchEvent(new CustomEvent(`workspace:tree:refresh`,{detail:{workspaceName:G}})),_({title:`Revoked`,description:`Public canvas link no longer works`})}catch(e){_({title:`Error`,description:e instanceof Error?e.message:`Failed to revoke share`,variant:`destructive`})}finally{ce(null)}}},Ve=iy.find(e=>e.id===x);return D?(0,$.jsx)(`div`,{className:`p-6 text-sm text-muted-foreground`,children:`Loading...`}):S?w?(0,$.jsx)(`div`,{className:`h-full min-h-0 overflow-y-auto`,children:(0,$.jsxs)(`div`,{className:`mx-auto max-w-5xl p-6 pb-12 max-md:px-4 max-md:pb-rail-stack`,children:[(0,$.jsx)(ph,{compact:!0,className:`mb-6 border-b pb-4`,title:`${Ve.label} - ${S.label||S.name}`,description:`This workspace · ${Ve.description}`,backTo:`/workspaces/${e}`,onBack:y?b:void 0}),S.status!==`active`&&x!==`general`&&x!==`backups`&&(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Start this workspace to access these settings. General settings and protection remain available while stopped.`}),x===`backups`&&(0,$.jsx)(hw,{workspaceId:G,onRestored:()=>E(e=>e+1)}),x===`general`&&(0,$.jsxs)(`div`,{className:`space-y-6`,children:[(0,$.jsxs)(`form`,{onSubmit:ke,className:`space-y-4 rounded-lg border p-4`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`ws-id`,className:`text-sm font-medium`,children:`Workspace ID`}),(0,$.jsx)(Y,{id:`ws-id`,value:S.id,readOnly:!0,className:`font-mono text-sm`,onFocus:e=>e.currentTarget.select()})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`ws-label`,className:`text-sm font-medium`,children:`Label`}),(0,$.jsx)(Y,{id:`ws-label`,value:N,onChange:e=>P(e.target.value),placeholder:`Workspace Label`})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`ws-description`,className:`text-sm font-medium`,children:`Description`}),(0,$.jsx)(Y,{id:`ws-description`,value:ee,onChange:e=>F(e.target.value),placeholder:`Description (optional)`})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{className:`text-sm font-medium`,children:`Icon & color`}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`button`,{type:`button`,title:`Pick icon & color`,onClick:e=>z({x:Math.min(e.clientX,window.innerWidth-290),y:Math.min(e.clientY,window.innerHeight-360)}),className:`flex h-10 w-10 items-center justify-center rounded-md border hover:bg-accent`,children:(0,$.jsx)(f,{icon:L||`ph:stack-fill`,width:22,height:22,color:wt(I)})}),(0,$.jsx)(Y,{id:`ws-color`,type:`color`,value:I,onChange:e=>te(e.target.value),className:`h-10 w-16 p-1`}),(0,$.jsx)(Z,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>te(cn()),children:`Randomize`})]})]}),(0,$.jsx)(Z,{type:`submit`,disabled:k||!N.trim(),children:k?`Saving...`:`Save Changes`})]}),ne&&(0,$.jsx)(_h,{x:ne.x,y:ne.y,current:{icon:L??void 0,color:I},onChange:e=>{`icon`in e&&R(e.icon??null),`color`in e&&e.color&&te(e.color)},onClose:()=>z(null)}),(0,$.jsx)(Dw,{currentMode:S.protection?.mode,workspaceId:G,isActive:S.status===`active`,onChanged:()=>E(e=>e+1)}),S.status===`active`&&(0,$.jsx)(TE,{workspaceName:e}),S.status===`active`&&(0,$.jsx)(gE,{workspaceId:G}),(0,$.jsx)(cE,{workspaceId:G,workspaceName:S.label||S.name,isActive:S.status===`active`,onChanged:()=>E(e=>e+1)}),(0,$.jsxs)(`section`,{className:`rounded-lg border border-destructive/30 p-4`,children:[(0,$.jsx)(`h2`,{className:`mb-3 text-sm font-semibold text-destructive`,children:`Danger Zone`}),(0,$.jsxs)(Z,{variant:`destructive`,disabled:j,onClick:Ae,children:[(0,$.jsx)(Xr,{className:`mr-2 h-4 w-4`}),j?`Destroying...`:`Destroy Workspace`]})]})]}),S.status===`active`&&x===`shares`&&(0,$.jsxs)(`div`,{className:`space-y-4`,children:[(0,$.jsxs)(`section`,{className:`rounded-lg border p-4`,children:[(0,$.jsxs)(`div`,{className:`mb-3`,children:[(0,$.jsx)(`h2`,{className:`text-sm font-semibold`,children:`Members`}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Share this workspace with teammates by e-mail or with a whole directory group. It shows up in their workspace list on this server.`})]}),(0,$.jsx)(sE,{workspaceId:G})]}),(0,$.jsxs)(`section`,{className:`space-y-3 rounded-lg border p-4`,children:[(0,$.jsxs)(`div`,{className:`flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`h2`,{className:`text-sm font-semibold`,children:`Public Canvas Shares`}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Active public canvas links for this workspace.`})]}),(0,$.jsxs)(Z,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>K(),children:[(0,$.jsx)(qn,{className:`mr-2 h-3.5 w-3.5`}),`Refresh`]})]}),re.length===0?(0,$.jsx)(`div`,{className:`rounded-md border p-4 text-sm text-muted-foreground`,children:`No public canvas shares. Good.`}):re.map(e=>{let t=`${window.location.origin}${e.url}`;return(0,$.jsxs)(`div`,{className:`rounded-md border p-3`,children:[(0,$.jsxs)(`div`,{className:`flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between sm:gap-3`,children:[(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsx)(`div`,{className:`truncate font-mono text-sm`,children:e.path}),(0,$.jsxs)(`div`,{className:`mt-1 text-xs text-muted-foreground`,children:[e.treeName,` / `,e.treeType,` - created `,new Date(e.createdAt).toLocaleString()]}),e.lockedBy?.length>0&&(0,$.jsxs)(`div`,{className:`mt-1 text-[11px] text-muted-foreground`,children:[`locks: `,e.lockedBy.join(`, `)]})]}),(0,$.jsxs)(`div`,{className:`flex shrink-0 gap-2`,children:[(0,$.jsx)(Z,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>ze(e),children:(0,$.jsx)(Un,{className:`h-3.5 w-3.5`})}),(0,$.jsx)(Z,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>window.open(t,`_blank`,`noreferrer`),children:(0,$.jsx)(ki,{className:`h-3.5 w-3.5`})}),(0,$.jsx)(Z,{type:`button`,variant:`outline`,size:`sm`,disabled:U===`share:${e.code}`,onClick:()=>Be(e),className:`text-destructive hover:text-destructive`,children:(0,$.jsx)(Qn,{className:`h-3.5 w-3.5`})})]})]}),(0,$.jsx)(`div`,{className:`mt-2 truncate rounded bg-muted/40 px-2 py-1 font-mono text-xs text-muted-foreground`,children:t})]},e.code)})]}),(0,$.jsxs)(`section`,{className:`rounded-lg border p-4`,children:[(0,$.jsxs)(`div`,{className:`mb-3`,children:[(0,$.jsx)(`h2`,{className:`text-sm font-semibold`,children:`Workspace ACL Tokens`}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Generate token-based workspace access for devices, scripts, and other users.`})]}),(0,$.jsx)(rE,{workspaceId:G})]})]}),S.status===`active`&&x===`data`&&(0,$.jsxs)(`div`,{className:`space-y-3`,children:[B.map(e=>{let t=e.config||{},n=e.address,r=t.device||null,i=e.driver===`gdrive`,a=e.driver===`s3`,o=(e.driver===`file`||i||a)&&t.managed!==!0&&!lE[n],s=lE[n]||{title:typeof t.label==`string`&&t.label||n,description:a?`S3 bucket ${t.bucket||``}${t.prefix?`/${t.prefix}`:``}${t.endpoint?` at ${t.endpoint}`:``}. Filing copies only.`:i?`Google Drive${typeof t.account==`string`&&t.account&&t.account!==t.label?` (${t.account})`:``}, folder ${typeof t.folderId==`string`&&t.folderId?t.folderId:`root`}${e.treePath?`, mirrored at ${e.treePath}`:``}.`:o?`Local folder${r?.name?` on ${r.name}`:``}, indexed in place${e.treePath?` and mirrored at ${e.treePath}`:``}.`:`Workspace data backend.`},c=t.supported!==!1,l=n===`workspace:data`,u=c&&!l,d=u&&t.managed!==!0,p=fn(e);return(0,$.jsxs)(`section`,{className:`rounded-lg border p-4`,children:[(0,$.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(f,{icon:p.icon,width:16,height:16,color:p.color,className:`shrink-0`}),(0,$.jsx)(`h2`,{className:`text-sm font-semibold`,children:s.title}),!c&&(0,$.jsx)(`span`,{className:`rounded bg-muted px-2 py-0.5 text-[11px] text-muted-foreground`,children:`unsupported`})]}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:s.description}),typeof t.root==`string`&&t.root&&(0,$.jsx)(`p`,{className:`mt-2 truncate font-mono text-xs text-muted-foreground`,children:t.root}),(0,$.jsxs)(`div`,{className:`mt-2 flex flex-wrap gap-2 text-[11px] text-muted-foreground`,children:[(0,$.jsxs)(`span`,{children:[`status: `,e.status]}),e.resyncing&&(0,$.jsxs)(`span`,{className:`flex items-center gap-1 rounded bg-primary/10 px-1.5 py-0.5 font-medium text-primary`,children:[(0,$.jsx)(qn,{className:`h-3 w-3 animate-spin`}),`indexing`,e.progress?` ${e.progress.scanned}${e.progress.total==null?``:` / ${e.progress.total}`}`:``]}),r?.name&&(0,$.jsxs)(`span`,{title:r.id,children:[`device: `,r.name]}),t.readOnly===!0&&(0,$.jsx)(`span`,{className:`rounded bg-warning/15 px-1.5 py-0.5 font-medium text-warning`,children:`read-only`}),e.lastSyncAt&&(0,$.jsxs)(`span`,{children:[`last scan: `,new Date(e.lastSyncAt).toLocaleString()]})]}),e.lastError&&(0,$.jsx)(`p`,{className:`mt-2 text-xs text-destructive`,children:e.lastError}),t.readOnly===!0&&(0,$.jsx)(`p`,{className:`mt-1 text-[11px] text-warning`,children:`Read-only: the web UI / REST API never deletes bytes on this backend. Destroy degrades to a reference drop. Recommended when the folder is exported elsewhere (e.g. via Samba).`})]}),(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3 border-t pt-3`,children:[e.capabilities?.sync&&c&&(0,$.jsxs)(`label`,{className:`flex items-center gap-1.5 text-xs text-muted-foreground`,title:`Scan this backend in the background whenever the workspace starts. Manual scans remain available when off.`,children:[`Scan on start`,(0,$.jsx)(dE,{checked:t.scanOnStart===!0,disabled:U===`startup:${n}`,onClick:()=>Ne(e,{scanOnStart:t.scanOnStart!==!0},`startup`)})]}),(e.driver===`file`||i||a)&&u&&(0,$.jsxs)(`label`,{className:`flex items-center gap-1.5 text-[11px] text-muted-foreground`,title:i?`Poll the Drive changes feed so edits made in Drive show up without a manual re-sync.`:void 0,children:[`Watch for changes`,(0,$.jsx)(dE,{checked:!!t.watch,disabled:!e.enabled||U===`watch:${n}`,onClick:()=>Ne(e,{watch:!t.watch},`watch`)})]}),d&&(0,$.jsxs)(`label`,{className:`flex items-center gap-1.5 text-[11px] text-muted-foreground`,title:`Read-only: Destroy never deletes bytes on this backend (references are dropped instead). Important when the folder is exported via Samba or shared otherwise.`,children:[`read-only`,(0,$.jsx)(dE,{checked:t.readOnly===!0,disabled:U===`readonly:${n}`,onClick:()=>Ne(e,{readOnly:t.readOnly!==!0},`readonly`)})]}),(e.driver===`file`||e.driver===`cacache`)&&c&&(0,$.jsx)(mE,{workspaceId:G,backend:e}),e.capabilities?.test&&(0,$.jsxs)(Z,{type:`button`,variant:`outline`,size:`sm`,disabled:U===`test:${n}`,onClick:()=>Ie(e),title:`Verify credentials and root folder`,children:[(0,$.jsx)(Mi,{className:`mr-2 h-3.5 w-3.5`}),U===`test:${n}`?`Testing…`:`Test`]}),e.capabilities?.sync&&(e.resyncing?(0,$.jsxs)(Z,{type:`button`,variant:`outline`,size:`sm`,disabled:U===`stopsync:${n}`,onClick:()=>Le(e),title:`Stop the running scan. Files indexed so far are kept; Re-sync later resumes where it left off (unchanged files are skipped).`,children:[(0,$.jsx)(_a,{className:`mr-2 h-3.5 w-3.5 fill-current`}),U===`stopsync:${n}`?`Stopping…`:`Stop sync`]}):(0,$.jsxs)(Z,{type:`button`,variant:`outline`,size:`sm`,disabled:U===`resync:${n}`,onClick:()=>Fe(e),children:[(0,$.jsx)(qn,{className:`mr-2 h-3.5 w-3.5 ${U===`resync:${n}`?`animate-spin`:``}`}),`Re-sync`]})),l?(0,$.jsx)(`span`,{className:`rounded bg-muted px-2 py-0.5 text-[11px] text-muted-foreground`,title:`Structural workspace store; cannot be disabled`,children:`always on`}):(0,$.jsx)(dE,{checked:!!e.enabled,disabled:!u||U===`backend:${n}`,onClick:()=>Me(e)}),o&&(0,$.jsx)(Z,{type:`button`,variant:`ghost`,size:`sm`,className:`text-destructive hover:text-destructive`,disabled:U===`remove:${n}`,title:`Unmount this folder (no files are deleted)`,onClick:()=>Pe(e),children:(0,$.jsx)(Xr,{className:`h-3.5 w-3.5`})})]})]}),c&&(0,$.jsx)(Ag,{value:t.removalPolicy,backends:B,source:n,destination:t.propagatedRemovalSupported===!0,onSave:async t=>{await ms(G,e.driver,e.address,{removalPolicy:t}),await Te()}}),a&&(0,$.jsx)(Ew,{workspaceId:G,backend:e,onSaved:async()=>{await Te(),je()}}),e.driver===`file`&&c&&!l&&(0,$.jsx)(_E,{backend:e,busy:U===`exclude:${n}`,onSave:t=>Ne(e,{exclude:t},`exclude`)})]},n)}),(0,$.jsx)(Tw,{workspaceId:G,children:(0,$.jsx)(hE,{workspaceId:G})},G),(0,$.jsxs)(`div`,{className:`flex flex-col gap-3 sm:flex-row sm:flex-wrap sm:items-start`,children:[(0,$.jsx)(fE,{workspaceId:G,onAdded:async()=>{await Te(),je()}}),(0,$.jsx)(pE,{workspaceId:G,onAdded:async()=>{await Te(),je()}}),(0,$.jsx)(Ew,{workspaceId:G,onSaved:async()=>{await Te(),je()}})]}),e&&(0,$.jsx)(`section`,{className:`border-t pt-4`,children:(0,$.jsx)(Mg,{workspaceName:e})})]}),S.status===`active`&&x===`db`&&(0,$.jsxs)(`div`,{className:`space-y-8`,children:[G&&(0,$.jsxs)(`section`,{className:`space-y-3`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`h2`,{className:`text-sm font-semibold`,children:`Embeddings`}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Which model turns this workspace's content into vectors, and where those vectors live.`})]}),(0,$.jsx)(Rw,{workspaceId:G,workspaceName:e})]}),(0,$.jsx)(SE,{stats:le,isLoading:de,onRefresh:()=>q(),workspaceName:e})]}),S.status===`active`&&x===`devices`&&(0,$.jsx)(yE,{allDevices:pe,linkedDevices:he,isLoading:_e,deviceBusy:ye,onRefresh:()=>xe(),onLink:Se,onUnlink:Ce,onUpdate:we}),S.status===`active`&&x===`sync`&&(0,$.jsx)(`section`,{className:`rounded-lg border p-4`,children:(0,$.jsx)(GT,{workspaceId:G,workspaceUuid:S?.id})}),S.status===`active`&&x===`services`&&(0,$.jsxs)(`div`,{className:`space-y-4`,children:[G&&(0,$.jsx)(QT,{workspaceId:G}),(0,$.jsx)(`div`,{className:`space-y-3`,children:uE.map(e=>{let t=oe?.[e.id]||oe?.[e.id===`git`?`dotfiles`:e.id===`webdav`?`home`:`imap`],n=!!t?.enabled;return(0,$.jsx)(`section`,{className:`rounded-lg border p-4`,children:(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(Fi,{className:`h-4 w-4 text-muted-foreground`}),(0,$.jsx)(`h2`,{className:`text-sm font-semibold`,children:e.title})]}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:e.description}),(0,$.jsxs)(`p`,{className:`mt-2 text-[11px] text-muted-foreground`,children:[`initialized: `,t?.initialized?`true`:`false`]})]}),(0,$.jsx)(dE,{checked:n,disabled:U===`service:${e.id}`,onClick:()=>Re(e.id,n)})]})},e.id)})}),(0,$.jsx)(`section`,{className:`rounded-lg border p-4`,children:(0,$.jsx)(nE,{workspaceId:G,enabled:!!(oe?.imap?.enabled||oe?.imapSync?.enabled)})})]}),S.status===`active`&&x===`policies`&&(0,$.jsx)(jT,{workspaceId:G}),S.status===`active`&&x===`hooks`&&(0,$.jsx)(`section`,{className:`rounded-lg border p-4`,children:(0,$.jsx)(Qw,{workspaceId:G,prefillRule:m,onPrefillConsumed:h,initialSection:a,initialRunsHandler:o,initialRunId:s})})]})}):(0,$.jsxs)(`div`,{className:`space-y-3 p-6`,children:[(0,$.jsx)(`h1`,{className:`font-semibold`,children:S.label||S.name}),(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Workspace settings are available to owners and admins.`}),(0,$.jsx)(Z,{variant:`outline`,onClick:()=>g(`/workspaces/${e}`),children:`Back to workspace`})]}):(0,$.jsx)(`div`,{className:`p-6 text-sm text-muted-foreground`,children:`Workspace not found`})}function TE({workspaceName:e}){let{selected:t,setSelected:n,tree:r,setTree:i,toggle:a}=og(),[o,s]=(0,Q.useState)(!1),[c,l]=(0,Q.useState)(null);return(0,$.jsxs)(`section`,{className:`rounded-lg border p-4`,children:[(0,$.jsx)(`h2`,{className:`text-sm font-semibold`,children:`Default folders`}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:`Create a set of common folders with matching icons and colors.`}),(0,$.jsx)(`div`,{className:`mt-3`,children:(0,$.jsx)(sg,{selected:t,onToggle:a,tree:r,onTreeChange:i,disabled:o,idPrefix:`settings-default-folders`})}),(0,$.jsxs)(`div`,{className:`mt-3 flex items-center gap-3`,children:[(0,$.jsx)(Z,{type:`button`,size:`sm`,disabled:o||t.size===0,onClick:async()=>{s(!0),l(null);let{ok:i,failed:a}=await ag(e,Array.from(t),r);s(!1),l(a?`${i} created, ${a} failed`:`${i} folder(s) created`),n(new Set)},children:o?`Creating…`:`Create ${t.size||``} folder(s)`}),c&&(0,$.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:c})]})]})}function EE({workspaceName:e,vectorSpaces:t,onDone:n}){let[r,i]=(0,Q.useState)(null),[a,o]=(0,Q.useState)(null),s=async(e,t,r)=>{if(!(r&&!window.confirm(r))){i(e),o(null);try{let e=await t();o(e.message),n()}catch(e){o(e instanceof Error?e.message:`Reindex failed`)}finally{i(null)}}},c=[{title:`Bitmaps`,ops:[{key:`timelines`,label:`Reindex timelines`,description:`Rebuild the created/updated timelines from document data.`,fn:()=>Yo(e)},{key:`mime`,label:`Reindex MIME types`,description:`Rebuild the per-MIME-type presence bitmaps (data/mime/*) from stored docs. Backfills blobs indexed before mime bitmaps existed.`,fn:()=>Cs(e)}]},{title:`Full-text (BM25)`,ops:[{key:`fts`,label:`Backfill`,description:`Index documents missing from the full-text table. Fast, skips already-indexed.`,fn:()=>Ho(e)},{key:`fts-rebuild`,label:`Rebuild`,description:`Wipe the full-text table and rebuild from scratch. Use when counts drift.`,confirm:`Wipe the FTS index and rebuild it from scratch?`,fn:()=>Ho(e,!0)},{key:`fts-optimize`,label:`Optimize`,description:`Compact fragments + prune old versions of the full-text table.`,fn:()=>Oo(e,`fts`)}]},...t.length>0?[{title:`Vector tables (LanceDB)`,ops:t.map(t=>({key:`${t}-optimize`,label:`Optimize ${t}`,description:`Compact fragments + prune old versions of the '${t}' vector table and rebuild its ANN index.`,fn:()=>Oo(e,t)}))}]:[]];return(0,$.jsxs)(`section`,{className:`rounded-lg border p-4`,children:[(0,$.jsxs)(`div`,{className:`mb-1 flex items-center gap-2`,children:[(0,$.jsx)(qn,{className:`h-4 w-4 text-muted-foreground`}),(0,$.jsx)(`h2`,{className:`text-sm font-semibold`,children:`Index maintenance`})]}),(0,$.jsx)(`p`,{className:`mb-3 text-xs text-muted-foreground`,children:`Runs against this workspace. Reindex operations are idempotent.`}),(0,$.jsx)(`div`,{className:`space-y-4`,children:c.map(e=>(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`h3`,{className:`mb-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground`,children:e.title}),(0,$.jsx)(`div`,{className:`space-y-2`,children:e.ops.map(e=>(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-3 gap-y-1`,children:[(0,$.jsxs)(Z,{type:`button`,variant:`outline`,size:`sm`,className:`w-44 justify-start`,disabled:r!==null,onClick:()=>s(e.key,e.fn,e.confirm),children:[r===e.key&&(0,$.jsx)(qn,{className:`mr-2 h-3 w-3 animate-spin`}),e.label]}),(0,$.jsx)(`span`,{className:`min-w-0 flex-1 basis-52 text-xs text-muted-foreground`,children:e.description})]},e.key))})]},e.title))}),a&&(0,$.jsx)(`p`,{className:`mt-3 text-xs text-muted-foreground`,children:a})]})}var DE=[{value:`documentRead`,label:`Read`},{value:`documentWrite`,label:`Write`},{value:`documentReadWrite`,label:`Read & write`}];function OE(){let{contextId:e,tab:t}=Ft(),[n]=pn(),r=n.get(`ownerId`)||void 0,i=ot(),{showToast:a}=vo(),{selectEntity:o,goBack:s,closeM2:c}=eg(),l=ae(),u=cy(t),d=r?`?ownerId=${encodeURIComponent(r)}`:``;(0,Q.useEffect)(()=>{t!==u&&e&&i(`/contexts/${e}/settings/${u}${d}`,{replace:!0})},[t,u,e,d,i]);let[f,p]=(0,Q.useState)(null),[m,h]=(0,Q.useState)(!0),[g,_]=(0,Q.useState)(!1),[v,y]=(0,Q.useState)(!1),[b,x]=(0,Q.useState)(``),[S,w]=(0,Q.useState)(``),[T,E]=(0,Q.useState)(null),[D,O]=(0,Q.useState)(``),[k,A]=(0,Q.useState)(``),[j,M]=(0,Q.useState)(),[N,P]=(0,Q.useState)([]),[ee,F]=(0,Q.useState)(!1),[I,te]=(0,Q.useState)(``),[L,R]=(0,Q.useState)(DE[0].value),[ne,z]=(0,Q.useState)(null);(0,Q.useEffect)(()=>{if(!e)return;let t=!1;return yl(e,r).then(e=>{t||(p(e),o(e.id),x(e.name||``),w(e.description||``),E(typeof e.metadata?.ui?.color==`string`?e.metadata.ui.color:null),O(e.url||``),A(e.baseUrl||``))}).catch(()=>{t||a({title:`Error`,description:`Failed to load context`,variant:`destructive`})}).finally(()=>{t||h(!1)}),()=>{t=!0}},[e,r,o,a]);let re=(t=e)=>{t&&(F(!0),Tl(t).then(P).catch(()=>P([])).finally(()=>F(!1)))};(0,Q.useEffect)(()=>{if(u!==`shares`||!e)return;let t=!1;return Tl(e).then(e=>{t||P(e)}).catch(()=>{t||P([])}),()=>{t=!0}},[u,e]);let ie=async t=>{if(t.preventDefault(),e){_(!0);try{let t=await al(e,{name:b.trim(),description:S.trim(),metadata:{...f?.metadata,ui:{...f?.metadata?.ui,color:T}}},r);p(t),window.dispatchEvent(new CustomEvent(`contexts:refresh`)),a({title:`Saved`,description:`Context updated`})}catch(e){a({title:`Error`,description:e instanceof Error?e.message:`Save failed`,variant:`destructive`})}finally{_(!1)}}},oe=async t=>{if(t.preventDefault(),e){_(!0);try{await Promise.all([tl(e,D.trim(),r,j),hl(e,{baseUrl:k.trim()||null},r)]),window.dispatchEvent(new CustomEvent(`contexts:refresh`)),a({title:`Saved`,description:`Context URL updated`})}catch(e){a({title:`Error`,description:e instanceof Error?e.message:`Save failed`,variant:`destructive`})}finally{_(!1)}}},se=async()=>{if(e&&window.confirm(`Delete context "${e}"? This cannot be undone.`)){y(!0);try{await ul(e,r),c(),o(null),a({title:`Deleted`,description:`Context "${e}" removed`}),i(`/contexts`,{replace:!0})}catch(e){a({title:`Error`,description:e instanceof Error?e.message:`Delete failed`,variant:`destructive`})}finally{y(!1)}}},B=async t=>{if(t.preventDefault(),!(!e||!I.trim())){z(`grant`);try{await fl(e,I.trim(),L),te(``),re(),a({title:`Shared`,description:`Access granted to ${I.trim()}`})}catch(e){a({title:`Error`,description:e instanceof Error?e.message:`Failed to grant access`,variant:`destructive`})}finally{z(null)}}},V=async t=>{if(e&&window.confirm(`Revoke ${t.userEmail}'s access to "${e}"?`)){z(t.userEmail);try{await nl(e,t.userEmail),re(),a({title:`Revoked`,description:`${t.userEmail} no longer has access`})}catch(e){a({title:`Error`,description:e instanceof Error?e.message:`Failed to revoke access`,variant:`destructive`})}finally{z(null)}}};if(m)return(0,$.jsx)(`div`,{className:`p-6 text-sm text-muted-foreground`,children:`Loading...`});if(!f)return(0,$.jsx)(`div`,{className:`p-6 text-sm text-muted-foreground`,children:`Context not found`});let H=sy.find(e=>e.id===u),U=`/contexts/${e}${d}`;return(0,$.jsx)(`div`,{className:`h-full min-h-0 overflow-y-auto`,children:(0,$.jsxs)(`div`,{className:`mx-auto max-w-3xl p-6 pb-12 max-md:px-4 max-md:pb-rail-stack`,children:[(0,$.jsx)(ph,{compact:!0,className:`mb-6 border-b pb-4`,title:`${H.label} - ${f.name||f.id}`,description:H.description,backTo:U,onBack:l?s:void 0}),u===`general`&&(0,$.jsxs)(`div`,{className:`space-y-6`,children:[(0,$.jsxs)(`form`,{onSubmit:ie,className:`space-y-4 rounded-lg border p-4`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{className:`text-sm font-medium`,children:`Context ID`}),(0,$.jsx)(`div`,{className:`mt-1 flex h-10 items-center rounded-md bg-muted px-3 font-mono text-sm text-muted-foreground`,children:f.id})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`ctx-name`,className:`text-sm font-medium`,children:`Name`}),(0,$.jsx)(Y,{id:`ctx-name`,value:b,onChange:e=>x(e.target.value),placeholder:`My Context`})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`ctx-description`,className:`text-sm font-medium`,children:`Description`}),(0,$.jsx)(Y,{id:`ctx-description`,value:S,onChange:e=>w(e.target.value),placeholder:`Optional description`})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`ctx-color`,className:`text-sm font-medium`,children:`Color`}),(0,$.jsxs)(`div`,{className:`mt-1 flex items-center gap-2`,children:[(0,$.jsx)(Y,{id:`ctx-color`,type:`color`,value:/^#[0-9a-f]{6}$/i.test(T||f.color||``)?T||f.color:`#808080`,onChange:e=>E(e.target.value),className:`h-10 w-16 p-1`,disabled:g}),(0,$.jsx)(Z,{type:`button`,variant:`outline`,size:`sm`,disabled:g||T===null,onClick:()=>E(null),children:`Use inherited color`})]}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:T===null?`Using the tree folder or workspace color.`:`Applies only to this context.`})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{className:`text-sm font-medium`,children:`Workspace`}),(0,$.jsx)(`div`,{className:`mt-1 flex h-10 items-center rounded-md bg-muted px-3 text-sm text-muted-foreground`,children:f.workspaceName||f.workspaceId||f.workspace})]}),(0,$.jsx)(Z,{type:`submit`,disabled:g,children:g?`Saving...`:`Save Changes`})]}),(0,$.jsxs)(`section`,{className:`rounded-lg border border-destructive/30 p-4`,children:[(0,$.jsx)(`h2`,{className:`mb-3 text-sm font-semibold text-destructive`,children:`Danger Zone`}),(0,$.jsxs)(Z,{variant:`destructive`,disabled:v,onClick:se,children:[(0,$.jsx)(Xr,{className:`mr-2 h-4 w-4`}),v?`Deleting...`:`Delete Context`]})]})]}),u===`location`&&(0,$.jsxs)(`form`,{onSubmit:oe,className:`space-y-4 rounded-lg border p-4`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`ctx-url`,className:`text-sm font-medium`,children:`URL`}),(0,$.jsx)(C,{id:`ctx-url`,value:D,onChange:O,fixedWorkspaceName:f.workspaceName,pickerTitle:`Switch context to…`,placeholder:`workspace://path`,onPickTarget:(e,t)=>{O(`${t.workspaceName}://${e.replace(/^\/+/,``)}`),M(t.treeName)}}),j&&(0,$.jsxs)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:[`Destination tree: `,j]})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsxs)(`label`,{htmlFor:`ctx-base-url`,className:`text-sm font-medium`,children:[`Base URL `,(0,$.jsx)(`span`,{className:`font-normal text-muted-foreground`,children:`(optional)`})]}),(0,$.jsx)(C,{id:`ctx-base-url`,value:k,onChange:A,fixedWorkspaceName:f.workspaceName,placeholder:`workspace://base/path`,pickerTitle:`Pick a base path…`})]}),(0,$.jsx)(Z,{type:`submit`,disabled:g,children:g?`Saving...`:`Save Changes`})]}),u===`shares`&&(0,$.jsxs)(`div`,{className:`space-y-4`,children:[(0,$.jsxs)(`section`,{className:`space-y-3 rounded-lg border p-4`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`h2`,{className:`text-sm font-semibold`,children:`People with access`}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Only the context owner can see and change this list.`})]}),(0,$.jsxs)(Z,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>re(),disabled:ee,children:[(0,$.jsx)(qn,{className:J(`mr-2 h-3.5 w-3.5`,ee&&`animate-spin`)}),`Refresh`]})]}),N.length===0?(0,$.jsx)(`div`,{className:`rounded-md border border-dashed p-4 text-sm text-muted-foreground`,children:`Not shared with anyone.`}):N.map(e=>(0,$.jsxs)(`div`,{className:`flex items-start justify-between gap-3 rounded-md border p-3`,children:[(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsx)(`div`,{className:`truncate text-sm font-medium`,children:e.userEmail}),(0,$.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[DE.find(t=>t.value===e.accessLevel)?.label||e.accessLevel||`unknown access`,e.sharedAt&&` - since ${new Date(e.sharedAt).toLocaleDateString()}`]})]}),(0,$.jsx)(Z,{type:`button`,variant:`outline`,size:`sm`,className:`text-destructive hover:text-destructive`,disabled:ne===e.userEmail,onClick:()=>V(e),children:(0,$.jsx)(Qn,{className:`h-3.5 w-3.5`})})]},e.userEmail))]}),(0,$.jsxs)(`form`,{onSubmit:B,className:`space-y-4 rounded-lg border p-4`,children:[(0,$.jsx)(`h2`,{className:`text-sm font-semibold`,children:`Grant access`}),(0,$.jsxs)(`div`,{className:`grid gap-4 sm:grid-cols-2`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`share-email`,className:`text-sm font-medium`,children:`User email`}),(0,$.jsx)(Y,{id:`share-email`,type:`email`,value:I,onChange:e=>te(e.target.value),placeholder:`person@example.com`}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:`The user must already have an account on this server.`})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`share-level`,className:`text-sm font-medium`,children:`Access level`}),(0,$.jsx)(`select`,{id:`share-level`,value:L,onChange:e=>R(e.target.value),className:`mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring`,children:DE.map(e=>(0,$.jsx)(`option`,{value:e.value,children:e.label},e.value))})]})]}),(0,$.jsx)(Z,{type:`submit`,disabled:ne===`grant`||!I.trim(),children:ne===`grant`?`Sharing...`:`Share context`})]})]})]})})}function kE({status:e}){let t={running:{icon:Dr,color:`text-success`,bg:`bg-success-subtle`,label:`Running`},stopped:{icon:Fn,color:`text-muted-foreground`,bg:`bg-muted`,label:`Stopped`},starting:{icon:Kn,color:`text-info`,bg:`bg-info-subtle`,label:`Starting`},stopping:{icon:Kn,color:`text-warning`,bg:`bg-warning-subtle`,label:`Stopping`},error:{icon:Xn,color:`text-destructive`,bg:`bg-destructive-subtle`,label:`Error`},created:{icon:Mi,color:`text-muted-foreground`,bg:`bg-muted`,label:`Created`},configured:{icon:Mi,color:`text-info`,bg:`bg-info-subtle`,label:`Configured`},removed:{icon:Fn,color:`text-destructive`,bg:`bg-destructive-subtle`,label:`Removed`}},n=t[e]||t.created,r=n.icon;return(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-1 px-2 py-1 rounded text-xs font-medium ${n.bg} ${n.color}`,children:[(0,$.jsx)(r,{className:`w-3 h-3`}),n.label]})}function AE(){let[e,t]=(0,Q.useState)([]),[n,r]=(0,Q.useState)(!0),[i,a]=(0,Q.useState)(null),[o,s]=(0,Q.useState)(null);nt(()=>s(null),o!==null);let[c,l]=xh(),[u,d]=(0,Q.useState)([]),[f,p]=(0,Q.useState)([]),[m,h]=(0,Q.useState)(``),[g,_]=(0,Q.useState)(``),[v,y]=(0,Q.useState)(``),[b,x]=(0,Q.useState)(!1),{showToast:S}=vo(),C=au(),w=(0,Q.useCallback)(async()=>{try{r(!0);let e=await cC.listRoles({type:`workspace`,userId:C?.id});t(e),a(null)}catch(e){let t=e instanceof Error?e.message:`Failed to fetch roles`;a(t)}finally{r(!1)}},[C?.id]);(0,Q.useEffect)(()=>{let e=()=>w();e();let t=setInterval(e,3e4);return()=>clearInterval(t)},[w]),(0,Q.useEffect)(()=>{c&&(cC.listTemplates().then(e=>{let t=e.filter(e=>e.type===`workspace`);d(t),h(e=>e||t[0]?.id||``)}).catch(()=>d([])),ss().then(e=>{p(e),y(t=>t||e[0]?.id||``)}).catch(()=>p([])))},[c]);let T=async e=>{if(e.preventDefault(),!(!m||!g.trim()||!v)){x(!0);try{let e=await cC.createRole({template:m,name:g.trim(),type:`workspace`,userId:C?.id,workspaceId:v});_(``),l(!1),await w(),S({title:`Created`,description:`Role "${e.name}" created`})}catch(e){S({title:`Error`,description:e instanceof Error?e.message:`Failed to create role`,variant:`destructive`})}finally{x(!1)}}},E=async e=>{try{await cC.startRole(e.id),S({title:`Success`,description:`Role "${e.name}" started successfully`}),w()}catch(e){let t=e instanceof Error?e.message:`Failed to start role`;S({title:`Error`,description:t,variant:`destructive`})}},D=async e=>{try{await cC.stopRole(e.id),S({title:`Success`,description:`Role "${e.name}" stopped successfully`}),w()}catch(e){let t=e instanceof Error?e.message:`Failed to stop role`;S({title:`Error`,description:t,variant:`destructive`})}},O=async e=>{try{await cC.restartRole(e.id),S({title:`Success`,description:`Role "${e.name}" restarted successfully`}),w()}catch(e){let t=e instanceof Error?e.message:`Failed to restart role`;S({title:`Error`,description:t,variant:`destructive`})}},k=async e=>{try{let t=await cC.getRoleLogs(e.id,100);s({role:e,logs:t})}catch(e){let t=e instanceof Error?e.message:`Failed to fetch logs`;S({title:`Error`,description:t,variant:`destructive`})}};return(0,$.jsxs)(`div`,{className:`space-y-6`,children:[(0,$.jsx)(ph,{title:`My Roles`,description:`Manage your workspace roles and services`,actions:(0,$.jsxs)($.Fragment,{children:[!c&&(0,$.jsxs)(Z,{onClick:()=>l(!0),children:[(0,$.jsx)(Wi,{className:`mr-2 h-4 w-4`}),`Create Role`]}),(0,$.jsxs)(Z,{onClick:w,variant:`outline`,children:[(0,$.jsx)(Wn,{className:`mr-2 h-4 w-4`}),`Refresh`]})]})}),c&&(0,$.jsx)(yh,{title:`Create New Role`,onClose:()=>l(!1),children:(0,$.jsxs)(`form`,{onSubmit:T,className:`space-y-4`,children:[(0,$.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`role-template`,className:`mb-1 block text-sm font-medium`,children:`Template`}),(0,$.jsxs)(`select`,{id:`role-template`,className:`w-full rounded-md border border-border bg-background px-3 py-2`,value:m,onChange:e=>h(e.target.value),disabled:b||u.length===0,children:[u.length===0&&(0,$.jsx)(`option`,{value:``,children:`No workspace templates available`}),u.map(e=>(0,$.jsxs)(`option`,{value:e.id,children:[e.name,` - `,e.description]},e.id))]})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`role-name`,className:`mb-1 block text-sm font-medium`,children:`Role Name`}),(0,$.jsx)(Y,{id:`role-name`,value:g,onChange:e=>_(e.target.value),placeholder:`e.g., canvas-sshd`,disabled:b})]})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`role-workspace`,className:`mb-1 block text-sm font-medium`,children:`Workspace`}),(0,$.jsxs)(`select`,{id:`role-workspace`,className:`w-full rounded-md border border-border bg-background px-3 py-2`,value:v,onChange:e=>y(e.target.value),disabled:b||f.length===0,children:[f.length===0&&(0,$.jsx)(`option`,{value:``,children:`No workspaces available. Create one first.`}),f.map(e=>(0,$.jsx)(`option`,{value:e.id,children:e.label||e.name},e.id))]})]}),(0,$.jsxs)(Z,{type:`submit`,disabled:b||!m||!g.trim()||!v,children:[(0,$.jsx)(Wi,{className:`mr-2 h-4 w-4`}),b?`Creating…`:`Create Role`]})]})}),n?(0,$.jsx)(`div`,{className:`text-center py-8`,children:`Loading roles...`}):i?(0,$.jsx)(`div`,{className:`text-center py-8 text-destructive`,children:i}):e.length===0?(0,$.jsxs)(`div`,{className:`text-center py-12 border rounded-lg`,children:[(0,$.jsx)(Fi,{className:`w-12 h-12 mx-auto text-muted-foreground mb-4`}),(0,$.jsx)(`p`,{className:`text-muted-foreground`,children:`You don't have any workspace roles yet`}),(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground mt-2`,children:`Contact your administrator to set up roles for your workspaces`})]}):(0,$.jsx)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4`,children:e.map(e=>(0,$.jsxs)(`div`,{className:`border rounded-lg p-6 space-y-4 hover:shadow-elevation-2 transition-shadow`,children:[(0,$.jsxs)(`div`,{className:`flex items-start justify-between`,children:[(0,$.jsxs)(`div`,{className:`flex-1`,children:[(0,$.jsx)(`h3`,{className:`font-semibold text-lg`,children:e.name}),(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:e.template})]}),(0,$.jsx)(kE,{status:e.status})]}),e.container&&(0,$.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:(0,$.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,$.jsx)(Fi,{className:`w-3 h-3`}),(0,$.jsx)(`span`,{className:`truncate`,children:e.container.name})]})}),(0,$.jsxs)(`div`,{className:`flex gap-2 pt-2`,children:[e.status===`stopped`||e.status===`created`?(0,$.jsxs)(Z,{size:`sm`,variant:`outline`,onClick:()=>E(e),className:`flex-1`,children:[(0,$.jsx)(xr,{className:`w-4 h-4 mr-2`}),`Start`]}):e.status===`running`?(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(Z,{size:`sm`,variant:`outline`,onClick:()=>D(e),className:`flex-1`,children:[(0,$.jsx)(_a,{className:`w-4 h-4 mr-2`}),`Stop`]}),(0,$.jsxs)(Z,{size:`sm`,variant:`outline`,onClick:()=>O(e),className:`flex-1`,children:[(0,$.jsx)(Wn,{className:`w-4 h-4 mr-2`}),`Restart`]})]}):(0,$.jsxs)(Z,{size:`sm`,variant:`outline`,disabled:!0,className:`flex-1`,children:[(0,$.jsx)(Kn,{className:`w-4 h-4 mr-2`}),e.status]}),(0,$.jsx)(Z,{size:`sm`,variant:`outline`,onClick:()=>k(e),title:`View Logs`,children:(0,$.jsx)(Vi,{className:`w-4 h-4`})})]})]},e.id))}),(0,$.jsxs)(`div`,{className:`border-t pt-6`,children:[(0,$.jsx)(`h2`,{className:`text-lg font-semibold mb-4`,children:`Global Services`}),(0,$.jsxs)(`div`,{className:`text-sm text-muted-foreground space-y-2`,children:[(0,$.jsx)(`p`,{children:`Global roles are server-wide services managed by your administrator. These include services like SSH access, storage, and other shared infrastructure.`}),(0,$.jsx)(`p`,{children:`To check the status of global services, contact your system administrator.`})]})]}),o&&(0,$.jsx)(`div`,{className:`fixed inset-0 bg-scrim flex items-center justify-center z-50`,children:(0,$.jsxs)(`div`,{className:`bg-background rounded-lg shadow-elevation-3 max-w-4xl w-full mx-4 max-h-viewport-modal flex flex-col`,children:[(0,$.jsxs)(`div`,{className:`p-6 border-b`,children:[(0,$.jsxs)(`h2`,{className:`text-xl font-bold`,children:[o.role.name,` - Logs`]}),(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:o.role.template})]}),(0,$.jsx)(`div`,{className:`flex-1 overflow-y-auto p-6`,children:(0,$.jsx)(`div`,{"data-scheme":`dark`,className:`bg-background text-success p-4 rounded font-mono text-xs overflow-x-auto`,children:o.logs.length===0?(0,$.jsx)(`div`,{className:`text-muted-foreground`,children:`No logs available`}):(0,$.jsx)(`pre`,{children:o.logs.join(`
|
|
34
|
-
`)})})}),(0,$.jsx)(`div`,{className:`p-4 border-t flex justify-end`,children:(0,$.jsx)(Z,{onClick:()=>s(null),children:`Close`})})]})})]})}function jE(){return(0,$.jsxs)(`div`,{className:`space-y-6`,children:[(0,$.jsx)(ph,{title:`Remotes`,description:`Connect to remote Canvas instances`}),(0,$.jsx)(`div`,{className:`flex flex-col items-center justify-center py-12 space-y-4`,children:(0,$.jsxs)(`div`,{className:`text-center`,children:[(0,$.jsx)(`h2`,{className:`text-2xl font-semibold mb-2`,children:`Coming Soon`}),(0,$.jsx)(`p`,{className:`text-muted-foreground max-w-md`,children:`Remote connection management is currently under development. Check back later for updates.`})]})})]})}var ME=[`note`,`todo`,`link`,`file`,`photo`];function NE(){let{kind:e}=Ft(),t=ot();return e===`sketch`?(0,$.jsx)(qe,{to:`/apps/sketch?add=1`,replace:!0}):!e||!ME.includes(e)?(0,$.jsx)(qe,{to:`/home`,replace:!0}):(0,$.jsx)(Tv,{initialKind:e,onInitialCardClose:()=>t(`/home`)})}var PE=(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(ft,{index:!0,element:(0,$.jsx)(Fv,{})},`r1`),(0,$.jsx)(ft,{path:`home`,element:(0,$.jsx)(Pv,{})},`r2`),(0,$.jsx)(ft,{path:`share-target`,element:(0,$.jsx)(Hv,{})},`r3`),(0,$.jsx)(ft,{path:`apps/add/:kind`,element:(0,$.jsx)(NE,{})},`r4`),(0,$.jsx)(ft,{path:`workspaces`,element:(0,$.jsx)(vg,{})},`r5`),(0,$.jsx)(ft,{path:`workspaces/:workspaceName`,element:(0,$.jsx)(W_,{})},`r6`),(0,$.jsx)(ft,{path:`workspaces/:workspaceName/documents/by-id/:documentId`,element:(0,$.jsx)(Y_,{})},`workspace-document-by-id`),(0,$.jsx)(ft,{path:`workspaces/:workspaceName/documents/:documentId`,element:(0,$.jsx)(Y_,{})},`workspace-document`),(0,$.jsx)(ft,{path:`workspaces/:workspaceName/documents/by-hash/:algo/:checksum`,element:(0,$.jsx)(Y_,{})},`workspace-document-by-hash`),(0,$.jsx)(ft,{path:`workspaces/:workspaceName/documents/by-checksum/:algo/:checksum`,element:(0,$.jsx)(Y_,{})},`workspace-document-by-checksum`),(0,$.jsx)(ft,{path:`workspaces/:workspaceName/settings`,element:(0,$.jsx)(CE,{})},`r7`),(0,$.jsx)(ft,{path:`workspaces/:workspaceName/settings/:tab`,element:(0,$.jsx)(CE,{})},`r8`),(0,$.jsx)(ft,{path:`workspaces/:workspaceName/path/*`,element:(0,$.jsx)(W_,{})},`r9`),(0,$.jsx)(ft,{path:`workspaces/:workspaceName/trees/:treeName`,element:(0,$.jsx)(W_,{})},`r10`),(0,$.jsx)(ft,{path:`workspaces/:workspaceName/trees/:treeName/path/*`,element:(0,$.jsx)(W_,{})},`r11`),(0,$.jsx)(ft,{path:`contexts`,element:(0,$.jsx)(Gv,{})},`r12`),(0,$.jsx)(ft,{path:`contexts/:contextId`,element:(0,$.jsx)(qv,{})},`r13`),(0,$.jsx)(ft,{path:`contexts/:contextId/settings`,element:(0,$.jsx)(OE,{})},`r14`),(0,$.jsx)(ft,{path:`contexts/:contextId/settings/:tab`,element:(0,$.jsx)(OE,{})},`r15`),(0,$.jsx)(ft,{path:`agents`,element:(0,$.jsx)(IC,{})},`r16`),(0,$.jsx)(ft,{path:`agents/:agentId`,element:(0,$.jsx)(QC,{})},`r17`),(0,$.jsx)(ft,{path:`agents/:agentId/:sessionId`,element:(0,$.jsx)(QC,{})},`r18`),(0,$.jsx)(ft,{path:`agents/:agentId/settings`,element:(0,$.jsx)(ow,{})},`r19`),(0,$.jsx)(ft,{path:`agents/:agentId/settings/:tab`,element:(0,$.jsx)(ow,{})},`r20`),(0,$.jsx)(ft,{path:`roles`,element:(0,$.jsx)(AE,{})},`r21`),(0,$.jsx)(ft,{path:`remotes`,element:(0,$.jsx)(jE,{})},`r22`),(0,$.jsx)(ft,{path:`settings`,element:(0,$.jsx)(Zy,{})},`settings`),(0,$.jsx)(ft,{path:`appearance`,element:(0,$.jsx)(_x,{})},`r23`),(0,$.jsx)(ft,{path:`key-bindings`,element:(0,$.jsx)(Ex,{})},`key-bindings`),(0,$.jsx)(ft,{path:`offline`,element:(0,$.jsx)(dS,{})},`r24`),(0,$.jsx)(ft,{path:`about`,element:(0,$.jsx)(mS,{})},`r25`),(0,$.jsx)(ft,{path:`api-tokens`,element:(0,$.jsx)(Yv,{})},`r26`),(0,$.jsx)(ft,{path:`devices`,element:(0,$.jsx)(ry,{})},`r27`),(0,$.jsx)(ft,{path:`embedding`,element:(0,$.jsx)(YS,{})},`r28`),(0,$.jsx)(ft,{path:`shared`,element:(0,$.jsx)(XS,{})},`r29`),(0,$.jsx)(ft,{path:`admin/users`,element:(0,$.jsx)(fC,{})},`r30`),(0,$.jsx)(ft,{path:`admin/contexts`,element:(0,$.jsx)(nC,{})},`r31`),(0,$.jsx)(ft,{path:`admin/workspaces`,element:(0,$.jsx)(tC,{})},`r32`),(0,$.jsx)(ft,{path:`admin/agents`,element:(0,$.jsx)(rC,{})},`r33`),(0,$.jsx)(ft,{path:`admin/logs`,element:(0,$.jsx)(sC,{})},`r34`),(0,$.jsx)(ft,{path:`admin/roles`,element:(0,$.jsx)(dC,{})},`r35`),(0,$.jsx)(ft,{path:`admin/embedding`,element:(0,$.jsx)(pC,{})},`r36`),(0,$.jsx)(ft,{path:`admin/auth`,element:(0,$.jsx)(PC,{})},`r37`)]});function FE(e){if(typeof e!=`string`||!e.startsWith(`/`)||e.startsWith(`//`)||/[\\\u0000-\u0020]/.test(e))return null;let t=new URL(e,`https://canvas.invalid`);return t.origin!==`https://canvas.invalid`||/^\/(?:login|register|pub|share-target|apps|next)(?:\/|$)/.test(t.pathname)||t.pathname===`/`||[...t.searchParams.keys()].some(e=>/token|password|secret|code/i.test(e))?null:t.pathname+t.search+t.hash}function IE(e){let t=2166136261;for(let n of e)t=Math.imul(t^n.charCodeAt(0),16777619);return`canvas:last-screen:${t>>>0}`}var LE=Tt(PE),RE=e=>{let t=FE(e);return t&&$e(LE,t)?t:null};function zE(){let e=an(),[t]=(0,Q.useState)(()=>{if(e.pathname!==`/`||e.search||e.hash)return null;try{let t=localStorage.getItem(`authToken`);return t?{key:e.key,path:RE(localStorage.getItem(IE(t)))||`/home`}:null}catch{return{key:e.key,path:`/home`}}}),n=t&&e.key===t.key&&e.pathname===`/`;return(0,Q.useEffect)(()=>{if(n)return;let t=RE(e.pathname+e.search+e.hash);if(t)try{let e=localStorage.getItem(`authToken`);e&&localStorage.setItem(IE(e),t)}catch{}},[e.pathname,e.search,e.hash,n]),n?(0,$.jsx)(qe,{to:t.path,replace:!0}):null}var BE={activeSection:null,m0Open:!1,m1Open:!1,m2Open:!1,m2View:null,selectedEntityId:null,user:null};function VE(e,t){switch(t.type){case`RESTORE_MENU`:return{...e,...t.menu,user:e.user};case`SET_SECTION`:return{...e,activeSection:t.section,m1Open:t.section!==null,m2Open:!1,m2View:null,selectedEntityId:null};case`TOGGLE_SECTION`:return e.activeSection===t.section&&e.m1Open?{...e,activeSection:null,m1Open:!1,m2Open:!1,m2View:null}:{...e,activeSection:t.section,m1Open:!0,m2Open:!1,m2View:null,selectedEntityId:null};case`TOGGLE_M0`:return e.m0Open?{...e,m0Open:!1,activeSection:null,m1Open:!1,m2Open:!1,m2View:null}:{...e,m0Open:!0};case`CLOSE_M0`:return{...e,m0Open:!1};case`CLOSE_M1`:return{...e,activeSection:null,m1Open:!1,m2Open:!1,m2View:null};case`OPEN_M2`:return{...e,m2Open:!0,m2View:t.view,selectedEntityId:t.entityId===void 0?e.selectedEntityId:t.entityId};case`OPEN_M2_DRAWER`:return{...e,m0Open:!0,activeSection:t.section,m1Open:!0,m2Open:!0,m2View:t.view,selectedEntityId:t.entityId};case`OPEN_M1_DRAWER`:return{...e,m0Open:!0,activeSection:t.section,m1Open:!0,m2Open:!1,m2View:null,selectedEntityId:null};case`CLOSE_M2`:return{...e,m2Open:!1,m2View:null};case`SELECT_ENTITY`:return{...e,selectedEntityId:t.entityId};case`SYNC_FROM_URL`:{let n=!t.mobile&&!e.m2Open&&e.m2View===null&&t.section===e.activeSection&&t.entityId===e.selectedEntityId;return t.section===e.activeSection&&t.entityId===e.selectedEntityId&&t.m2View===e.m2View&&!(t.mobile&&(e.m1Open||e.m0Open))?e:{...e,activeSection:t.section,m0Open:!t.mobile&&e.m0Open,m1Open:!t.mobile&&t.section!==null,selectedEntityId:t.entityId,m2Open:!n&&t.m2View!==null,m2View:n?null:t.m2View}}case`SET_USER`:return{...e,user:t.user};default:return e}}function HE({children:e}){let[t,n]=(0,Q.useReducer)(VE,BE),r=an(),i=ot(),a=(0,Q.useRef)(t);(0,Q.useLayoutEffect)(()=>{a.current=t},[t]),ng(t,n);let o=(0,Q.useCallback)((e,t=!1,o=!1)=>{let s=VE(a.current,e);if(a.current=s,n(e),!Qh())return;let{activeSection:c,m0Open:l,m1Open:u,m2Open:d,m2View:f,selectedEntityId:p}=s;i({pathname:r.pathname,search:r.search,hash:r.hash},{replace:t,state:{...r.state,canvasMenu:{activeSection:c,m0Open:l,m1Open:u,m2Open:d,m2View:f,selectedEntityId:p},canvasMenuBack:o}})},[r,i]),s=(0,Q.useCallback)(e=>{if(Qh()&&a.current.m1Open){let{activeSection:t,m0Open:n,m1Open:o,m2Open:s,m2View:c,selectedEntityId:l}=a.current;i(e,{replace:!0,state:{...r.state,canvasMenu:{activeSection:t,m0Open:n,m1Open:o,m2Open:s,m2View:c,selectedEntityId:l},canvasMenuBack:!1}})}i(e)},[r.state,i]),c=(0,Q.useCallback)(()=>{if(window.history.state?.idx>0){i(-1);return}let e=a.current;if(e.m1Open&&e.m2Open)o({type:`CLOSE_M2`},!0,!0);else if(e.m1Open)o({type:`CLOSE_M1`},!0,!0);else if(e.m0Open)o({type:`CLOSE_M0`},!0,!0);else{let{section:e,entityId:t,m2View:n}=tg(r.pathname);if(!Qh()){i(e?`/${e}`:`/`);return}o(e&&t?{type:`OPEN_M2_DRAWER`,section:e,view:n,entityId:t}:{type:`TOGGLE_M0`},!0,!0)}},[o,r.pathname,i]);(0,Q.useEffect)(()=>{let e=au();if(e){n({type:`SET_USER`,user:e});return}let t=!1;return ou().then(e=>{!t&&e&&n({type:`SET_USER`,user:e})}).catch(()=>{}),()=>{t=!0}},[]);let l={state:t,dispatch:n,setSection:(0,Q.useCallback)(e=>{o({type:`SET_SECTION`,section:e})},[o]),toggleSection:(0,Q.useCallback)(e=>{o({type:`TOGGLE_SECTION`,section:e})},[o]),toggleM0:(0,Q.useCallback)(()=>{o({type:`TOGGLE_M0`},a.current.m0Open)},[o]),closeM0:(0,Q.useCallback)(()=>{o({type:`CLOSE_M0`},!0)},[o]),closeM1:(0,Q.useCallback)(()=>{o({type:`CLOSE_M1`},!0)},[o]),openM2:(0,Q.useCallback)((e,t)=>{o({type:`OPEN_M2`,view:e,entityId:t})},[o]),openM2Drawer:(0,Q.useCallback)((e,t,n)=>{o({type:`OPEN_M2_DRAWER`,section:e,view:t,entityId:n})},[o]),openM1Drawer:(0,Q.useCallback)(e=>{o({type:`OPEN_M1_DRAWER`,section:e})},[o]),closeM2:(0,Q.useCallback)(()=>{Qh()&&a.current.m1Open&&a.current.m2Open?c():n({type:`CLOSE_M2`})},[c]),selectEntity:(0,Q.useCallback)(e=>{n({type:`SELECT_ENTITY`,entityId:e})},[]),goBack:c,navigateFromMenu:s};return(0,$.jsx)($h.Provider,{value:l,children:e})}function UE(){return(0,Q.useSyncExternalStore)(co,eo,()=>!1)}function WE(e,t){let n=null,r=!1,i,a;function o(){clearTimeout(i),!r&&eo()&&(i=setTimeout(()=>{s()},3e4))}function s(s=!1){if(n)return n;if(r)return Promise.resolve(!1);clearTimeout(i),a=new AbortController;let c=setTimeout(()=>a?.abort(),5e3);return n=(async()=>{try{let n=await fetch(e,{cache:`no-store`,credentials:`omit`,signal:a.signal});if(!n.ok||n.headers.get(`x-canvas-offline`)===`fallback`)throw Error(`Unavailable`);if((await n.json()).status!==`success`)throw Error(`Not a Canvas response`);if(r)return!1;let i=eo();return no(),(i||s)&&t(),!0}catch{return r||ao(),!1}finally{clearTimeout(c),n=null,o()}})(),n}let c=co(o),l=()=>{s()};return window.addEventListener(`online`,l),o(),{retry:s,stop(){r=!0,clearTimeout(i),a?.abort(),c(),window.removeEventListener(`online`,l)}}}var GE;function KE(){GE=WE(`${po}/ping`,()=>L.retryNow());let e=()=>{GE?.retry()},t=L.on(`connect_error`,e),n=L.on(`disconnect`,e);return()=>{t(),n(),GE?.stop(),GE=void 0}}function qE(){return GE?.retry(!0)??Promise.resolve(!1)}function JE(){let e=UE(),[t,n]=(0,Q.useState)(!1);return e?(0,$.jsxs)(`details`,{className:`relative`,children:[(0,$.jsx)(`summary`,{"aria-label":`Offline — connection options`,title:`Offline — cached content available`,className:`flex h-10 w-10 cursor-pointer list-none items-center justify-center rounded-lg text-amber-600 hover:bg-accent/50 [&::-webkit-details-marker]:hidden`,children:(0,$.jsx)(Ln,{className:`h-5 w-5`})}),(0,$.jsxs)(`div`,{className:`absolute bottom-0 left-full z-50 ml-2 w-60 max-w-[calc(100vw-5rem)] rounded-lg border bg-popover p-3 text-popover-foreground shadow-lg`,children:[(0,$.jsx)(`p`,{className:`text-sm font-medium`,role:`status`,children:`Offline`}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:`You can browse cached documents. We’ll reconnect automatically when the server is available.`}),(0,$.jsx)(`button`,{type:`button`,disabled:t,onClick:async()=>{n(!0);try{await qE()}finally{n(!1)}},className:`mt-3 rounded-md bg-secondary px-3 py-2 text-xs font-medium hover:bg-accent disabled:opacity-50`,children:t?`Checking…`:`Retry now`})]})]}):null}var YE=Lr,XE=Vn,ZE=Ma,QE=Q.forwardRef(({className:e,sideOffset:t=4,...n},r)=>(0,$.jsx)(Fa,{children:(0,$.jsx)(fi,{ref:r,sideOffset:t,className:J(`z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in duration-fast fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]`,e),...n})}));QE.displayName=fi.displayName;var $E=Q.forwardRef(({className:e,...t},n)=>(0,$.jsx)(oi,{ref:n,className:J(`relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full`,e),...t}));$E.displayName=oi.displayName;var eD=Q.forwardRef(({className:e,...t},n)=>(0,$.jsx)(Ra,{ref:n,className:J(`aspect-square h-full w-full`,e),...t}));eD.displayName=Ra.displayName;var tD=Q.forwardRef(({className:e,...t},n)=>(0,$.jsx)(Oa,{ref:n,className:J(`flex h-full w-full items-center justify-center rounded-full bg-muted`,e),...t}));tD.displayName=Oa.displayName;function nD({section:e,icon:t,label:n,disabled:r}){let{state:i,toggleSection:a}=eg(),o=i.activeSection===e;return(0,$.jsxs)(XE,{children:[(0,$.jsx)(ZE,{asChild:!0,children:(0,$.jsxs)(`button`,{type:`button`,disabled:r,"aria-label":n,onClick:()=>!r&&e&&a(e),className:J(`relative flex items-center justify-center w-10 h-10 rounded-lg transition-colors`,o?`bg-accent text-foreground`:`text-muted-foreground hover:text-foreground hover:bg-accent/50`,r&&`opacity-30 cursor-not-allowed`),children:[o&&(0,$.jsx)(`span`,{className:`absolute right-0 top-1/2 -translate-y-1/2 w-0.5 h-5 bg-foreground rounded-l`}),t]})}),(0,$.jsx)(QE,{side:`right`,sideOffset:8,children:n})]})}function rD({path:e,icon:t,label:n,section:r=`settings`}){let i=ot(),{setSection:a}=eg();return(0,$.jsxs)(XE,{children:[(0,$.jsx)(ZE,{asChild:!0,children:(0,$.jsx)(`button`,{type:`button`,"aria-label":n,onClick:()=>{a(r),i(e)},className:`flex items-center justify-center w-10 h-10 rounded-lg text-muted-foreground hover:text-foreground hover:bg-accent/50 transition-colors`,children:t})}),(0,$.jsx)(QE,{side:`right`,sideOffset:8,children:n})]})}function iD(){let{state:e,toggleM0:t}=eg(),n=UE();return(0,$.jsxs)(`button`,{type:`button`,onClick:t,"aria-label":`${e.m0Open?`Close menu`:`Open menu`}${n?` — offline, connection options in menu`:``}`,"data-shell":`rail`,className:`fixed bottom-rail-inset left-2 z-nav flex h-rail w-rail items-center justify-center rounded-full bg-foreground text-background shadow-elevation-4 md:hidden`,children:[e.m0Open?(0,$.jsx)(mr,{className:`h-5 w-5`}):(0,$.jsx)(xa,{className:`h-5 w-5`}),n&&(0,$.jsx)(`span`,{"aria-hidden":!0,className:`absolute right-0 top-0 h-3 w-3 rounded-full border-2 border-background bg-amber-500`})]})}function aD(){let{state:e,closeM0:t,closeM1:n}=eg(),{state:r,setView:i,closeT1:a}=el(),o=ot(),{showToast:s}=vo(),c=e.user?.userType===`admin`,l=dh(),u=()=>{r.t1Open?a():i(`tools`),n(),t()},d=(0,Q.useCallback)(async()=>{try{await X.post(`/auth/logout`),localStorage.removeItem(`authToken`),o(`/login`)}catch{s({title:`Error`,description:`Logout failed`,variant:`destructive`})}},[o,s]);return(0,$.jsxs)(YE,{delayDuration:200,children:[e.m0Open&&(0,$.jsx)(`div`,{className:`fixed inset-0 z-nav-scrim bg-scrim animate-fade-in md:hidden`,onClick:t,"aria-hidden":!0}),(0,$.jsxs)(`div`,{"data-shell":`rail`,className:J(`flex flex-col items-center w-rail h-full rounded-(--panel-radius) bg-transparent shrink-0`,e.m0Open?`max-md:fixed max-md:left-2 max-md:top-2 max-md:bottom-rail-stack max-md:z-rail max-md:h-auto max-md:bg-card max-md:surface-glass max-md:shadow-elevation-5`:`max-md:hidden`),children:[(0,$.jsx)(`div`,{className:`flex items-center justify-center h-12 w-full shrink-0`,children:(0,$.jsx)(`button`,{type:`button`,"aria-label":`Canvas home`,onClick:()=>o(`/home`),className:`flex items-center justify-center w-10 h-10 rounded-lg hover:bg-accent/50 transition-colors`,children:(0,$.jsx)(`img`,{src:`/images/logo-br_128x128.png`,alt:``,className:`w-6 h-6`})})}),(0,$.jsxs)(`nav`,{className:`flex flex-col items-center gap-1 py-2 flex-1 min-h-0 overflow-y-auto`,children:[(!l.local||l.workspace!==!1)&&(0,$.jsx)(nD,{section:`contexts`,icon:(0,$.jsx)(za,{className:`w-5 h-5`}),label:`Contexts`}),(!l.local||l.workspace!==!1)&&(0,$.jsx)(nD,{section:`workspaces`,icon:(0,$.jsx)(ka,{className:`w-5 h-5`}),label:`Workspaces`}),(!l.local||l.agent)&&(0,$.jsx)(nD,{section:`agents`,icon:(0,$.jsx)(ti,{className:`w-5 h-5`}),label:`Agents`}),(!l.local||l.workspace!==!1)&&(0,$.jsx)(rD,{path:`/roles`,section:null,icon:(0,$.jsx)(Yi,{className:`w-5 h-5`}),label:`Roles`}),c&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`div`,{className:`w-6 h-px bg-border my-2`}),(0,$.jsx)(rD,{path:`/admin/users`,icon:(0,$.jsx)(tr,{className:`w-5 h-5`}),label:`All Users`}),(0,$.jsx)(rD,{path:`/admin/logs`,icon:(0,$.jsx)(Vi,{className:`w-5 h-5`}),label:`Server Logs`}),(0,$.jsx)(rD,{path:`/admin/workspaces`,icon:(0,$.jsx)(Zr,{className:`w-5 h-5`}),label:`All Workspaces`}),(0,$.jsx)(rD,{path:`/admin/agents`,icon:(0,$.jsx)(ti,{className:`w-5 h-5`}),label:`All Agents`}),(0,$.jsx)(rD,{path:`/admin/roles`,icon:(0,$.jsx)(Yi,{className:`w-5 h-5`}),label:`All Roles`})]})]}),(0,$.jsxs)(`div`,{className:`flex flex-col items-center gap-1 py-2 shrink-0`,children:[(0,$.jsx)(`div`,{className:`w-6 h-px bg-border mb-2`}),(0,$.jsx)(JE,{}),(0,$.jsxs)(XE,{children:[(0,$.jsx)(ZE,{asChild:!0,children:(0,$.jsx)(`button`,{type:`button`,onClick:u,"aria-label":r.t1Open?`Close toolbox`:`Open toolbox`,className:J(`flex items-center justify-center w-10 h-10 rounded-lg transition-colors`,r.t1Open?`bg-accent text-foreground`:`text-muted-foreground hover:text-foreground hover:bg-accent/50`),children:(0,$.jsx)(Nr,{className:`w-5 h-5`})})}),(0,$.jsx)(QE,{side:`right`,sideOffset:8,children:`Toolbox`})]}),!l.local&&(0,$.jsx)(rD,{path:`/settings`,section:`settings`,icon:(0,$.jsx)(ea,{className:`w-5 h-5`}),label:`Settings`}),(0,$.jsxs)(XE,{children:[(0,$.jsx)(ZE,{asChild:!0,children:(0,$.jsx)(`button`,{type:`button`,"aria-label":e.user?.email?`Profile: ${e.user.email}`:`Profile`,onClick:()=>o(`/home`),className:`flex items-center justify-center w-10 h-10 rounded-lg hover:bg-accent/50 transition-colors`,children:(0,$.jsx)($E,{className:`h-7 w-7 touch-target`,children:(0,$.jsx)(tD,{className:`text-[10px] bg-muted`,children:e.user?.email?(e=>e.split(`@`)[0].split(`.`).map(e=>e.charAt(0).toUpperCase()).join(``).slice(0,2))(e.user.email):`U`})})})}),(0,$.jsx)(QE,{side:`right`,sideOffset:8,children:e.user?.email?.split(`@`)[0]||`Profile`})]}),(0,$.jsxs)(XE,{children:[(0,$.jsx)(ZE,{asChild:!0,children:(0,$.jsx)(`button`,{type:`button`,"aria-label":`Log out`,onClick:d,className:`flex items-center justify-center w-10 h-10 rounded-lg text-destructive hover:bg-destructive/10 transition-colors`,children:(0,$.jsx)(ia,{className:`w-5 h-5`})})}),(0,$.jsx)(QE,{side:`right`,sideOffset:8,children:`Logout`})]})]})]})]})}var oD=220,sD=560;function cD({width:e,onResize:t,onDragging:n}){let r=(0,Q.useRef)(null),i=e=>t(Math.min(sD,Math.max(oD,e))),a=()=>{r.current=null,n?.(!1)};return(0,$.jsx)(`div`,{role:`separator`,"aria-label":`Resize menu`,"aria-orientation":`vertical`,"aria-valuemin":oD,"aria-valuemax":sD,"aria-valuenow":e,tabIndex:0,title:`Drag to resize; use arrow keys to adjust; Home resets width`,className:`absolute inset-y-0 right-0 z-30 flex w-3 touch-none select-none cursor-col-resize items-center justify-center hover:bg-primary/10 focus-visible:bg-primary/10 focus-visible:outline-none [@media(pointer:coarse)]:w-6`,onPointerDown:t=>{t.button!==0||r.current||(t.preventDefault(),t.stopPropagation(),r.current={id:t.pointerId,x:t.clientX,width:e},t.currentTarget.setPointerCapture(t.pointerId),n?.(!0))},onPointerMove:e=>{r.current?.id===e.pointerId&&i(r.current.width+e.clientX-r.current.x)},onPointerUp:e=>{r.current?.id===e.pointerId&&(a(),e.currentTarget.hasPointerCapture(e.pointerId)&&e.currentTarget.releasePointerCapture(e.pointerId))},onPointerCancel:a,onLostPointerCapture:a,onDoubleClick:()=>i(280),onKeyDown:t=>{[`ArrowLeft`,`ArrowRight`,`Home`].includes(t.key)&&(t.preventDefault(),t.stopPropagation(),i(t.key===`Home`?280:e+(t.key===`ArrowRight`?1:-1)*(t.shiftKey?64:16)))},children:(0,$.jsx)(`span`,{"aria-hidden":!0,className:`h-10 w-1 rounded-full bg-border`})})}function lD(e,t,n,r=!0){let i=ae(),a=an(),o=(0,Q.useRef)(null);(0,Q.useLayoutEffect)(()=>{let s=window.history.state?.idx??0,c=o.current,l=a.state?.canvasMenuBack||!!c&&(s<c.index||s===c.index&&c.backwards);if(o.current={active:t,viewKey:n,index:s,backwards:l},!r||!i||!t||!c||c.active&&c.viewKey===n)return;let u=e.current;if(!u||window.matchMedia(`(prefers-reduced-motion: reduce)`).matches)return;let d=Number.parseFloat(getComputedStyle(u).getPropertyValue(`--motion-scale`)),f=Number.isFinite(d)?Math.max(0,d):1,p=u.animate([{transform:`translateX(${l?`-100%`:`100%`})`},{transform:`translateX(0)`}],{duration:70*f,easing:`cubic-bezier(0.2, 0, 0, 1)`});return()=>p.cancel()},[r,i,t,n,a.key,a.state,e])}function uD(e){let[t,n]=(0,Q.useState)([]),[r,i]=(0,Q.useState)(!1),a=(0,Q.useRef)(!1),o=(0,Q.useRef)(!1),s=(0,Q.useCallback)(async()=>{if(!o.current){o.current=!0,i(!0);try{let e=await cl();n(e||[]),a.current=!0}catch(e){console.error(`Failed to fetch contexts:`,e)}finally{o.current=!1,i(!1)}}},[]),c=(0,Q.useRef)(s);(0,Q.useEffect)(()=>{c.current=s});let l=(0,Q.useCallback)(()=>{a.current=!1,s()},[s]);return(0,Q.useEffect)(()=>{e&&!a.current&&s()},[e,s]),(0,Q.useEffect)(()=>{if(!e)return;let t=()=>L.emit(`subscribe`,{channel:`context`}),r=()=>L.emit(`unsubscribe`,{channel:`context`}),i=L.on(`connect`,()=>{t(),s()});t();let o=e=>{let t=e;!t?.id||!t?.userId||n(e=>e.some(e=>e.id===t.id&&e.userId===t.userId)?e:[...e,t])},l=e=>{let t=e;!t?.id||!t?.userId||n(e=>e.map(e=>e.id===t.id&&e.userId===t.userId?{...e,...t}:e))},u=e=>{let t=e,r=t?.contextId??t?.id;r&&n(e=>e.filter(e=>e.id!==r))},d=e=>{let t=e;!t?.id||!t?.userId||n(e=>e.map(e=>e.id===t.id&&e.userId===t.userId?{...e,...t}:e))},f=()=>{a.current=!1,c.current()},p=[[`context:created`,o],[`context.created`,o],[`context:updated`,l],[`context.updated`,l],[`context:deleted`,u],[`context.deleted`,u],[`context:url:changed`,d],[`context.url.set`,d],[`context:url:set`,d],[`workspace:status:changed`,f],[`workspace.status.changed`,f]];return p.forEach(([e,t])=>L.on(e,t)),()=>{r(),i?.(),p.forEach(([e,t])=>L.off(e,t))}},[e,s]),(0,Q.useEffect)(()=>{let e=e=>{let t=e.detail;n(e=>e.filter(e=>!Qc(e,t)))};return window.addEventListener(rl,e),()=>window.removeEventListener(rl,e)},[]),(0,Q.useEffect)(()=>{let e=()=>{a.current=!1,s()};return window.addEventListener(`contexts:refresh`,e),()=>window.removeEventListener(`contexts:refresh`,e)},[s]),{contexts:(0,Q.useMemo)(()=>mg(t),[t]),isLoading:r,refresh:l}}function dD(){let{goBack:e}=eg();return(0,$.jsx)(`button`,{type:`button`,onClick:e,"aria-label":`Back to previous view`,title:`Back to previous view`,className:`-ml-2 mr-1 flex h-11 w-11 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-accent md:hidden`,children:(0,$.jsx)(wa,{className:`h-5 w-5`})})}function fD(){let{state:e,selectEntity:t,openM2:n,closeM2:r}=eg(),i=ae(),{contexts:a,isLoading:o}=uD(e.activeSection===`contexts`),{showToast:s}=vo(),c=ot(),[l,u]=(0,Q.useState)(null),d=l&&l.base===a?l.order:a,p=e=>e.isShared===!0||e.type===`shared`,{rowProps:m,handleProps:h,draggingIndex:g,insertLineClass:_}=_g((e,t)=>{let n=hg(d,e,t);u({base:a,order:n}),gg(n,(e,t)=>p(e)?Promise.resolve():hl(e.id,{order:t})).then(({failed:e})=>{window.dispatchEvent(new CustomEvent(`contexts:refresh`)),e&&s({title:`Partial reorder`,description:`${e} context(s) could not be reordered`,variant:`destructive`})})}),v=e=>{t(e.id),c(`/contexts/${e.id}`)};return(0,$.jsxs)(`div`,{className:`flex flex-col h-full`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between px-4 h-12 border-b border-border shrink-0`,children:[(0,$.jsxs)(`div`,{className:`flex min-w-0 items-center`,children:[(0,$.jsx)(dD,{}),(0,$.jsx)(`span`,{className:`text-sm font-semibold`,children:`Contexts`})]}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>{r(),c(`/contexts?create=1`)},title:`Create context`,"aria-label":`Create context`,className:`flex items-center justify-center w-6 h-6 rounded-full bg-foreground text-background hover:opacity-80 transition-opacity`,children:(0,$.jsx)(Wi,{className:`w-3.5 h-3.5`})})]}),(0,$.jsx)(`div`,{className:`flex-1 overflow-y-auto py-2`,children:o&&a.length===0?(0,$.jsx)(`div`,{className:`px-4 py-3 text-xs text-muted-foreground`,children:`Loading...`}):a.length===0?(0,$.jsx)(`div`,{className:`px-4 py-3 text-xs text-muted-foreground`,children:`No contexts found`}):(0,$.jsx)(`div`,{className:`space-y-1.5 px-2`,children:d.map((r,a)=>{let o=e.selectedEntityId===r.id,s=p(r),l=r.workspaceActive!==!1,u=wt(r.color);return(0,$.jsxs)(`div`,{...m(a),"data-active":o||void 0,className:J(`group relative rounded-(--card-radius) py-2.5 pl-3 pr-7 transition-all shadow-elevation-1`,l?`cursor-pointer hover:shadow `+(o?`bg-accent shadow`:`bg-card hover:bg-accent/50`):`cursor-not-allowed opacity-50 bg-card`,_(a,d.length),g===a&&`opacity-60`),onClick:()=>l&&v(r),title:l?void 0:`Workspace "${r.workspaceName}" is not active`,children:[s?(0,$.jsx)(`div`,{className:J(`absolute inset-y-0 right-0 w-4 rounded-r-(--card-radius)`,!u&&`bg-muted`),style:u?{backgroundColor:u}:void 0}):(0,$.jsx)(`button`,{type:`button`,...h(a),title:`Drag to reorder`,"aria-label":`Drag to reorder`,className:J(`absolute inset-y-0 right-0 flex w-4 cursor-grab items-center justify-center rounded-r-(--card-radius) active:cursor-grabbing`,!u&&`bg-muted`),style:u?{backgroundColor:u}:void 0,children:(0,$.jsx)(Rn,{className:J(`h-3.5 w-3.5`,en(u))})}),(0,$.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,$.jsx)(f,{icon:r.icon||`ph:stack-fill`,width:16,height:16,color:u,className:J(`mt-0.5 shrink-0`,!u&&`text-muted-foreground`)}),(0,$.jsx)(`span`,{className:`text-sm font-medium truncate flex-1`,children:r.name||r.id}),s&&(0,$.jsx)(`span`,{className:`rounded-full bg-info/10 px-1.5 py-0.5 text-[9px] text-info shrink-0`,children:`Shared`}),l&&(0,$.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),t(r.id),n(`detail`,r.id)},className:`reveal-on-hover shrink-0 mt-0.5`,title:`Switch context URL`,children:(0,$.jsx)(Ri,{className:`w-3.5 h-3.5 text-muted-foreground hover:text-foreground`})}),(0,$.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),t(r.id),i?n(`settings`,r.id):c(`/contexts/${r.id}/settings/general`)},className:`reveal-on-hover shrink-0 mt-0.5`,title:`Settings`,children:(0,$.jsx)(ea,{className:`w-3.5 h-3.5 text-muted-foreground hover:text-foreground`})})]}),r.name&&(0,$.jsx)(`div`,{className:`text-[10px] text-muted-foreground/60 truncate font-mono`,children:r.id}),(0,$.jsx)(`div`,{className:`text-xs text-muted-foreground truncate mt-0.5`,children:r.url||`/`}),r.ownerEmail&&(0,$.jsx)(`div`,{className:`text-[10px] text-muted-foreground truncate mt-0.5`,children:r.ownerEmail})]},`${r.userId||`u`}-${r.id}`)})})})]})}function pD({title:e,onBack:t,action:n,className:r,icon:i,accentColor:a}){let{closeM1:o}=eg(),s=wt(a);return(0,$.jsxs)(`div`,{className:J(`flex items-center h-12 px-2 border-b border-border shrink-0 gap-1`,r),style:{borderBottomWidth:4,...s?{borderBottomColor:s}:{}},children:[(0,$.jsxs)(`button`,{type:`button`,onClick:t,className:`flex items-center gap-0.5 h-8 rounded px-1 hover:bg-accent/50 text-muted-foreground hover:text-foreground transition-colors flex-1 min-w-0`,title:`Back`,"aria-label":`Back to previous view`,children:[(0,$.jsx)(zn,{className:`w-4 h-4 shrink-0`}),i&&(0,$.jsx)(f,{icon:i,width:16,height:16,color:s,className:J(`mr-1 shrink-0`,!s&&`text-muted-foreground`)}),(0,$.jsx)(`span`,{className:`text-sm font-semibold truncate`,children:e})]}),n&&(0,$.jsx)(`div`,{className:`shrink-0`,children:n}),(0,$.jsx)(`button`,{type:`button`,onClick:o,className:`flex h-8 w-8 shrink-0 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-accent/50 hover:text-foreground`,title:`Close menu`,"aria-label":`Close menu`,children:(0,$.jsx)(mr,{className:`w-4 h-4`})})]})}function mD(e,t,n){let r=e.indexOf(n);if(r<0)return new Set;let i=t===null?-1:e.indexOf(t);return new Set(i<0?[n]:e.slice(Math.min(i,r),Math.max(i,r)+1))}function hD(e){let t=[...e];return t.filter(e=>!t.some(t=>t!==e&&e.startsWith(`${t}/`)))}var gD=22,_D=44,vD=4;function yD(e,t){if(!t)return null;let n=String(e||``).split(`/`).filter(Boolean);return n[0]===`workspace`&&n[1]===`git`?null:n[0]===`workspace`&&n.length>=2?{address:`workspace:${n[1]}`,key:n.slice(2).join(`/`)}:n[0]===`device`&&n.length>=3?{address:n[2],key:n.slice(3).join(`/`)}:n[0]===`file`&&n.length>=2?{address:n[1],key:n.slice(2).join(`/`)}:null}function bD(e,t){return!t||Tc(e)!==null}var xD=e=>Array.from(e.dataTransfer.types).includes(`application/json`);function SD(e,t){if(!t)return null;let n=String(e||``).split(`/`).filter(Boolean);return n[0]===`workspace`&&n[1]===`git`?n[2]||null:n[0]===`workspace`&&n.length>=2?`workspace:${n[1]}`:n[0]===`device`?n.length>=3?n[2]:null:n.length>=2?n[1]:null}function CD({x:e,y:t,node:n,path:r,isBackendsTree:i,isDirectoryTree:a,backends:o,onClose:s,onShowContent:c,onOpenToSide:l,sourceLayer:u,targetLayers:d,clipboard:f,onStartInlineCreate:p,onChangeIcon:m,onNewCanvas:h,onShareCanvas:g,onRemove:_,onRename:v,onExportSubtree:y,onImportSubtree:b,onImportDocuments:x,onExportDocuments:S,onLock:C,onUnlock:w,onDestroy:T,onMerge:E,onSubtract:D,onMergeDown:O,onSubtractDown:k,onResyncBackend:A,onAddRule:j,onAddStoreRule:M,onStoragePolicy:N,onRenameBackendFolder:P,onDeleteBackendFolder:ee,onRestoreTrash:F,onDiscardTrash:I,onCopy:te,onCut:L,onPaste:R,pastedDocumentIds:ne,onPasteDocuments:z,isPinned:re,onTogglePin:ie}){let ae=u&&d.size>0&&u.path===r,oe=!i&&(O||k)&&r!==`/`&&n.type!==`canvas`&&r.split(`/`).filter(Boolean).length>1,se=u&&d.size>0&&(u.path===r||d.has(r)),B=async e=>{s();try{await e()}catch(e){alert(e instanceof Error?e.message:String(e))}},V=(e,t,n,r=!1)=>(0,$.jsxs)(`button`,{type:`button`,className:J(`flex items-center gap-2 w-full px-3 py-1.5 text-xs hover:bg-accent rounded-sm text-left`,r&&`text-destructive hover:bg-destructive/10`),onClick:()=>B(n),children:[e,t]});return i&&n.metadata?.backendTrash?(0,$.jsxs)(Tn,{x:e,y:t,onClose:s,className:`min-w-44 rounded-md border bg-popover p-1 shadow-elevation-3`,children:[c&&V((0,$.jsx)(Xr,{className:`h-3 w-3`}),`Open Trash`,async()=>c(r)),r!==`/Trash`&&F&&V((0,$.jsx)(Pa,{className:`h-3 w-3`}),`Restore original paths`,()=>F(r)),r!==`/Trash`&&I&&V((0,$.jsx)(Xr,{className:`h-3 w-3`}),`Empty Trash`,()=>I(r),!0)]}):(0,$.jsxs)(Tn,{x:e,y:t,onClose:s,className:`min-w-[11rem] rounded-md border bg-popover p-1 shadow-elevation-3`,children:[c&&V((0,$.jsx)(Ea,{className:`w-3 h-3`}),`Show layer content`,async()=>{c(r,n.id||void 0)}),l&&V((0,$.jsx)(Ea,{className:`w-3 h-3`}),`Open to the side`,async()=>{l(r)}),(c||l)&&(0,$.jsx)(`div`,{className:`my-1 h-px bg-border`}),n.type===`canvas`&&g&&V((0,$.jsx)(ua,{className:`w-3 h-3`}),`Share canvas`,async()=>{await g(r)}),n.type===`canvas`&&g&&(0,$.jsx)(`div`,{className:`my-1 h-px bg-border`}),A&&SD(r,i)&&(0,$.jsxs)($.Fragment,{children:[V((0,$.jsx)(qn,{className:`w-3 h-3`}),`Resync backend (${SD(r,i)})`,async()=>{await A(r)}),(0,$.jsx)(`div`,{className:`my-1 h-px bg-border`})]}),i&&SD(r,i)&&(j||M)&&(0,$.jsxs)($.Fragment,{children:[j&&V((0,$.jsx)(fa,{className:`w-3 h-3`}),`Auto-Link documents to…`,async()=>{j(r)}),M&&yD(r,i)&&V((0,$.jsx)(Pr,{className:`w-3 h-3`}),`Create storage rule…`,async()=>{M(r)}),(0,$.jsx)(`div`,{className:`my-1 h-px bg-border`})]}),!i&&(M||N)&&r!==`/`&&(0,$.jsxs)($.Fragment,{children:[M&&V((0,$.jsx)(Pr,{className:`w-3 h-3`}),`Create rule…`,async()=>{M(r)}),M&&V((0,$.jsx)(Pi,{className:`w-3 h-3`}),`Create download rule…`,async()=>{M(r,`download`)}),N&&n.type!==`canvas`&&V((0,$.jsx)(dr,{className:`w-3 h-3`}),`Storage policy…`,async()=>{N(r)}),(0,$.jsx)(`div`,{className:`my-1 h-px bg-border`})]}),(!i||yD(r,i))&&(0,$.jsxs)(`button`,{type:`button`,className:`flex items-center gap-2 w-full px-3 py-1.5 text-xs hover:bg-accent rounded-sm text-left`,onClick:()=>{p(r),s()},children:[(0,$.jsx)(Wi,{className:`w-3 h-3`}),`New folder here`]}),P&&yD(r,i)?.key&&V((0,$.jsx)(Ir,{className:`w-3 h-3`}),`Rename folder`,async()=>{let e=r.split(`/`).pop()||``,t=prompt(`New folder name:`,e);!t||t===e||await P(r,t)}),ee&&i&&Cc(r,o)&&V((0,$.jsx)(Xr,{className:`w-3 h-3`}),`Delete from backend`,async()=>{confirm(`Delete folder "${r.split(`/`).pop()}" and its contents from the backend?`)&&await ee(r)},!0),h&&!i&&(0,$.jsxs)(`button`,{type:`button`,className:`flex items-center gap-2 w-full px-3 py-1.5 text-xs hover:bg-accent rounded-sm text-left`,onClick:()=>{h(r),s()},children:[(0,$.jsx)(si,{className:`w-3 h-3 text-primary`}),`New canvas here…`]}),r!==`/`&&ie&&V(re?(0,$.jsx)(Zn,{className:`w-3 h-3`}):(0,$.jsx)(Or,{className:`w-3 h-3`}),re?`Unpin`:`Pin`,async()=>{await ie()}),r!==`/`&&m&&(0,$.jsxs)(`button`,{type:`button`,className:`flex items-center gap-2 w-full px-3 py-1.5 text-xs hover:bg-accent rounded-sm text-left`,onClick:()=>{m(),s()},children:[(0,$.jsx)(ir,{className:`w-3 h-3`}),`Change icon`]}),r!==`/`&&!n.locked&&v&&!i&&V((0,$.jsx)(Ir,{className:`w-3 h-3`}),`Rename`,async()=>{let e=r.split(`/`).pop()||``,t=prompt(`New name:`,e);!t||t===e||await v(r,t)}),(0,$.jsx)(`div`,{className:`my-1 h-px bg-border`}),V((0,$.jsx)(Un,{className:`w-3 h-3`}),`Copy`,async()=>te(r)),!i&&V((0,$.jsx)(hi,{className:`w-3 h-3`}),`Cut`,async()=>L(r)),f&&!i&&V((0,$.jsx)(Cr,{className:`w-3 h-3`}),`Paste (${f.mode})`,async()=>R(r)),ne&&ne.length>0&&z&&bD(r,i)&&V((0,$.jsx)(Cr,{className:`w-3 h-3`}),i?`Move ${ne.length} message(s) here`:`Paste ${ne.length} document(s)`,async()=>{await z(r,ne)}),x&&V((0,$.jsx)($n,{className:`w-3 h-3`}),`Import documents…`,()=>x(r)),S&&V((0,$.jsx)(Pi,{className:`w-3 h-3`}),`Export documents…`,()=>S(r)),(y||b)&&(0,$.jsx)(`div`,{className:`my-1 h-px bg-border`}),y&&n.type!==`canvas`&&V((0,$.jsx)(Pi,{className:`w-3 h-3`}),`Export subtree…`,()=>y(r)),b&&!i&&n.type!==`canvas`&&V((0,$.jsx)($n,{className:`w-3 h-3`}),`Import subtree here…`,()=>b(r)),!i&&r!==`/`&&!n.locked&&_&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`div`,{className:`my-1 h-px bg-border`}),V((0,$.jsx)(Xr,{className:`w-3 h-3`}),`Remove`,async()=>{confirm(`Remove "${r}"${a?` and all children`:``}?`)&&await _(r,a)},!0),!a&&V((0,$.jsx)(Xr,{className:`w-3 h-3`}),`Remove recursive`,async()=>{confirm(`Remove "${r}" and all children?`)&&await _(r,!0)},!0)]}),!i&&(C||w||T)&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`div`,{className:`my-1 h-px bg-border`}),n.locked?w&&V((0,$.jsx)(_i,{className:`w-3 h-3`}),`Unlock layer`,async()=>{await w(n.id)}):C&&V((0,$.jsx)(ya,{className:`w-3 h-3`}),`Lock layer`,async()=>{await C(n.id)}),n.locked&&n.lockedBy&&n.lockedBy.length>0&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`div`,{className:`px-3 pt-1 pb-0.5 text-[10px] uppercase tracking-wide text-muted-foreground`,children:`Locked by`}),n.lockedBy.map(e=>(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-2 px-3 py-1 text-xs`,children:[(0,$.jsx)(`span`,{className:`truncate`,title:e,children:e}),w&&(0,$.jsx)(`button`,{type:`button`,title:`Remove lock held by ${e}`,className:`shrink-0 text-muted-foreground hover:text-destructive`,onClick:()=>B(async()=>{await w(n.id,e)}),children:(0,$.jsx)(_i,{className:`w-3 h-3`})})]},e))]}),r!==`/`&&!n.locked&&T&&V((0,$.jsx)(Xr,{className:`w-3 h-3`}),`Destroy layer`,async()=>{confirm(`Permanently destroy layer "${n.label||n.name}" and its bitmap?`)&&await T(n.id)},!0)]}),oe&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`div`,{className:`my-1 h-px bg-border`}),O&&V((0,$.jsx)(ca,{className:`w-3 h-3`}),`Merge down (into ancestors)`,async()=>{confirm(`Merge "${n.label||n.name}" into every layer above it on\n${r}\n\nAfter this, ${r} lists its documents.`)&&await O(r)}),k&&V((0,$.jsx)(va,{className:`w-3 h-3`}),`Subtract from ancestors`,async()=>{confirm(`Remove "${n.label||n.name}"'s documents from every layer above it on\n${r}\n\nUndo of "Merge down". Documents an ancestor holds for other reasons are removed from it too.`)&&await k(r)})]}),ae&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`div`,{className:`my-1 h-px bg-border`}),E&&V((0,$.jsx)(za,{className:`w-3 h-3`}),`Merge this layer into ${d.size} selected`,async()=>{confirm(`Merge "${r}" (source) INTO:\n${Array.from(d.keys()).join(`
|
|
35
|
-
`)}\n\nThe selected layers gain this layer's documents. This layer is unchanged.`)&&await E(n.id,Array.from(d.values()))}),D&&V((0,$.jsx)(za,{className:`w-3 h-3`}),`Subtract this layer from ${d.size} selected`,async()=>{confirm(`Subtract "${r}" (source) FROM:\n${Array.from(d.keys()).join(`
|
|
36
|
-
`)}\n\nThe selected layers lose this layer's documents. This layer is unchanged.`)&&await D(n.id,Array.from(d.values()))})]}),se&&!ae&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`div`,{className:`my-1 h-px bg-border`}),(0,$.jsxs)(`div`,{className:`px-3 py-1.5 text-[10px] text-muted-foreground italic`,children:[`This is a target. Right-click the source (`,u?.path,`) to merge/subtract`]})]})]})}function wD({onConfirm:e,onCancel:t,placeholder:n=`folder name…`}){let r=(0,Q.useRef)(null);(0,Q.useEffect)(()=>{r.current?.focus()},[]);let i=()=>{let n=r.current?.value.trim()??``;n?e(n):t()};return(0,$.jsxs)(`div`,{className:`flex min-h-11 items-center gap-2 rounded-(--card-radius) px-3 py-2.5 bg-card ring-1 ring-primary/50 shadow-elevation-3 text-sm font-medium`,children:[(0,$.jsx)(Wa,{className:`w-4 h-4 opacity-0 shrink-0`}),(0,$.jsx)(`input`,{ref:r,className:`flex-1 bg-transparent outline-none min-w-0 text-sm font-medium placeholder:font-normal placeholder:text-muted-foreground`,placeholder:n,onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),i()),e.key===`Escape`&&t()},onBlur:i})]})}function TD(e,t){return e===`/`?`/${t}`:`${e}/${t}`}function ED(e,t,n){let r=TD(t,e.name);return r.toLowerCase().includes(n)||(e.label||``).toLowerCase().includes(n)?!0:e.children?.some(e=>ED(e,r,n))??!1}function DD({expansionState:e,node:t,parentPath:n,depth:r,isLast:i,selectedPath:a,pendingPath:o,contentPath:s,readOnly:c,sourceLayer:l,targetLayers:u,clipboard:d,searchQuery:p,inlineCreateParent:m,onSelect:h,onAltSelect:g,selectedPaths:_,onRangeSelect:v,onShowContent:y,onCtrl:b,onCtxMenu:x,onConfirmCreate:S,onCancelCreate:C,onOpenPicker:w,styleOverrides:T,dragOverPath:E,isCopyDrag:D,onDragStart:O,onDragEnter:k,onDragOver:A,onDragLeave:j,onDragEnd:M,onDrop:N,resyncingPaths:P,policyBadgeFor:ee,removingPaths:F,accordion:I=!1,trail:te=[]}){let L=Xt(),R=TD(n,t.name),ne=ee?.(R)??null,z=T.get(R)??lt(t),[re,ie]=(0,Q.useState)(()=>e?.get(t.id||R)??(a!==`/`&&(a===R||a.startsWith(R+`/`)))),[ae,oe]=(0,Q.useState)(a);if(ae!==a&&(oe(a),a!==`/`&&a.startsWith(R+`/`)&&ie(!0)),(0,Q.useEffect)(()=>{e?.set(t.id||R,re)},[e,t.id,R,re]),p&&!ED(t,n,p))return null;let se=re||m===R||p.length>0,B=t.children&&t.children.length>0,V=a===R||_.has(R),H=o===R,U=l?.path===R,ce=u.has(R),le=t.type===`canvas`,ue=e=>{if(e.shiftKey){v(R,e);return}if(e.ctrlKey||e.metaKey){b(R,t.id);return}if(e.altKey&&g){g(R);return}h(R)},de=e=>{!B||e.ctrlKey||e.metaKey||e.shiftKey||e.altKey||e.target.closest(`button, input, textarea, select, a, [contenteditable="true"]`)||(e.preventDefault(),e.stopPropagation(),ie(e=>!e))},fe=[...te].reverse().find(Boolean)??null,pe=z.color||fe,me=I?[...te,pe]:te,he=a!==`/`&&a.startsWith(R+`/`),ge=!U&&!ce,_e=ge&&V,ve=(e,t)=>`color-mix(in oklab, ${e} ${t}%, var(--card))`,ye=e=>`color-mix(in oklab, currentColor ${e}%, transparent)`,W=Math.min(r,5),G=se&&!!B,be=ge&&!_e&&!t.locked&&G,K=Math.min(3+W*2+(he?4:0)+(H?3:0),18),q=_e?`var(--primary)`:U?ve(`var(--info)`,12):ce?ve(`var(--warning)`,12):be?`var(--accent)`:ve(`var(--muted-foreground)`,K),xe=_e?`text-primary-foreground`:be?`text-accent-foreground`:`text-foreground`,Se=I&&se&&B&&r<vD,Ce=(0,$.jsxs)(`div`,{"data-tree-path":R,"data-selected":_.has(R)||void 0,"data-active":V||void 0,className:J(`group relative flex cursor-pointer select-none items-stretch overflow-hidden text-sm`,`after:pointer-events-none after:absolute after:inset-0 after:bg-foreground/0 after:transition-colors hover:after:bg-foreground/[0.07]`,xe,U&&`ring-1 ring-inset ring-info/40`,ce&&!U&&`ring-1 ring-inset ring-warning/40`,E===R&&!c&&!D&&`ring-2 ring-inset ring-info`,E===R&&!c&&D&&`ring-2 ring-inset ring-success`),style:{height:_D,background:q,borderBottom:`1px solid var(--border)`,...Se?{position:`sticky`,top:r*_D,zIndex:20-r}:{}},draggable:!c&&!t.metadata?.backendTrash,onClick:ue,onDoubleClick:de,...c?{}:L,onContextMenu:e=>{c||(e.preventDefault(),x(e,R,t))},onDragStart:e=>{c||O(R,e)},onDragEnter:e=>{c||k(R,e)},onDragOver:e=>{c||A(R,e)},onDragLeave:e=>j(R,e),onDragEnd:()=>M(),onDrop:e=>{c||N(R,e)},children:[te.length>0&&(0,$.jsx)(`span`,{className:`flex shrink-0 gap-px`,"aria-hidden":!0,children:te.map((e,t)=>(0,$.jsx)(`span`,{className:`w-[3px]`,style:{background:e?`color-mix(in oklab, ${e} 35%, var(--border))`:`var(--border)`}},t))}),(()=>{let e=z.color?{background:z.color}:fe?{background:`color-mix(in oklab, ${fe} 45%, transparent)`}:{background:ye(10)},n=(0,$.jsx)(f,{icon:z.icon||(le?`ph:squares-four-fill`:`ph:folder-fill`),width:18,height:18,className:J(`shrink-0`,z.color?en(z.color):_e?`text-primary-foreground`:be?`text-current`:`text-foreground/80`)}),r=`flex w-10 shrink-0 items-center justify-center`;return w?(0,$.jsx)(`button`,{type:`button`,className:r,style:e,title:`Change icon`,onClick:e=>{Ya()||(e.stopPropagation(),w(e,R,t))},onContextMenu:e=>{e.preventDefault(),e.stopPropagation(),w(e,R,t)},children:n}):(0,$.jsx)(`span`,{className:r,style:e,children:n})})(),(0,$.jsx)(`span`,{className:J(`min-w-0 flex-1 self-center truncate px-2.5`,V||he||G?`font-semibold`:`font-medium`),title:t.description||void 0,children:t.label||t.name}),F.has(R)&&(0,$.jsx)(qn,{className:`mr-1 h-3.5 w-3.5 shrink-0 animate-spin self-center`,"aria-label":F.get(R)}),P?.has(R)&&(0,$.jsx)(qn,{className:`mr-1 h-3.5 w-3.5 shrink-0 animate-spin self-center opacity-70`,"aria-label":`Indexing`}),ne&&(0,$.jsx)(dr,{className:`mr-1 h-3 w-3 shrink-0 self-center text-muted-foreground`,"aria-label":ne,children:(0,$.jsx)(`title`,{children:ne})}),!c&&(0,$.jsx)(`button`,{type:`button`,className:`reveal-on-hover shrink-0 self-center rounded p-1 hover:bg-foreground/10`,onClick:e=>{e.stopPropagation(),x(e,R,t)},children:(0,$.jsx)($i,{className:`h-4 w-4`})}),(0,$.jsx)(`button`,{type:`button`,className:J(`relative z-[1] flex w-12 shrink-0 cursor-pointer items-center justify-center transition-colors`,`bg-[color-mix(in_oklab,currentColor_9%,transparent)] hover:bg-[color-mix(in_oklab,currentColor_24%,transparent)] active:bg-[color-mix(in_oklab,currentColor_32%,transparent)]`,!B&&m!==R&&`invisible`),style:{borderLeft:`1px solid ${ye(16)}`},"aria-label":se?`Collapse`:`Expand`,"aria-expanded":se,title:se?`Collapse`:`Expand`,onClick:e=>{e.stopPropagation(),ie(e=>!e)},children:se?(0,$.jsx)(Kr,{className:`h-5 w-5`,strokeWidth:2.25}):(0,$.jsx)(Wa,{className:`h-5 w-5`,strokeWidth:2.25})})]});return(0,$.jsxs)(`div`,{className:`relative`,children:[I?Ce:(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`div`,{className:`pointer-events-none absolute top-0 w-px bg-border`,style:{left:`-${gD/2}px`,...i?{height:`1.375rem`}:{bottom:0}}}),(0,$.jsx)(`div`,{className:`pointer-events-none absolute top-[1.375rem] h-px bg-border`,style:{left:`-${gD/2}px`,width:`${gD/2}px`}}),(0,$.jsxs)(`div`,{"data-tree-path":R,"data-selected":_.has(R)||void 0,"data-active":V||void 0,className:J(`group relative flex min-h-11 items-center gap-2 rounded-(--card-radius) px-3 py-2.5 cursor-pointer transition-all select-none overflow-hidden`,`shadow-elevation-3 hover:shadow-elevation-4 text-sm`,`before:absolute before:left-0 before:top-0 before:bottom-0 before:w-1.5 before:transition-colors`,U&&`ring-1 ring-info/40 bg-info/10 before:bg-info`,ce&&!U&&`ring-1 ring-warning/40 bg-warning/10 before:bg-warning`,!U&&!ce&&V&&!t.locked&&`bg-primary/[0.08] hover:bg-primary/[0.12] before:bg-primary`,!U&&!ce&&V&&t.locked&&`bg-warning/15 hover:bg-warning/20 before:bg-primary`,!U&&!ce&&!V&&H&&`bg-primary/[0.03] before:bg-transparent`,!U&&!ce&&!V&&!H&&!t.locked&&`bg-card hover:bg-primary/[0.04] before:bg-transparent`,!U&&!ce&&!V&&t.locked&&`bg-warning/15 hover:bg-warning/20 before:bg-warning`,E===R&&!c&&!D&&`ring-2 ring-info bg-info-subtle/50`,E===R&&!c&&D&&`ring-2 ring-success bg-success-subtle/50`),style:{borderRight:z.color?`4px solid ${z.color}`:`4px solid transparent`},draggable:!c&&!t.metadata?.backendTrash,onClick:ue,onDoubleClick:de,...c?{}:L,onContextMenu:e=>{c||(e.preventDefault(),x(e,R,t))},onDragStart:e=>{c||O(R,e)},onDragEnter:e=>{c||k(R,e)},onDragOver:e=>{c||A(R,e)},onDragLeave:e=>j(R,e),onDragEnd:()=>M(),onDrop:e=>{c||N(R,e)},children:[(0,$.jsx)(`button`,{type:`button`,className:J(`shrink-0 text-muted-foreground hover:text-foreground`,!B&&m!==R&&`invisible`),"aria-label":se?`Collapse`:`Expand`,"aria-expanded":se,onClick:e=>{e.stopPropagation(),ie(e=>!e)},children:se?(0,$.jsx)(Kr,{className:`w-4 h-4`}):(0,$.jsx)(Wa,{className:`w-4 h-4`})}),(()=>{let e=(0,$.jsx)(f,{icon:z.icon||(le?`ph:squares-four-fill`:`ph:folder-fill`),width:16,height:16,color:z.color||void 0,className:J(`shrink-0`,!z.color&&(le?`text-primary`:`text-muted-foreground`))});return w?(0,$.jsx)(`button`,{type:`button`,className:`shrink-0 rounded p-0.5 -m-0.5 hover:bg-muted-foreground/10 touch-target`,title:`Change icon`,onClick:e=>{Ya()||(e.stopPropagation(),w(e,R,t))},onContextMenu:e=>{e.preventDefault(),e.stopPropagation(),w(e,R,t)},children:e}):e})(),(0,$.jsx)(`span`,{className:`flex-1 truncate font-medium`,title:t.description||void 0,children:t.label||t.name}),F.has(R)&&(0,$.jsx)(qn,{className:`h-3.5 w-3.5 shrink-0 animate-spin`,"aria-label":F.get(R)}),P?.has(R)&&(0,$.jsx)(qn,{className:`w-3.5 h-3.5 shrink-0 animate-spin text-muted-foreground`,"aria-label":`Indexing`}),ne&&(0,$.jsx)(dr,{className:`w-3 h-3 shrink-0 text-muted-foreground`,"aria-label":ne,children:(0,$.jsx)(`title`,{children:ne})}),!c&&(0,$.jsx)(`button`,{type:`button`,className:`shrink-0 reveal-on-hover p-1 rounded hover:bg-muted-foreground/10 text-muted-foreground`,onClick:e=>{e.stopPropagation(),x(e,R,t)},children:(0,$.jsx)($i,{className:`w-4 h-4`})})]})]}),se&&(B||m===R)&&(0,$.jsxs)(`div`,{className:I?void 0:`ml-[22px] mt-2 mb-1 space-y-1.5`,children:[m===R&&(0,$.jsx)(wD,{onConfirm:e=>S(R,e),onCancel:C}),t.children?.map((n,i)=>(0,$.jsx)(DD,{node:n,expansionState:e,parentPath:R,depth:r+1,isLast:i===(t.children?.length??0)-1,selectedPath:a,pendingPath:o,contentPath:s,readOnly:c,sourceLayer:l,targetLayers:u,clipboard:d,searchQuery:p,inlineCreateParent:m,onSelect:h,onAltSelect:g,selectedPaths:_,onRangeSelect:v,onShowContent:y,onCtrl:b,onCtxMenu:x,onConfirmCreate:S,onCancelCreate:C,onOpenPicker:w,styleOverrides:T,dragOverPath:E,isCopyDrag:D,onDragStart:O,onDragEnter:k,onDragOver:A,onDragLeave:j,onDragEnd:M,onDrop:N,resyncingPaths:P,policyBadgeFor:ee,removingPaths:F,accordion:I,trail:me},n.id||n.name))]})]})}function OD({root:e,expansionState:t,workspaceId:n,treeName:r=`context`,isBackendsTree:i=!1,onRestoreTrash:a,onDiscardTrash:o,selectedPath:s,pendingPath:c,onSelect:l,isLoading:u=!1,readOnly:d=!1,onAddRule:f,onAddStoreRule:p,onStoragePolicy:m,policyBadgeFor:h,rootLabel:g,contentPath:_,onShowContent:v,onOpenToSide:y,onAltSelect:b,onInsertPath:x,onNewCanvas:S,onShareCanvas:C,onRemovePath:w,onRenamePath:T,onMovePath:E,onCopyPath:D,onExportSubtree:O,onImportSubtree:k,onImportDocuments:A,onExportDocuments:j,pastedDocumentIds:M,onPasteDocuments:N,onLockLayer:P,onUnlockLayer:ee,onDestroyLayer:F,onMergeLayer:I,onSubtractLayer:te,onMergeDown:L,onSubtractDown:R,onResyncBackend:ne,onCreateBackendFolder:z,onRenameBackendFolder:re,onDeleteBackendFolder:ie,onUpdateNode:ae,isPathPinned:oe,onTogglePin:se,searchQuery:B=``,resyncingPaths:V,backends:H}){let U=Lb(),[le,ue]=(0,Q.useState)(new Set),de=(0,Q.useRef)(null),fe=e=>{de.current=e,ue(new Set),l(e)},pe=(e,t)=>{t.preventDefault();let n=t.currentTarget.closest(`[data-menu-tree]`)?.querySelectorAll(`[data-tree-path]`),r=Array.from(n||[],e=>e.dataset.treePath),i=de.current||s;ue(mD(r,i,e)),de.current=r.includes(i)?i:e},[me,he]=(0,Q.useState)(null),[ge,_e]=(0,Q.useState)(null),[ve,ye]=(0,Q.useState)(new Map),[W,G]=(0,Q.useState)(null),[be,K]=(0,Q.useState)(new Map),q=(0,Q.useRef)(new Set),xe=(0,Q.useCallback)(async(e,t=!1,n=!1,a=!1)=>{if(!(i?ie:w)||[...q.current].some(t=>t===e||t.startsWith(e+`/`)||e.startsWith(t+`/`)))return!1;q.current.add(e);let o=i?`Deleting from backend…`:a?`Removing documents and backend files…`:n?`Removing and purging documents…`:`Removing folder…`;K(t=>new Map(t).set(e,o));try{return i?await ie(e):await w(e,r===`directory`||t,n,a)}finally{q.current.delete(e),K(t=>{let n=new Map(t);return n.delete(e),n})}},[w,ie,i,r]),[Se,Ce]=(0,Q.useState)(null),[we,Te]=(0,Q.useState)(new Map),[Ee,De]=(0,Q.useState)(e),Oe=(0,Q.useRef)(new Map),ke=(0,Q.useRef)(null),[Ae,je]=(0,Q.useState)(null);if(e!==Ee){De(e);let t=Ae;Te(t?new Map([[t.path,t.style]]):new Map)}let[Me,Ne]=(0,Q.useState)(null),[Pe,Fe]=(0,Q.useState)(null),[Ie,Le]=(0,Q.useState)(!1),[Re,ze]=(0,Q.useState)(!1),[Be,Ve]=(0,Q.useState)(!1),He=(0,Q.useRef)(!1),Ue=(0,Q.useRef)(null),We=(0,Q.useRef)(r),Ge=(0,Q.useRef)(!1),Ke=(0,Q.useRef)(!1);(0,Q.useEffect)(()=>{let e=e=>{he(e.detail??null)};return window.addEventListener(`tree:path-clipboard`,e),()=>window.removeEventListener(`tree:path-clipboard`,e)},[]),(0,Q.useEffect)(()=>{let e=e=>{let t=e.ctrlKey||e.altKey||Ke.current;Ge.current=t,Le(t)};return window.addEventListener(`keydown`,e),window.addEventListener(`keyup`,e),()=>{window.removeEventListener(`keydown`,e),window.removeEventListener(`keyup`,e)}},[]);let qe=(0,Q.useCallback)((e,t,n)=>{if(mt(We.current,e)||mt(r,t))return!1;if(We.current!==r)return!0;let i=e.endsWith(`/`)?e.slice(0,-1):e,a=t.endsWith(`/`)?t.slice(0,-1):t,o=i.substring(0,i.lastIndexOf(`/`))||`/`;return!(a.startsWith(i+`/`)||i===a||!n&&a===o)},[r]),Je=(0,Q.useCallback)((e,t)=>{if(mt(r,e)){t.preventDefault();return}Ue.current=e,We.current=r,t.dataTransfer.setData(`text/plain`,e),t.dataTransfer.setData(`application/x-canvas-tree-path`,JSON.stringify({path:e,treeName:r})),t.dataTransfer.effectAllowed=`copyMove`},[r]),Ye=e=>e.ctrlKey||e.altKey||Ke.current,Ze=(0,Q.useCallback)((e,t)=>{if(mt(r,e))return;let n=Ue.current,a=Ye(t);if(a!==Ge.current&&(Ge.current=a,Le(a)),n){if(!qe(n,e,a))return}else if(xD(t)&&!bD(e,i))return;t.preventDefault(),Fe(e)},[qe,r,i]),Qe=(0,Q.useCallback)((e,t)=>{if(mt(r,e)){t.dataTransfer.dropEffect=`none`;return}let n=Ye(t);n!==Ge.current&&(Ge.current=n,Le(n));let a=Ue.current;if(a){if(!qe(a,e,n)){t.dataTransfer.dropEffect=`none`;return}}else if(xD(t)&&!bD(e,i)){t.dataTransfer.dropEffect=`none`;return}t.preventDefault(),t.dataTransfer.dropEffect=n&&!i?`copy`:`move`},[qe,r,i]),$e=(0,Q.useCallback)((e,t)=>{t.currentTarget.contains(t.relatedTarget)||Fe(t=>t===e?null:t)},[]),et=(0,Q.useCallback)(()=>{Ue.current=null,We.current=r,Ge.current=!1,Le(!1),Fe(null)},[r]),tt=(0,Q.useCallback)(async(e,t)=>{if(t.preventDefault(),t.stopPropagation(),mt(r,e))return;let a=(()=>{try{return JSON.parse(t.dataTransfer.getData(`application/json`))}catch{return null}})();if(a?.type===`document`&&Array.isArray(a.documentIds)&&a.documentIds.length){if(Ue.current=null,Ge.current=!1,Le(!1),Fe(null),ce(a,n,r,e))return;if(N&&bD(e,i))try{await N(e,a.documentIds)}catch(e){alert(e instanceof Error?e.message:String(e))}return}let o=(()=>{try{return JSON.parse(t.dataTransfer.getData(`application/x-canvas-tree-path`))}catch{return null}})(),s=o?.path||t.dataTransfer.getData(`text/plain`),c=o?.treeName||We.current||r;if(mt(c,s))return;let l=Ye(t)||Ge.current;if(Ue.current=null,We.current=r,Ge.current=!1,Le(!1),Fe(null),!s)return;let u=t.shiftKey,d=c!==r;if(!(!d&&s===e)&&!(!d&&!qe(s,e,l)))try{if(l&&D)await D(s,e,u,c,r);else if(!l&&E){let t=He.current&&!i&&!!L;await E(s,e,u,c,r,t?{mergeDown:t}:void 0)}}catch(e){alert(e instanceof Error?e.message:String(e))}},[qe,D,E,N,n,r,i,L]),nt=B.toLowerCase().trim(),rt=(0,Q.useCallback)((e,t,n)=>{e.stopPropagation(),G({x:e.clientX,y:e.clientY,path:t,node:n})},[]),it=(0,Q.useCallback)((e,t,n)=>{e.stopPropagation(),!n.metadata?.backendTrash&&(ke.current=null,je(null),Ce({x:e.clientX,y:e.clientY,path:t,node:n}))},[]),at=(0,Q.useCallback)(e=>{if(!Se||!ae)return;let t=Se.path,n={...we.get(t)??(ke.current?.path===t?ke.current.style:lt(Se.node)),...e};ke.current={path:t,style:n},je({path:t,style:n}),Te(e=>new Map(e).set(t,n));let r=Jt(Se.node.metadata,n),i=Oe.current,a=i.get(t);a&&clearTimeout(a),i.set(t,setTimeout(()=>{i.delete(t),ae(t,{metadata:r}).catch(e=>alert(e instanceof Error?e.message:String(e)))},350))},[Se,ae,we]),ot=(0,Q.useCallback)((e,t)=>{ge?e===ge.path?(_e(null),ye(new Map)):ye(n=>{let r=new Map(n);return r.has(e)?r.delete(e):r.set(e,t),r}):(_e({path:e,id:t}),ye(new Map))},[ge]),st=(0,Q.useCallback)(async e=>{!me||!E||!D||me.treeName===r&&(e===me.path||e.startsWith(me.path+`/`))||(me.mode===`cut`?(await E(me.path,e,!1,me.treeName,r),he(null),window.dispatchEvent(new CustomEvent(`tree:path-clipboard`,{detail:null}))):await D(me.path,e,!0,me.treeName,r))},[me,E,D,r]);(0,Q.useEffect)(()=>{if(d)return;let e=e=>{let t=e.target;if(t?.tagName===`INPUT`||t?.tagName===`TEXTAREA`||e.key!==`F6`)return;if(e.preventDefault(),me?.mode===`cut`){st(s);return}let n={mode:`cut`,path:s,treeName:r};he(n),window.dispatchEvent(new CustomEvent(`tree:path-clipboard`,{detail:n}))};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[me,st,d,s,r]);let ct=(0,Q.useCallback)(async(e,t)=>{Ne(null);let n=e===`/`?`/${t}`:`${e}/${t}`;try{yD(e,i)&&z?await z(e,t)&&l(n):x&&await x(n,!0)&&l(n)}catch(e){alert(e instanceof Error?e.message:String(e))}},[x,z,l,i]),ut=(0,Q.useCallback)(()=>{Ne(null)},[]),dt=(0,Q.useCallback)((e,t)=>{let n={mode:t,path:e,treeName:r};he(n),window.dispatchEvent(new CustomEvent(`tree:path-clipboard`,{detail:n}))},[r]),ft=(0,Q.useCallback)(t=>{if(d||Xe(t.target)||s&&mt(r,s))return;if(gn(t,`Mod+V`)){M?.length&&N&&s&&bD(s,i)?(t.preventDefault(),N(s,M).catch(()=>{})):me&&s&&(t.preventDefault(),st(s).catch(e=>alert(e instanceof Error?e.message:String(e))));return}if(s&&s!==`/`&&(gn(t,`Mod+C`)||!i&&gn(t,`Mod+X`))){t.preventDefault(),dt(s,t.key.toLowerCase()===`x`?`cut`:`copy`);return}if((i?!ie||!Cc(s||``,H):!w)||t.key!==`Delete`&&t.key!==`Backspace`||!s||s===`/`)return;t.preventDefault();let n=Uo(e,s);if(!i&&n?.locked){alert(`"${s}" is locked`);return}confirm(i?`Delete "${s}" and its contents from this backend?`:`Remove "${s}"${r===`directory`?` and all children`:``}?`)&&xe(s,!1).catch(e=>alert(e instanceof Error?e.message:String(e)))},[d,w,ie,xe,s,e,M,N,me,st,i,dt,r,H]),pt=(0,Q.useCallback)(()=>{ze(e=>{let t=!e;return Ke.current=t,Ge.current=t,Le(t),t})},[]);if(u)return(0,$.jsx)(`div`,{className:`px-3 py-3 text-xs text-muted-foreground`,children:`Loading tree…`});if(!e)return(0,$.jsx)(`div`,{className:`px-3 py-3 text-xs text-muted-foreground`,children:`No tree available`});let ht=ge||ve.size>0,gt={expansionState:t,accordion:U,selectedPath:s,pendingPath:c,contentPath:_,readOnly:d,sourceLayer:ge,targetLayers:ve,clipboard:me,searchQuery:nt,inlineCreateParent:Me,onSelect:fe,onAltSelect:b,selectedPaths:le,onRangeSelect:pe,onShowContent:v,onCtrl:ot,onCtxMenu:rt,onConfirmCreate:ct,onCancelCreate:ut,onOpenPicker:ae?it:void 0,styleOverrides:we,dragOverPath:Pe,isCopyDrag:Ie,onDragStart:Je,onDragEnter:Ze,onDragOver:Qe,onDragLeave:$e,onDragEnd:et,onDrop:tt,resyncingPaths:V,backends:H,policyBadgeFor:i?void 0:h,removingPaths:be};return(0,$.jsxs)(`div`,{"data-menu-tree":!0,className:`px-3 py-2 space-y-1.5 outline-none min-h-full`,tabIndex:0,onKeyDown:ft,onContextMenu:t=>{t.defaultPrevented||d||(t.preventDefault(),rt(t,`/`,e))},children:[be.size>0&&(0,$.jsx)(`div`,{role:`status`,"aria-live":`polite`,className:`space-y-1 rounded-md border bg-muted/50 p-2 text-xs`,children:[...be].map(([e,t])=>(0,$.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,$.jsx)(qn,{className:`mt-0.5 h-3.5 w-3.5 shrink-0 animate-spin`,"aria-hidden":`true`}),(0,$.jsxs)(`span`,{className:`min-w-0`,children:[(0,$.jsx)(`span`,{className:`block`,children:t}),(0,$.jsx)(`span`,{className:`block truncate text-muted-foreground`,title:e,children:e})]})]},e))}),!d&&(0,$.jsxs)(`div`,{className:`flex items-center justify-end px-1 pb-0.5 text-[10px]`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:pt,title:`Toggle drag-drop mode (or hold Ctrl / Alt while dragging)`,className:J(`px-2 py-0.5 rounded-full border transition-colors select-none`,Re?`border-success bg-success/15 text-success dark:text-success`:`border-border text-muted-foreground hover:bg-muted`),children:Re?`Drag → Copy`:`Drag → Move`}),L&&!i&&!Re&&(0,$.jsx)(`button`,{type:`button`,onClick:()=>Ve(e=>(He.current=!e,!e)),title:`When moving a layer, also merge it into its new ancestors so the new path lists its documents`,className:J(`ml-1 px-2 py-0.5 rounded-full border transition-colors select-none`,Be?`border-info bg-info/15 text-info dark:text-info`:`border-border text-muted-foreground hover:bg-muted`),children:Be?`+ merge down`:`merge down: off`})]}),ht&&(0,$.jsxs)(`div`,{className:`flex items-center justify-between px-1 pb-1 text-[10px] text-muted-foreground`,children:[(0,$.jsx)(`span`,{children:ge?`Source: ${ge.path} · ${ve.size} target(s)`:`Select source with ⌃-click`}),(0,$.jsx)(`button`,{type:`button`,className:`hover:text-foreground underline`,onClick:()=>{_e(null),ye(new Map)},children:`clear`})]}),(0,$.jsxs)(`div`,{"data-active":s===`/`&&!_||void 0,className:J(`group relative flex min-h-11 items-center gap-2 rounded-(--card-radius) px-3 py-2.5 cursor-pointer transition-all select-none`,`shadow-elevation-3 hover:shadow-elevation-4 text-sm`,s===`/`&&!_?`bg-primary/[0.06]`:`bg-card hover:bg-primary/[0.04]`,Pe===`/`&&!d&&!Ie&&`ring-2 ring-info bg-info-subtle/50`,Pe===`/`&&!d&&Ie&&`ring-2 ring-success bg-success-subtle/50`),style:{borderRight:`4px solid transparent`},onClick:()=>fe(`/`),onDragEnter:e=>{d||Ze(`/`,e)},onDragOver:e=>{d||Qe(`/`,e)},onDragLeave:e=>$e(`/`,e),onDrop:e=>{d||tt(`/`,e)},onContextMenu:e=>{!d&&x&&(e.preventDefault(),G({x:e.clientX,y:e.clientY,path:`/`,node:{id:``,name:`/`,label:`/`,type:`root`,description:``,color:null,locked:!1,children:[]}}))},children:[(0,$.jsx)(Kr,{className:`w-4 h-4 shrink-0 text-muted-foreground`}),(0,$.jsxs)(`span`,{className:`flex-1 font-medium truncate`,children:[`/ `,g&&(0,$.jsxs)(`span`,{className:`text-muted-foreground font-normal`,children:[`[`,g,`]`]})]}),!d&&x&&(0,$.jsx)(`button`,{type:`button`,className:`shrink-0 reveal-on-hover p-1 rounded hover:bg-muted-foreground/10 text-muted-foreground`,onClick:e=>{e.stopPropagation(),G({x:e.clientX,y:e.clientY,path:`/`,node:{id:``,name:`/`,label:`/`,type:`root`,description:``,color:null,locked:!1,children:[]}})},children:(0,$.jsx)($i,{className:`w-4 h-4`})})]}),(0,$.jsxs)(`div`,{className:U?`mt-1.5 border-t border-border/60`:`ml-[22px] mt-1.5 space-y-1.5`,children:[Me===`/`&&(0,$.jsx)(wD,{onConfirm:e=>ct(`/`,e),onCancel:ut}),e.children?.map((t,n)=>(0,$.jsx)(DD,{node:t,parentPath:`/`,depth:0,isLast:n===(e.children?.length??0)-1,...gt},t.id||t.name)),!e.children?.length&&Me!==`/`&&(0,$.jsx)(`div`,{className:`px-2 py-1.5 text-xs text-muted-foreground`,children:`Empty tree`})]}),W&&le.size>1&&le.has(W.path)?(0,$.jsxs)(Tn,{x:W.x,y:W.y,onClose:()=>G(null),className:`min-w-44 rounded-md border bg-popover p-1 shadow-elevation-3`,children:[(0,$.jsxs)(`div`,{className:`px-3 py-1.5 text-xs text-muted-foreground`,children:[le.size,` folders selected`]}),(0,$.jsx)(`button`,{type:`button`,className:`block w-full px-3 py-1.5 text-left text-xs hover:bg-accent`,onClick:()=>{navigator.clipboard?.writeText([...le].join(`
|
|
37
|
-
`)),G(null)},children:`Copy paths`}),!d&&!i&&w&&(0,$.jsx)(`button`,{type:`button`,className:`block w-full px-3 py-1.5 text-left text-xs text-destructive hover:bg-accent`,onClick:()=>{G(null);let e=hD(le);confirm(`Remove ${le.size} selected folders and their children?\n${e.join(`
|
|
38
|
-
`)}`)&&(async()=>{for(let t of e)await xe(t,!0);ue(new Set)})().catch(e=>alert(e instanceof Error?e.message:String(e)))},children:`Remove folders…`}),(0,$.jsx)(`button`,{type:`button`,className:`block w-full px-3 py-1.5 text-left text-xs hover:bg-accent`,onClick:()=>{ue(new Set),G(null)},children:`Clear selection`})]}):W&&(0,$.jsx)(CD,{x:W.x,y:W.y,node:W.node,path:W.path,isBackendsTree:i,backends:H,isDirectoryTree:r===`directory`,onClose:()=>G(null),onShowContent:W.node.metadata?.backendTrash?l:v,onRestoreTrash:d?void 0:a,onDiscardTrash:d?void 0:o,onOpenToSide:y?e=>y(e,r):void 0,sourceLayer:ge,targetLayers:ve,clipboard:me,onStartInlineCreate:e=>Ne(e),onChangeIcon:ae?()=>it({clientX:W.x,clientY:W.y,stopPropagation:()=>{}},W.path,W.node):void 0,onNewCanvas:S,onShareCanvas:C,onImportDocuments:d?void 0:A,onExportDocuments:j,onExportSubtree:O,onImportSubtree:d?void 0:k,onRemove:!d&&w&&![...be.keys()].some(e=>e===W.path||e.startsWith(W.path+`/`)||W.path.startsWith(e+`/`))?xe:void 0,onRename:d?void 0:T,onLock:d?void 0:P,onUnlock:d?void 0:ee,onDestroy:d?void 0:F,onMerge:d?void 0:I,onSubtract:d?void 0:te,onMergeDown:d?void 0:L,onSubtractDown:d?void 0:R,onResyncBackend:ne,onAddRule:f,onAddStoreRule:p,onStoragePolicy:!d&&!i?m:void 0,onRenameBackendFolder:re,onDeleteBackendFolder:!d&&ie&&![...be.keys()].some(e=>e===W.path||e.startsWith(W.path+`/`)||W.path.startsWith(e+`/`))?e=>xe(e,!0):void 0,onCopy:e=>dt(e,`copy`),onCut:e=>dt(e,`cut`),onPaste:st,pastedDocumentIds:M,onPasteDocuments:N,isPinned:oe?oe(W.path):!1,onTogglePin:se?()=>se(W.path,W.node):void 0}),Se&&ae&&(0,$.jsx)(_h,{x:Se.x,y:Se.y,current:we.get(Se.path)??lt(Se.node),onChange:at,onClose:()=>Ce(null)})]})}function kD(){let{state:e,closeM2:t,closeM1:n,closeM0:r,openM2:i}=eg(),a=ae(),o=ot(),s=e.selectedEntityId,{showToast:c}=vo(),[l,u]=(0,Q.useState)(null),[d,f]=(0,Q.useState)(null),[p,m]=(0,Q.useState)(``),[h,g]=(0,Q.useState)(),[_,v]=(0,Q.useState)(``),[y,b]=(0,Q.useState)(`/`),[x,S]=(0,Q.useState)(null),[w,T]=(0,Q.useState)(!1),[E,D]=(0,Q.useState)(null),[O,k]=(0,Q.useState)(!1),A=(0,Q.useCallback)(async e=>{T(!0);try{let t=await pl(e);f(t),D(null)}catch(e){D(e instanceof Error?e.message:`Failed to load the tree`)}finally{T(!1)}},[]);(0,Q.useEffect)(()=>{if(!s)return;let e=s,t=!1;async function n(){try{let n=await yl(e);if(t)return;u(n),m(n.url||``),g(void 0),v(``),S(null),b(n.path||`/`),T(!0);try{let n=await pl(e);t||(f(n),D(null))}catch(e){t||D(e instanceof Error?e.message:`Failed to load the tree`)}finally{t||T(!1)}}catch{t||c({title:`Error`,description:`Failed to load context`,variant:`destructive`})}}n();let r=t=>{t.detail?.contextId===e&&n()};return window.addEventListener(`contexts:refresh`,r),()=>{t=!0,window.removeEventListener(`contexts:refresh`,r)}},[s,c]);let j=Bt({contextId:s??void 0,onRefresh:()=>{s&&A(s)}}),M=e=>{g(void 0),S(e),m(l?.workspaceName?`${l.workspaceName}://${e.replace(/^\//,``)}`:e)},N=l!=null&&(p.trim()!==(l.url||``)||h!==void 0);return(0,$.jsxs)(`div`,{className:`flex flex-col h-full`,children:[(0,$.jsx)(pD,{title:s||`Context`,icon:l?.icon||`ph:stack-fill`,accentColor:l?.color,onBack:t,action:(0,$.jsx)(`button`,{type:`button`,onClick:()=>{s&&(a?i(`settings`,s):o(`/contexts/${s}/settings/general`))},className:`flex items-center justify-center w-8 h-8 rounded hover:bg-accent/50 text-muted-foreground hover:text-foreground transition-colors`,title:`Settings`,children:(0,$.jsx)(ea,{className:`w-3.5 h-3.5`})})}),(0,$.jsxs)(`div`,{className:`p-3 border-b border-border shrink-0`,children:[(0,$.jsx)(`div`,{className:`text-[10px] text-muted-foreground mb-1.5 font-medium uppercase tracking-wide`,children:`Context URL`}),(0,$.jsxs)(`div`,{className:`flex gap-2`,children:[(0,$.jsx)(C,{presentation:`breadcrumbs`,value:p,fixedWorkspaceName:l?.workspaceName,pickerTitle:`Switch context to…`,onPickTarget:(e,t)=>{m(`${t.workspaceName}://${e.replace(/^\/+/,``)}`),g(t.treeName),S(null)},onChange:e=>{m(e),S(h?null:`/`+e.replace(/^.*?:\/\//,``).replace(/^\/+/,``))},disabled:O,className:`min-w-0 flex-1`,inputClassName:J(`text-xs transition-colors`,N&&`border-warning/60 bg-warning/10`),placeholder:`workspace://path`}),(0,$.jsx)(Z,{size:`sm`,className:`h-9 px-2 text-xs shrink-0`,onClick:async()=>{if(!s)return;let e=s;k(!0);try{await tl(e,p,void 0,h);let t=await yl(e);u(t),m(t.url||``),b(t.path||`/`),S(null),g(void 0),window.dispatchEvent(new CustomEvent(`contexts:refresh`)),await A(e),c({title:`Saved`,description:`Context URL updated`}),window.matchMedia(`(max-width: 767px)`).matches&&(n(),r())}catch(e){c({title:`Error`,description:e instanceof Error?e.message:`Save failed`,variant:`destructive`})}finally{k(!1)}},disabled:O||!N,children:O?`…`:`Set`})]})]}),h&&(0,$.jsxs)(`p`,{className:`px-3 py-1 text-xs text-muted-foreground`,children:[`Destination tree: `,h,` · press Set to apply`]}),(0,$.jsx)(`div`,{className:`px-3 py-2 border-b shrink-0`,children:(0,$.jsx)(Y,{type:`search`,name:`context-tree-filter`,autoComplete:`off`,"data-lpignore":`true`,"data-1p-ignore":`true`,"aria-label":`Search context tree`,placeholder:`Search paths…`,value:_,onChange:e=>v(e.target.value),className:`h-7 text-xs`})}),(0,$.jsxs)(`div`,{className:`flex-1 overflow-y-auto`,children:[(0,$.jsxs)(`div`,{className:`text-[10px] text-muted-foreground px-3 pt-2 pb-1 font-medium uppercase tracking-wide shrink-0`,children:[l?.workspaceName||`Workspace`,` · `,d?.type===`directory`?`directory`:`context`,` tree`]}),E&&!d&&(0,$.jsx)(`p`,{className:`px-3 pb-1 text-xs text-destructive`,children:E}),(0,$.jsx)(OD,{root:d,workspaceId:l?.workspaceName,searchQuery:_,selectedPath:y,pendingPath:x,onSelect:M,isLoading:w,rootLabel:l?.workspaceName,...j})]})]})}function AD({items:e,activeId:t,onSelect:n}){let[r,i]=(0,Q.useState)(``),a=e.filter(e=>jh(r,e.label,e.description||``));return(0,$.jsx)(`div`,{className:`flex-1 overflow-y-auto py-2`,children:(0,$.jsxs)(`div`,{className:`space-y-1 px-2`,children:[(0,$.jsx)(Y,{type:`search`,name:`settings-section-filter`,autoComplete:`off`,"data-lpignore":`true`,"data-1p-ignore":`true`,"aria-label":`Search settings sections`,placeholder:`Find a setting…`,className:`mb-3`,value:r,onChange:e=>i(e.target.value)}),!a.length&&(0,$.jsx)(`p`,{role:`status`,className:`p-3 text-sm text-muted-foreground`,children:`No matching settings.`}),a.map(e=>{let r=e.id===t;return(0,$.jsxs)(`button`,{type:`button`,"aria-current":r?`page`:void 0,onClick:()=>n(e.id),className:J(`flex w-full items-center gap-2.5 rounded-md px-3 py-2 text-left transition-colors`,r?`bg-accent text-foreground`:`text-muted-foreground hover:bg-accent/50 hover:text-foreground`),children:[(0,$.jsx)(`span`,{className:J(`shrink-0`,r?`text-foreground`:`text-muted-foreground`),children:e.icon}),(0,$.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,$.jsx)(`span`,{className:`block text-sm font-medium text-foreground`,children:e.label}),e.description&&(0,$.jsx)(`span`,{className:`mt-1 block text-xs leading-relaxed text-muted-foreground`,children:e.description})]}),(0,$.jsx)(Wa,{className:J(`h-3.5 w-3.5 shrink-0`,r?`opacity-100`:`opacity-0`)})]},e.id)})]})})}function jD(){let{state:e,closeM2:t}=eg(),n=ae(),r=ot(),i=an(),a=e.selectedEntityId,[o,s]=(0,Q.useState)(null);(0,Q.useEffect)(()=>{if(!a)return;let e=!1;return yl(a).then(t=>{e||s(t)}).catch(()=>{}),()=>{e=!0}},[a]);let c=i.pathname.split(`/`).filter(Boolean),l=c[2]===`settings`?cy(c[3]):null,u=a?`/contexts/${a}`:null,d=(0,Q.useMemo)(()=>sy.map(({id:e,label:t,description:n,icon:r})=>({id:e,label:t,description:n,icon:(0,$.jsx)(r,{className:`h-4 w-4`})})),[]);return(0,$.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,$.jsx)(pD,{title:`Settings: ${o?.name||a||`Context`}`,icon:o?.icon||`ph:stack-fill`,accentColor:o?.color??null,onBack:()=>u&&!n?r(u):t(),action:(0,$.jsx)(`button`,{type:`button`,onClick:()=>u&&r(u),className:`flex h-8 w-8 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-accent/50 hover:text-foreground`,title:`Open context`,children:(0,$.jsx)(ki,{className:`h-3.5 w-3.5`})})}),(0,$.jsx)(AD,{items:d,activeId:l,onSelect:e=>a&&r(`/contexts/${a}/settings/${e}`)})]})}function MD(e){let[t,n]=(0,Q.useState)([]),[r,i]=(0,Q.useState)(!1),a=(0,Q.useRef)(!1),o=(0,Q.useRef)(!1),s=(0,Q.useCallback)(async()=>{if(!o.current){o.current=!0,i(!0);try{let e=await ss();n(e||[]),a.current=!0}catch(e){console.error(`Failed to fetch workspaces:`,e)}finally{o.current=!1,i(!1)}}},[]),c=(0,Q.useCallback)(()=>{a.current=!1,s()},[s]);return(0,Q.useEffect)(()=>{e&&!a.current&&s()},[e,s]),(0,Q.useEffect)(()=>{if(!e)return;let t=()=>L.emit(`subscribe`,{channel:`workspace`}),r=()=>L.emit(`unsubscribe`,{channel:`workspace`}),i=L.on(`connect`,()=>{t(),s()});t();let a=e=>{let t=e,r=t?.workspaceId??t?.id,i=t?.status;!r||!i||n(e=>e.map(e=>e.id===r?{...e,status:i}:e))},o=e=>{let t=e?.workspace??e;t?.id&&n(e=>e.some(e=>e.id===t.id)?e:[...e,t])},c=e=>{let t=e,r=t?.workspaceId??t?.id;r&&n(e=>e.filter(e=>e.id!==r))},l=[[`workspaces.scanned`,e=>{let t=e?.report;t&&(t.discovered.length||t.adopted.length||t.updated.length||t.missing.length)&&s()}],[`workspace:status:changed`,a],[`workspace.status.changed`,a],[`workspace:created`,o],[`workspace.created`,o],[`workspace:deleted`,c],[`workspace.deleted`,c]];return l.forEach(([e,t])=>L.on(e,t)),()=>{r(),i?.(),l.forEach(([e,t])=>L.off(e,t))}},[e,s]),(0,Q.useEffect)(()=>{let e=()=>{a.current=!1,s()};return window.addEventListener(`workspaces:refresh`,e),()=>{window.removeEventListener(`workspaces:refresh`,e)}},[s]),{workspaces:(0,Q.useMemo)(()=>mg(t),[t]),isLoading:r,refresh:c}}function ND({status:e}){return(0,$.jsx)(`span`,{className:J(`inline-block w-2 h-2 rounded-full shrink-0`,e===`active`?`bg-success`:e===`error`?`bg-destructive`:`bg-muted-foreground`),title:e})}function PD(){let[e,t]=(0,Q.useState)(null),n=dh(),{state:r,selectEntity:i,openM2:a,closeM2:o}=eg(),s=ae(),{workspaces:c,isLoading:l}=MD(r.activeSection===`workspaces`),{showToast:u}=vo(),d=ot(),[p,m]=(0,Q.useState)(new Set),[h,g]=(0,Q.useState)(null),[_,v]=(0,Q.useState)(new Map),y=(0,Q.useRef)(new Map),[b,x]=(0,Q.useState)(null),S=b&&b.base===c?b.order:c,{rowProps:C,handleProps:w,draggingIndex:T,insertLineClass:E}=_g((e,t)=>{let n=hg(S,e,t);x({base:c,order:n}),gg(n,(e,t)=>Ao(fh(e),{order:t})).then(({failed:e})=>{window.dispatchEvent(new CustomEvent(`workspaces:refresh`)),e&&u({title:`Partial reorder`,description:`${e} workspace(s) could not be reordered`,variant:`destructive`})})}),D=e=>_.get(fh(e))??{icon:e.icon??void 0,color:e.color??void 0},O=(e,t,n)=>{let r={...t,...n};v(t=>new Map(t).set(e,r));let i=y.current,a=i.get(e);a&&clearTimeout(a),i.set(e,setTimeout(()=>{i.delete(e);let t={icon:r.icon??null};r.color&&(t.color=r.color),Ao(e,t).then(()=>window.dispatchEvent(new CustomEvent(`workspaces:refresh`))).catch(e=>u({title:`Error`,description:e instanceof Error?e.message:`Update failed`,variant:`destructive`}))},350))},k=e=>{i(fh(e)),a(`detail`,fh(e)),!s&&Dh(fh(e))&&d(Oh(fh(e)))},A=async(e,t)=>{e.stopPropagation(),m(e=>new Set(e).add(fh(t)));try{await Rs(fh(t)),u({title:`Success`,description:`${t.label||t.name} started`}),window.dispatchEvent(new CustomEvent(`workspaces:refresh`))}catch(e){u({title:`Error`,description:e instanceof Error?e.message:`Start failed`,variant:`destructive`})}finally{m(e=>{let n=new Set(e);return n.delete(fh(t)),n})}},j=async(e,t)=>{e.stopPropagation(),m(e=>new Set(e).add(fh(t)));try{await Hs(fh(t)),u({title:`Success`,description:`${t.label||t.name} stopped`}),window.dispatchEvent(new CustomEvent(`workspaces:refresh`))}catch(e){u({title:`Error`,description:e instanceof Error?e.message:`Stop failed`,variant:`destructive`})}finally{m(e=>{let n=new Set(e);return n.delete(fh(t)),n})}};return(0,$.jsxs)(`div`,{className:`flex flex-col h-full`,onContextMenu:e=>{e.defaultPrevented||n.local||e.target.closest(`[data-workspace-row]`)||(e.preventDefault(),t({x:e.clientX,y:e.clientY}))},children:[e&&(0,$.jsx)(Tn,{...e,onClose:()=>t(null),className:`rounded-md border bg-popover p-1 shadow-elevation-3`,children:(0,$.jsx)(`button`,{type:`button`,className:`px-3 py-1.5 text-xs hover:bg-accent`,onClick:()=>{t(null),o(),d(`/workspaces?create=1`)},children:`Create workspace…`})}),(0,$.jsxs)(`div`,{className:`flex items-center justify-between px-4 h-12 border-b border-border shrink-0`,children:[(0,$.jsxs)(`div`,{className:`flex min-w-0 items-center`,children:[(0,$.jsx)(dD,{}),(0,$.jsx)(`span`,{className:`text-sm font-semibold`,children:`Workspaces`})]}),!n.local&&(0,$.jsx)(`button`,{type:`button`,onClick:()=>{o(),d(`/workspaces?create=1`)},title:`Create workspace`,"aria-label":`Create workspace`,className:`flex items-center justify-center w-6 h-6 rounded-full bg-foreground text-background hover:opacity-80 transition-opacity`,children:(0,$.jsx)(Wi,{className:`w-3.5 h-3.5`})})]}),(0,$.jsx)(`div`,{className:`flex-1 overflow-y-auto py-2`,children:l&&c.length===0?(0,$.jsx)(`div`,{className:`px-4 py-3 text-xs text-muted-foreground`,children:`Loading...`}):c.length===0?(0,$.jsx)(`div`,{className:`px-4 py-3 text-xs text-muted-foreground`,children:`No workspaces found`}):(0,$.jsx)(`div`,{className:`space-y-1.5 px-2`,children:S.map((e,t)=>{let n=r.selectedEntityId===fh(e),o=V(e),c=p.has(fh(e)),l=e.status!==`active`,u=D(e),m=wt(u.color);return(0,$.jsxs)(`div`,{"data-workspace-row":!0,...C(t),"data-active":n||void 0,className:J(`group relative rounded-(--card-radius) py-2.5 pl-3 pr-7 transition-all shadow-elevation-1`,n?`bg-accent shadow cursor-pointer hover:shadow`:l?`bg-card opacity-60 cursor-not-allowed`:`bg-card hover:bg-accent/50 cursor-pointer hover:shadow`,E(t,S.length),T===t&&`opacity-60`),onClick:()=>{l||k(e)},children:[(0,$.jsx)(`button`,{type:`button`,...w(t),title:`Drag to reorder`,"aria-label":`Drag to reorder`,className:J(`absolute inset-y-0 right-0 flex w-4 cursor-grab items-center justify-center rounded-r-(--card-radius) active:cursor-grabbing`,!m&&`bg-muted`),style:m?{backgroundColor:m}:void 0,children:(0,$.jsx)(Rn,{className:J(`h-3.5 w-3.5`,en(m))})}),(0,$.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,$.jsx)(`button`,{type:`button`,title:o?`Change icon`:`Workspace appearance requires admin access`,onClick:t=>{!o||Ya()||(t.stopPropagation(),g({x:Math.min(t.clientX,window.innerWidth-290),y:Math.min(t.clientY,window.innerHeight-360),name:fh(e)}))},onContextMenu:t=>{o&&(t.preventDefault(),t.stopPropagation(),g({x:Math.min(t.clientX,window.innerWidth-290),y:Math.min(t.clientY,window.innerHeight-360),name:fh(e)}))},className:`shrink-0 rounded p-0.5 hover:bg-muted-foreground/10 touch-target`,children:(0,$.jsx)(f,{icon:u.icon||`ph:stack-fill`,width:18,height:18,color:m,className:J(!m&&`text-muted-foreground`)})}),(0,$.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,$.jsx)(ND,{status:e.status}),(0,$.jsx)(`span`,{className:`text-sm font-medium truncate`,children:e.label||e.name})]})}),(0,$.jsxs)(`div`,{className:`flex items-center gap-0.5 shrink-0`,children:[e.status===`active`?(0,$.jsx)(`button`,{type:`button`,disabled:c,onClick:t=>j(t,e),className:`flex items-center justify-center w-6 h-6 rounded hover:bg-muted-foreground/10 text-muted-foreground disabled:opacity-50 transition-colors`,title:`Stop`,children:(0,$.jsx)(_a,{className:`w-3.5 h-3.5`})}):(0,$.jsx)(`button`,{type:`button`,disabled:c,onClick:t=>A(t,e),className:`flex items-center justify-center w-6 h-6 rounded hover:bg-muted-foreground/10 text-muted-foreground disabled:opacity-50 transition-colors`,title:`Start`,children:(0,$.jsx)(xr,{className:`w-3.5 h-3.5`})}),(0,$.jsx)(`button`,{type:`button`,onClick:t=>{t.stopPropagation(),i(fh(e)),s?a(`settings`,fh(e)):d(`/workspaces/${fh(e)}/settings/general`)},className:`flex items-center justify-center w-6 h-6 rounded hover:bg-muted-foreground/10 text-muted-foreground transition-colors disabled:opacity-40 disabled:cursor-not-allowed`,disabled:!o,title:o?`Settings`:`Workspace settings require admin access`,children:(0,$.jsx)(ea,{className:`w-3.5 h-3.5`})})]})]}),e.description&&(0,$.jsx)(`div`,{className:`text-xs text-muted-foreground truncate mt-0.5 pl-3.5`,children:e.description}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2 mt-1 pl-3.5`,children:[e.host&&(0,$.jsx)(`span`,{className:`text-[10px] text-muted-foreground truncate`,children:e.host}),e.ownerEmail&&(0,$.jsx)(`span`,{className:`text-[10px] text-muted-foreground truncate`,children:e.ownerEmail})]})]},e.id||e.name)})})}),h&&(()=>{let e=c.find(e=>fh(e)===h.name);if(!e)return null;let t=D(e);return(0,$.jsx)(_h,{x:h.x,y:h.y,current:t,onChange:e=>O(h.name,t,e),onClose:()=>g(null)})})()]})}function FD(e,t){let n=(0,Q.useRef)(null),r=(0,Q.useRef)(0);return(0,Q.useEffect)(()=>{if(!e)return;let n=e=>{if(e.defaultPrevented||e.repeat||e.isComposing||e.getModifierState(`AltGraph`))return;let n=e.target;if(n instanceof Element&&n.closest(`input, textarea, select, [contenteditable]:not([contenteditable="false"]), [role="textbox"], [role="dialog"], [role="alertdialog"]`)||document.querySelector(`[aria-modal="true"], dialog[open]`))return;let r=Cx(e);if(!r)return;let i=xx(),a=r===i.previousTree?-1:+(r===i.nextTree);a&&(e.preventDefault(),t(a))};return window.addEventListener(`keydown`,n),()=>window.removeEventListener(`keydown`,n)},[e,t]),{onTouchStart(e){r.current=0,n.current=e.touches.length===1?{x:e.touches[0].clientX,y:e.touches[0].clientY}:null},onTouchMove(e){e.touches.length!==1&&(n.current=null)},onTouchCancel(){n.current=null},onTouchEnd(i){if(!n.current||!e)return;let a=i.changedTouches[0],o=Tx(a.clientX-n.current.x,a.clientY-n.current.y);n.current=null,o&&(r.current=Date.now()+500,i.stopPropagation(),t(o))},onClickCapture(e){Date.now()<r.current&&(e.preventDefault(),e.stopPropagation(),r.current=0)}}}function ID(e,t,n,r=!1){if(!t.startsWith(`/`)||!n.length)throw Error(`Choose a source folder and at least one destination.`);let i=new Map;for(let e of n){if(![`context`,`directory`].includes(e.tree)||!e.path.startsWith(`/`))throw Error(`Choose a context or directory destination.`);if(e.path.includes(`{{`))throw Error(`Auto-Link destinations cannot contain {{ template markers.`);i.set(`${e.tree}:${e.path}`,e)}return{id:e,enabled:!0,description:`Auto-Link backends:${t} → ${[...i.keys()].join(`, `)}`,cascade:!0,when:{event:[`document.inserted`,`document.updated`,`document.linked`],...r?{path:`backends:${t}`}:{pathExact:`backends:${t}`}},then:[...i.values()].map(e=>({action:`link`,paths:[`${e.tree===`context`?`ctx`:`dir`}:${e.path}`],...r?{recursive:!0}:{}}))}}function LD(e,t,n,r=!1,i=`forward`,a=`copy`,o,s){let c=ID(e,t,n,r);if(i===`forward`)return[c];if(a===`move`&&!s?.trim())throw Error(`Choose the source backend whose copy should be moved.`);if(r&&n.some(e=>e.tree===`context`))throw Error(`Recursive storage requires a directory source. Context paths can store files in a fixed backend folder.`);let l=t.split(`/`).filter(Boolean);if(l.length<2||t.includes(`{{`)||l.some(e=>e===`.`||e===`..`))throw Error(`Choose a backend folder with a valid storage address.`);if(!o)throw Error(`Choose a writable backend folder.`);let u=o.address,d=o.key,f=[...new Map(n.map(e=>[`${e.tree}:${e.path}`,e])).values()],p={id:`${e}-reverse`,enabled:!0,description:`Auto-Link ${f.map(e=>`${e.tree}:${e.path}`).join(`, `)} → backends:${t} (${a})`,cascade:!1,when:{event:[`document.inserted`,`document.linked`],[r?`path`:`pathExact`]:f.map(e=>`${e.tree}:${e.path}`)},then:[{action:`store`,to:u,folder:d,mode:a,...a===`move`?{from:s.trim()}:{},autoLink:!0,onConflict:`error`,...r?{recursive:!0}:{}}]};return i===`both`?[c,p]:[p]}function RD(e,t){let n=Xc(e,t);if(t.find(e=>e.driver===n.driver&&e.address===n.address)?.capabilities.paths!==!0)throw Error(`This backend has not reported support for folder paths. Choose a writable storage folder to copy or move files here.`);return n}function zD({workspaceId:e,sourcePath:t,onClose:n,onManageRules:r}){let[i,a]=(0,Q.useState)([]),[o,s]=(0,Q.useState)(!1),[c,l]=(0,Q.useState)(`forward`),u=c===`forward`||!i.some(e=>e.tree===`context`),[d,f]=(0,Q.useState)(`copy`),[p,m]=(0,Q.useState)(``),[h,g]=(0,Q.useState)([]),[_,v]=(0,Q.useState)(!0),[y,b]=(0,Q.useState)(0),[x,S]=(0,Q.useState)(!1),[C,w]=(0,Q.useState)(!0),[T]=(0,Q.useState)(()=>`autolink-${crypto.randomUUID()}`),[E,D]=(0,Q.useState)(!1),[O,k]=(0,Q.useState)(!1),[A,j]=(0,Q.useState)(!1),[M,N]=(0,Q.useState)(``),[P,ee]=(0,Q.useState)(0),[F,I]=(0,Q.useState)(0),[L,R]=(0,Q.useState)(0),[ne]=(0,Q.useState)(Ut),[z,re]=(0,Q.useState)(1),[ie,ae]=(0,Q.useState)(0),[oe,se]=(0,Q.useState)(),[B,V]=(0,Q.useState)(0),H=()=>{O||n()},U=_?`Checking whether this backend can receive files…`:``;if(!_)try{RD(t,h)}catch(e){U=e instanceof Error?e.message:`Choose a writable storage folder.`}let ce=e=>{l(e),e!==`forward`&&(w(!1),i.some(e=>e.tree===`context`)&&S(!1))},le=e=>`${e.replace(/\/+$/,``)}/${x?`Subfolder/`:``}example.pdf`;return(0,Q.useEffect)(()=>{let t=!1;return Fs(e).then(e=>{t||g(e)}).catch(()=>{t||N(`Could not load storage backends. Reopen Autolink to retry.`)}).finally(()=>{t||v(!1)}),()=>{t=!0}},[e]),(0,$.jsx)(te,{label:o?`Choose virtual paths`:`Autolink documents`,onClose:o?()=>s(!1):H,children:o?(0,$.jsx)(Je,{fixedWorkspaceName:e,tabs:c!==`forward`&&x?[`directory`]:[`context`,`directory`],initialTab:c===`forward`?void 0:`directory`,title:`Choose virtual paths`,confirmLabel:`Add paths`,sizeClassName:`h-full w-full rounded-none border-0 shadow-none`,onClose:()=>s(!1),onConfirm:(e,t)=>{c!==`forward`&&t.treeType===`context`&&S(!1),a(n=>{let r=[...n];for(let n of e)r.some(e=>e.tree===t.treeType&&e.path===n)||r.push({tree:t.treeType,path:n});return r}),s(!1)}}):(0,$.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col`,children:[(0,$.jsxs)(`div`,{className:`flex shrink-0 items-center justify-between gap-3 border-b p-5`,children:[(0,$.jsxs)(`h2`,{className:`flex items-center gap-2 text-lg font-semibold`,children:[(0,$.jsx)(Ri,{className:`h-5 w-5`}),`Autolink documents`]}),(0,$.jsx)(`button`,{type:`button`,onClick:H,disabled:O,"aria-label":`Close`,className:`p-1 disabled:opacity-40`,children:(0,$.jsx)(mr,{className:`h-4 w-4`})})]}),(0,$.jsxs)(`div`,{className:`min-h-0 flex-1 space-y-5 overflow-y-auto p-5`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Current backend folder`}),(0,$.jsxs)(`p`,{className:`mt-1 break-words text-sm`,children:[`backends:`,t]})]}),(0,$.jsxs)(`fieldset`,{disabled:O||E,className:`space-y-2 text-sm`,children:[(0,$.jsx)(`label`,{className:`block font-medium`,htmlFor:`autolink-direction`,children:`Direction`}),(0,$.jsxs)(`select`,{id:`autolink-direction`,className:`w-full rounded-md border bg-background p-2`,value:c,onChange:e=>ce(e.target.value),children:[(0,$.jsx)(`option`,{value:`forward`,children:`Backend → virtual folders (link)`}),(0,$.jsx)(`option`,{value:`reverse`,disabled:!!U,children:`Virtual folders → backend (Copy/Move)`}),(0,$.jsx)(`option`,{value:`both`,disabled:!!U,children:`Both directions`})]}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:c===`forward`?`Link documents from this backend folder into the selected virtual folders. Files stay where they are.`:`When a document is added or explicitly linked to a selected virtual folder, ${d} its file to the current backend folder.${c===`both`?` Documents arriving on the backend are also linked into the virtual folders.`:``}`}),U&&(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:_?U:`Reverse mapping unavailable: ${U}`}),c!==`forward`&&(0,$.jsxs)(`div`,{className:`space-y-2 rounded-lg border p-3`,children:[(0,$.jsx)(`label`,{className:`block font-medium`,htmlFor:`autolink-operation`,children:`File operation`}),(0,$.jsxs)(`select`,{id:`autolink-operation`,className:`w-full rounded-md border bg-background p-2`,value:d,onChange:e=>f(e.target.value),children:[(0,$.jsx)(`option`,{value:`copy`,children:`Copy files to this backend`}),(0,$.jsx)(`option`,{value:`move`,children:`Move files to this backend`})]}),d===`copy`&&(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Keep the source file and its virtual-folder links.`}),d===`move`&&(0,$.jsxs)(`div`,{className:`mt-2 space-y-2`,children:[(0,$.jsx)(`label`,{className:`block`,htmlFor:`autolink-source-backend`,children:`Move files from`}),(0,$.jsxs)(`select`,{id:`autolink-source-backend`,className:`w-full rounded-md border bg-background p-2`,value:p,onChange:e=>m(e.target.value),children:[(0,$.jsx)(`option`,{value:``,children:`Choose a source backend…`}),h.filter(e=>e.kind===`storage`&&e.enabled&&e.config?.readOnly!==!0).map(e=>(0,$.jsx)(`option`,{value:e.address,children:e.address},e.address))]}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Move the file from this source backend after it has been stored at the destination. Virtual-folder links stay in place. Files missing from this source are skipped; multiple source copies require Copy instead.`})]})]})]}),(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(`h3`,{className:`text-sm font-medium`,children:c===`reverse`?`Watch virtual folders`:`Virtual folders`}),i.map((e,t)=>(0,$.jsxs)(`div`,{className:`flex items-center gap-2 rounded-lg border p-2 text-sm`,children:[(0,$.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,$.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:e.tree===`context`?`Context tree`:`Directory tree`}),(0,$.jsx)(`p`,{className:`break-words`,children:e.path})]}),!E&&(0,$.jsx)(`button`,{type:`button`,"aria-label":`Remove ${e.tree}:${e.path}`,disabled:O,onClick:()=>a(e=>e.filter((e,n)=>n!==t)),children:(0,$.jsx)(mr,{className:`h-4 w-4`})})]},`${e.tree}:${e.path}`)),!E&&(0,$.jsxs)(Z,{variant:`outline`,size:`sm`,disabled:O,onClick:()=>s(!0),children:[(0,$.jsx)(Wi,{className:`mr-1 h-4 w-4`}),`Add virtual path…`]}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:c===`forward`?`Choose the virtual folders where backend documents should appear.`:`Choose a Directory tree folder to watch for newly added documents. Its files will be stored in the current backend folder.`})]}),(0,$.jsxs)(`fieldset`,{disabled:O||E,className:`space-y-3 text-sm`,children:[(0,$.jsxs)(`label`,{className:`flex items-start gap-2`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:x,disabled:!u,onChange:e=>S(e.target.checked),className:`mt-1`}),`Include subfolders and recreate their path in the destination`]}),!u&&(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Context membership has no single folder path. To preserve subfolders on a backend, choose a directory source. Context paths store files directly in the selected backend folder.`}),(0,$.jsxs)(`label`,{className:`flex items-start gap-2`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:C,onChange:e=>w(e.target.checked),className:`mt-1`}),`Apply to existing documents`]})]}),!!i.length&&(0,$.jsxs)(`div`,{className:`space-y-3 rounded-lg border bg-muted/30 p-3 text-sm`,"aria-label":`Mapping preview`,children:[(0,$.jsx)(`h3`,{className:`font-medium`,children:`Example result`}),i.map(e=>(0,$.jsxs)(`div`,{className:`space-y-2 break-all text-xs`,children:[c!==`reverse`&&(0,$.jsxs)(`p`,{children:[(0,$.jsx)(`span`,{className:`text-muted-foreground`,children:`Link `}),`backends:`,le(t),(0,$.jsx)(`br`,{}),(0,$.jsx)(`span`,{className:`text-muted-foreground`,children:`Into `}),e.tree===`context`?`ctx`:`dir`,`:`,le(e.path)]}),c!==`forward`&&(0,$.jsxs)(`p`,{children:[(0,$.jsxs)(`span`,{className:`text-muted-foreground`,children:[d===`move`?`Move`:`Copy`,` `]}),e.tree===`context`?`ctx`:`dir`,`:`,le(e.path),(0,$.jsx)(`br`,{}),(0,$.jsx)(`span`,{className:`text-muted-foreground`,children:`To `}),`backends:`,le(t)]})]},`preview:${e.tree}:${e.path}`)),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:x?`The selected folders are the roots. Only the subfolder path beneath each root is recreated at its destination.`:`Only direct folder contents are included.`})]}),(0,$.jsxs)(`p`,{className:`text-xs text-muted-foreground`,children:[C?`Existing matching documents are processed when you enable this rule.`:c===`forward`?`Future backend arrivals and updates are linked automatically.`:`Newly added or explicitly linked virtual-folder documents are processed automatically.`,` `,c===`both`&&`Both directions creates two rules in workspace Rules. `,`Removing rules keeps existing files and links. Renames and deletions are not synchronized. Filename conflicts stop the transfer without overwriting.`]}),O&&(0,$.jsx)(`p`,{role:`status`,className:`text-sm`,children:E?`${z>1?`Rule ${Math.min(y+1,z)}/${z}: `:``}Processing ${ie}${oe===void 0?``:`/${oe}`} existing documents… ${F} matches applied.`:`Saving Auto-Link…`}),A&&(0,$.jsxs)(`p`,{role:`status`,className:`text-sm`,children:[`Auto-Link is enabled for future documents.`,C?` ${B} document${z>1?` checks across ${z} rules`:`s checked`}. ${F} matches applied.`:``]}),L>0&&(0,$.jsxs)(`p`,{role:`alert`,className:`text-sm text-destructive`,children:[L,` document operations failed. Check the rule’s run log in Rules and rerun it after resolving the errors.`]}),M&&(0,$.jsxs)(`p`,{role:`alert`,className:`text-sm text-destructive`,children:[E?`Auto-Link is enabled. `:``,M]})]}),(0,$.jsxs)(`div`,{className:`flex shrink-0 justify-end gap-2 border-t p-3`,children:[(0,$.jsx)(Z,{variant:`ghost`,disabled:O,onClick:r,children:`Manage rules`}),A?(0,$.jsx)(Z,{onClick:n,children:`Done`}):(0,$.jsx)(Z,{disabled:O||!i.length||c!==`forward`&&(!!U||d===`move`&&!p),onClick:async()=>{if(!O){k(!0),N(``);try{let n=c===`forward`?void 0:RD(t,await Fs(e)),r=LD(T,t,i,x,c,d,n,p);if(re(r.length),E||(await Ue(e,r),D(!0)),C){for(let t=y;t<r.length;t++){let n=t===y?P:0;ae(n),se(void 0);let i=await Be(e,{ruleId:r[t].id,limit:1,offset:n,dryRun:!0});for(se(i.total);n!==null;){let i=await Be(e,{ruleId:r[t].id,limit:ne,offset:n});if(I(e=>e+i.matched-i.failed),R(e=>e+i.failed),ae(n+i.processed),V(e=>e+i.processed),se(i.total),i.nextOffset===void 0)throw Error(`The rule is enabled, but applying the full folder needs an updated server. Use Rules to rerun existing documents after updating.`);n=i.nextOffset,n!==null&&ee(n)}b(t+1),ee(0)}window.dispatchEvent(new CustomEvent(`workspace:documents:refresh`)),window.dispatchEvent(new CustomEvent(`workspace:tree:refresh`))}j(!0)}catch(e){N(e instanceof Error?e.message:`Could not configure Auto-Link`)}finally{k(!1)}}},children:O?`Applying…`:E?`Retry existing documents`:`Enable Autolink`})]})]})})}async function BD(){return await X.get(`${po}/users/me/config/webui`)??{}}async function VD(e){return await X.put(`${po}/users/me/config/webui`,e)??e}var HD=`application/x-canvas-workspace-pin`;function UD({pins:e,isLoading:t,searchQuery:n=``,activeKey:r,onOpen:i,onShowInTree:a,onUnpin:o,onMove:s}){let[c,l]=(0,Q.useState)(null),[u,d]=(0,Q.useState)(null),p=n.toLowerCase().trim(),m=p?e.filter(e=>(e.label||e.name||``).toLowerCase().includes(p)||e.path.toLowerCase().includes(p)||(e.description||``).toLowerCase().includes(p)):e,h=()=>{l(null),d(null)},g=async()=>{let t=u,n=c;if(h(),!n||!t||t.id===n)return;let r=t.id;if(t.id&&!t.before&&(r=e[e.findIndex(e=>e.id===t.id)+1]?.id??null),r!==n)try{await s(n,r)}catch(e){alert(e instanceof Error?e.message:String(e))}};return t&&!e.length?(0,$.jsx)(`div`,{className:`px-3 py-3 text-xs text-muted-foreground`,children:`Loading pins…`}):e.length?m.length?(0,$.jsx)(`div`,{className:`p-2 flex flex-col gap-2`,onDragOver:e=>{c&&(e.preventDefault(),e.dataTransfer.dropEffect=`move`)},onDrop:e=>{e.preventDefault(),c&&!u&&d({id:null,before:!1}),g()},children:m.map(e=>{let t=e.resolvable===!1,n=wt(e.color),s=e.icon||(e.type===`canvas`?`ph:squares-four-fill`:`ph:folder-fill`),m=r===No(e.tree,e.path),_=u?.id===e.id&&u.before,v=u?.id===e.id&&!u.before;return(0,$.jsxs)(`div`,{role:`button`,tabIndex:0,"data-active":m||void 0,draggable:!p,onDragStart:t=>{t.dataTransfer.setData(HD,e.id),t.dataTransfer.setData(`text/plain`,e.path),t.dataTransfer.effectAllowed=`move`,l(e.id)},onDragEnd:h,onDragOver:t=>{if(!c||c===e.id)return;t.preventDefault(),t.stopPropagation(),t.dataTransfer.dropEffect=`move`;let n=t.currentTarget.getBoundingClientRect(),r=t.clientY<n.top+n.height/2;d(t=>t?.id===e.id&&t.before===r?t:{id:e.id,before:r})},onDrop:e=>{e.preventDefault(),e.stopPropagation(),g()},onClick:()=>{t||i(e)},onKeyDown:n=>{n.target===n.currentTarget&&(n.key===`Enter`||n.key===` `)&&!t&&(n.preventDefault(),i(e))},title:t?`${e.path} — folder no longer exists`:`Open ${e.tree}:${e.path}`,className:J(`group relative flex items-stretch gap-2.5 rounded-(--card-radius) border bg-card shadow-elevation-1 text-left transition-colors`,t?`opacity-70 cursor-default`:`cursor-pointer hover:bg-accent/40`,m&&`ring-1 ring-primary/60`,c===e.id&&`opacity-40`,_&&`border-t-2 border-t-primary`,v&&`border-b-2 border-b-primary`),style:{borderLeft:`5px solid ${n??`transparent`}`},children:[(0,$.jsx)(`div`,{className:`flex items-center justify-center w-12 shrink-0 rounded-l-[5px] my-0 self-stretch`,style:n?{backgroundColor:`${n}22`}:void 0,children:t?(0,$.jsx)(or,{className:`w-5 h-5 text-warning`}):(0,$.jsx)(f,{icon:s,width:22,height:22,color:n,className:J(!n&&(e.type===`canvas`?`text-primary`:`text-muted-foreground`))})}),(0,$.jsxs)(`div`,{className:`flex flex-col min-w-0 flex-1 py-2 pr-1`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5 min-w-0`,children:[(0,$.jsx)(`span`,{className:`text-sm font-semibold leading-tight truncate`,children:e.label||e.name||e.path.split(`/`).pop()}),e.locked&&(0,$.jsx)(ya,{className:`w-3 h-3 shrink-0 text-warning`})]}),(0,$.jsxs)(`span`,{className:`text-[11px] text-muted-foreground truncate leading-tight font-mono mt-0.5`,children:[e.tree,`:`,e.path]}),e.description&&(0,$.jsx)(`span`,{className:`text-[11px] text-muted-foreground/80 truncate leading-tight mt-1`,children:e.description}),t&&(0,$.jsx)(`span`,{className:`text-[11px] text-warning leading-tight mt-1`,children:`Folder no longer exists`})]}),(0,$.jsxs)(`div`,{className:`flex flex-col items-center justify-between py-1.5 pr-1.5 shrink-0`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-0.5`,children:[(0,$.jsx)(`button`,{type:`button`,disabled:t,onClick:t=>{t.stopPropagation(),a(e)},title:`Show in tree`,"aria-label":`Show in tree`,className:`flex items-center justify-center w-6 h-6 rounded text-muted-foreground reveal-on-hover focus-visible:opacity-100 hover:bg-accent hover:text-foreground transition-colors disabled:opacity-40 disabled:cursor-default`,children:(0,$.jsx)($n,{className:`w-3.5 h-3.5`})}),(0,$.jsx)(`button`,{type:`button`,onClick:async t=>{t.stopPropagation();try{await o(e)}catch(e){alert(e instanceof Error?e.message:String(e))}},title:`Unpin`,"aria-label":`Unpin`,className:`flex items-center justify-center w-6 h-6 rounded text-muted-foreground reveal-on-hover hover:bg-destructive/10 hover:text-destructive transition-colors`,children:(0,$.jsx)(Zn,{className:`w-3.5 h-3.5`})})]}),!p&&(0,$.jsx)(Rn,{className:`w-3.5 h-3.5 text-muted-foreground/50 cursor-grab active:cursor-grabbing`,"aria-hidden":!0})]})]},e.id)})}):(0,$.jsxs)(`div`,{className:`px-3 py-3 text-xs text-muted-foreground`,children:[`No pins match “`,n,`”`]}):(0,$.jsxs)(`div`,{className:`px-3 py-6 text-xs text-muted-foreground text-center space-y-1`,children:[(0,$.jsx)(`p`,{children:`No pinned folders yet.`}),(0,$.jsxs)(`p`,{className:`text-muted-foreground/70`,children:[`Right-click a folder in the context, directory or backends tree and choose `,(0,$.jsx)(`span`,{className:`font-medium`,children:`Pin`}),`.`]})]})}var WD=()=>({selectedPath:`/`,contentPath:null,searchQuery:``,expansion:new Map}),GD=[`pins`,`context`,`layers`,`directory`,`backends`],KD=e=>typeof e==`string`&&GD.includes(e),qD=e=>{let t=Array.isArray(e)?e.filter(KD).filter((e,t,n)=>n.indexOf(e)===t):[];return[...t,...GD.filter(e=>!t.includes(e))]},JD={pins:(0,$.jsx)(Or,{className:`w-3.5 h-3.5`}),context:(0,$.jsx)(nr,{className:`w-3.5 h-3.5`}),layers:(0,$.jsx)(za,{className:`w-3.5 h-3.5`}),directory:(0,$.jsx)($n,{className:`w-3.5 h-3.5`}),backends:(0,$.jsx)(Aa,{className:`w-3.5 h-3.5`})},YD={pins:`Pins`,context:`Context tree`,layers:`Context layers`,directory:`Directory tree`,backends:`Backends tree`},XD=e=>e===`directory`||e===`backends`?e:bc,ZD=(e,t)=>t?`layers`:e===`directory`?`directory`:e===`backends`?`backends`:`context`;function QD(){let{state:e}=eg();return e.selectedEntityId?(0,$.jsx)(Pg,{workspaceName:e.selectedEntityId,children:(0,$.jsx)($D,{},e.selectedEntityId)}):null}function $D(){let{state:e,closeM2:t,openM2:n,navigateFromMenu:r}=eg(),i=Mt(),a=ae(),o=e.selectedEntityId,s=ot(),c=an(),{treeName:l,path:u}=Qd(c.pathname),d=new URLSearchParams(c.search).get(`layer`)===`1`,f=new URLSearchParams(c.search).get(`layerId`),p=/\/trees\/|\/path(\/|$)/.test(c.pathname)||!!f,m=p?ZD(l,f):GD[0],[h,g]=(0,Q.useState)(!1),[v,y]=(0,Q.useState)(null),[b,x]=(0,Q.useState)(null),[S,C]=(0,Q.useState)({icon:null,color:null}),[w,T]=(0,Q.useState)(m),[E,D]=(0,Q.useState)(null),[O,k]=(0,Q.useState)(null),[A,j]=(0,Q.useState)(null),[M,N]=(0,Q.useState)([]),[P,ee]=(0,Q.useState)(!1),[F,I]=(0,Q.useState)(!1),[te,R]=(0,Q.useState)(!1),[ne,z]=(0,Q.useState)(!1),[re,ie]=(0,Q.useState)(u),[oe,se]=(0,Q.useState)([]),[B,H]=(0,Q.useState)(new Set),[U,ce]=(0,Q.useState)(d&&u!==`/`?u:null),[le,ue]=(0,Q.useState)(``),[de,fe]=(0,Q.useState)(null),[pe,me]=(0,Q.useState)(null),[he,ge]=(0,Q.useState)(null),{policies:_e,refresh:ve}=DT(o),ye=(0,Q.useCallback)(e=>{if(w!==`context`&&w!==`directory`||!_e.length)return null;let t=pT(_e,w,e);return t.length?`Storage policy targets: ${mT(t)} (see Settings for transfer status)`:null},[w,_e]),[W,G]=(0,Q.useState)([]),[be,K]=(0,Q.useState)(!1),[q,xe]=(0,Q.useState)(!1),Se=(0,Q.useRef)(null),Ce=(0,Q.useRef)(new Map),[we,Te]=(0,Q.useState)(()=>Object.fromEntries(GD.map(e=>[e,WD()])));(0,Q.useLayoutEffect)(()=>{Se.current&&(Se.current.scrollTop=Ce.current.get(w)??0)},[w]);let Ee=we[w];(Ee.selectedPath!==re||Ee.contentPath!==U||Ee.searchQuery!==le)&&Te({...we,[w]:{...Ee,selectedPath:re,contentPath:U,searchQuery:le}});let De=(0,Q.useRef)(!1),[Oe,ke]=(0,Q.useState)(!1),[Ae,je]=(0,Q.useState)(GD),Me=!p;(0,Q.useEffect)(()=>{let e=!1;return BD().then(t=>{if(e)return;let n=qD(t?.m2?.tabOrder);je(n),Me&&T(e=>e===GD[0]?n[0]:e)}).catch(()=>{}),()=>{e=!0}},[]);let Ne=(0,Q.useCallback)(async e=>{let t=Ae;je(e);try{let t=await BD();await VD({...t,m2:{...t.m2,tabOrder:e}})}catch{je(t)}},[Ae]),[Pe,Fe]=(0,Q.useState)(null),[Ie,Le]=(0,Q.useState)(null),Re=()=>{Fe(null),Le(null)},ze=()=>{if(Pe&&Ie&&Pe!==Ie.id){let e=Ae.filter(e=>e!==Pe),t=e.indexOf(Ie.id);t>=0&&(e.splice(Ie.before?t:t+1,0,Pe),e.some((e,t)=>e!==Ae[t])&&Ne(e))}Re()};(0,Q.useEffect)(()=>{let e=e=>fe(e.detail??null);return window.addEventListener(`documents:clipboard`,e),()=>window.removeEventListener(`documents:clipboard`,e)},[]);let[Be,Ve]=(0,Q.useState)(u);u!==Be&&(Ve(u),ie(u));let He=(0,Q.useRef)(new Map),Ue=(0,Q.useCallback)(async(e,t,n=!1,r=!1)=>{let i=Symbol();He.current.set(t,i);let a=()=>He.current.get(t)===i,o=t===`context`?ee:t===`directory`?I:R,s=t===`context`?D:t===`directory`?k:j;n||o(!0);try{n&&!r&&Gs(e,t);let i=await Jo(e,t);a()&&s(i)}catch{}finally{a()&&o(!1)}},[]),We=(0,Q.useCallback)(async(e,t=!1)=>{let n=Symbol();He.current.set(`pins`,n);let r=()=>He.current.get(`pins`)===n;t||K(!0);try{let t=await as(e);r()&&G(t)}catch{}finally{r()&&K(!1)}},[]),Ge=(0,Q.useCallback)(async(e,t=!1)=>{let n=Symbol();He.current.set(`layers`,n);let r=()=>He.current.get(`layers`)===n;t||z(!0);try{let t=await Lo(e,`context`);r()&&N(t)}catch{}finally{r()&&z(!1)}},[]);(0,Q.useEffect)(()=>{if(!o)return;let e=o,t=!1,n=He.current;async function r(){Co(e).then(e=>{t||(y(e.label||e.name),g(V(e)),x(e.id||null),C({icon:e.icon??null,color:e.color??null}))}).catch(()=>{}),await Promise.all([Ue(e,`context`),Ue(e,`directory`),Ue(e,`backends`),Ge(e),We(e)])}return r(),()=>{t=!0,n.clear()}},[o,Ue,Ge,We]);let Ke=(0,Q.useCallback)((e,t,n=!1)=>{for(let r of[`context`,`directory`,`backends`])(!t||t===r)&&Ue(e,r,!0,n);(!t||t===`context`)&&Ge(e,!0),We(e,!0)},[Ue,Ge,We]),qe=(0,Q.useCallback)(()=>{o&&Ke(o)},[o,Ke]);(0,Q.useEffect)(()=>{if(!o)return;let e=e=>{e.detail?.workspaceName&&e.detail.workspaceName!==o||Ke(o,e.detail?.treeName,e.detail?.cacheInvalidated)};return window.addEventListener(`workspace:tree:refresh`,e),()=>window.removeEventListener(`workspace:tree:refresh`,e)},[o,Ke]),(0,Q.useEffect)(()=>{if(!o)return;let e=!1,t=()=>Fs(o).then(t=>{e||(se(t),H(new Set(t.filter(e=>e.resyncing&&e.treePath).map(e=>e.treePath))))}).catch(()=>{});t();let n=e=>{let n=e.detail;n?.workspaceName&&n.workspaceName!==o||(!n?.treeName||n.treeName===`backends`)&&t()};return window.addEventListener(`workspace:tree:refresh`,n),()=>{e=!0,window.removeEventListener(`workspace:tree:refresh`,n)}},[o]),(0,Q.useEffect)(()=>{if(!o)return;let e=[`workspace:${o}`,b?`workspace:${b}`:null].filter(Boolean),t=()=>e.forEach(e=>L.emit(`subscribe`,{channel:e})),n=L.on(`connect`,t);t();let r=Ct(o,b),i=e=>{if(e?.workspaceId&&b&&e.workspaceId!==b)return;let t=e?.treePath;t&&H(n=>{let r=new Set(n);return e.resyncing?r.add(t):r.delete(t),r})};L.on(`backend.resync.changed`,i);let a=e=>{e?.workspaceId&&b&&e.workspaceId!==b||We(o,!0)};return L.on(`pins.changed`,a),()=>{r(),n?.(),L.off(`backend.resync.changed`,i),L.off(`pins.changed`,a)}},[o,b,We]);let[Je,Ye]=(0,Q.useState)(null),Xe=`${c.pathname}|${c.search}`;if(Xe!==Je){Ye(Xe);let{treeName:e,path:t}=Qd(c.pathname),n=new URLSearchParams(c.search).get(`layerId`),r=/\/trees\/|\/path(\/|$)/.test(c.pathname)||!!n;q?xe(!1):T(r||Oe?r?ZD(e,n):w:Ae[0]),ie(t),ce(t===`/`?null:t)}let{showProgress:Ze}=vo(),Qe=Bt({workspaceId:o??void 0,treeName:XD(w),onRefresh:qe}),$e=new Set(W.map(e=>No(e.tree,e.path))),et=XD(w),tt=(0,Q.useCallback)(e=>$e.has(No(et,e)),[W,et]),nt=(0,Q.useCallback)(async e=>{if(!o)return;let t=W.find(t=>No(t.tree,t.path)===No(et,e));t?await Mc(o,t.id):await Wo(o,e,et),await We(o)},[o,W,et,We]),rt=(0,Q.useCallback)(async e=>{if(o){G(t=>t.filter(t=>t.id!==e.id));try{await Mc(o,e.id)}finally{await We(o)}}},[o,We]),at=(0,Q.useCallback)(async(e,t)=>{if(!o)return;let n=W.find(t=>t.id===e);if(!n)return;let r=W.filter(t=>t.id!==e),i=t===null?r.length:r.findIndex(e=>e.id===t);if(i===-1)return;let a=[...r.slice(0,i),n,...r.slice(i)];if(!a.every((e,t)=>e===W[t])){G(a);try{G(await oc(o,a.map(e=>e.id)))}catch(e){throw await We(o),e}}},[o,W,We]),st=(0,Q.useCallback)(e=>{if(!o)return;xe(!0),ie(e.path),ce(null);let t=$d(o,e.path,e.tree);if(i){i.activateRow(`pin:${o}:${e.id}`,e.label||e.name||e.path,t);return}r(t)},[o,r,i]),lt=(0,Q.useCallback)(e=>{!o||e.resolvable===!1||(xe(!1),ke(!0),T(ZD(e.tree)),ie(e.path),ce(null),ue(``),De.current=!0,i?.setFocus(`main`),r($d(o,e.path,e.tree)))},[o,r,i]),ut=w===`context`?E:w===`directory`?O:w===`backends`?A:null,dt=w===`context`?P:w===`directory`?F:w===`backends`&&te;(0,Q.useEffect)(()=>{if(!De.current||dt||w===`pins`)return;let e=Se.current?.querySelector(`[data-active="true"]`);e&&(e.scrollIntoView({block:`nearest`,inline:`nearest`}),De.current=!1)},[w,re,ut,dt]);let ft=(0,Q.useCallback)(e=>{ke(!0),T(e);let t=we[e];ie(t.selectedPath),ce(t.contentPath),ue(t.searchQuery)},[we]),pt=(0,Q.useCallback)(e=>{ft(wx(Ae,w,e))},[Ae,w,ft]),mt=FD(e.m2Open,pt),ht=e=>{ce(null),ie(e);let t=XD(w);i?.setFocus(`main`),r($d(o,e,t))},gt=(0,Q.useCallback)((e,t)=>{ie(e),ce(e);let n=XD(w),a=new URLSearchParams;a.set(`layer`,`1`),t&&a.set(`layerId`,t),i?.setFocus(`main`),r(`${$d(o,e,n)}?${a.toString()}`)},[o,w,r,i]),_t=(0,Q.useCallback)((e,t)=>{if(o){if(i){i.openCanvas({kind:`route`,location:$d(o,e,t)});return}window.dispatchEvent(new CustomEvent(`workspace:open-to-side`,{detail:{workspaceName:o,treeName:t,path:e}}))}},[o,i]),vt=(0,Q.useCallback)(async e=>{if(!o)return;let t=XD(w),n=await Pc(o,e,t),r=`${window.location.origin}${n.url}`;await navigator.clipboard?.writeText(r),alert(`Canvas share link copied:\n${r}`)},[o,w]),yt=le.toLowerCase().trim(),bt=yt?M.filter(e=>e.name.toLowerCase().includes(yt)||(e.label||``).toLowerCase().includes(yt)||(e.description||``).toLowerCase().includes(yt)):M;return(0,$.jsxs)(`div`,{className:`flex flex-col h-full`,children:[(0,$.jsx)(pD,{title:v||o||`Workspace`,icon:S.icon||`ph:stack-fill`,accentColor:S.color,onBack:t,action:(0,$.jsxs)(`div`,{className:`flex items-center gap-0.5`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:()=>o&&r(Oh(o)),className:`flex items-center justify-center w-8 h-8 rounded hover:bg-accent/50 text-muted-foreground hover:text-foreground transition-colors`,title:`Open workspace`,children:(0,$.jsx)(ki,{className:`w-3.5 h-3.5`})}),(0,$.jsx)(`button`,{type:`button`,disabled:!h,onClick:()=>{a?n(`settings`,o??null):s(`/workspaces/${o}/settings/general`)},className:`flex items-center justify-center w-8 h-8 rounded hover:bg-accent/50 text-muted-foreground hover:text-foreground transition-colors disabled:opacity-40 disabled:cursor-not-allowed`,title:h?`Settings`:`Workspace settings require admin access`,children:(0,$.jsx)(ea,{className:`w-3.5 h-3.5`})})]})}),(0,$.jsx)(`div`,{...mt,className:`flex border-b border-border shrink-0 touch-pan-y`,"aria-label":`Workspace trees`,children:Ae.map(e=>(0,$.jsxs)(`button`,{type:`button`,onClick:()=>ft(e),title:`${YD[e]} — drag to reorder; the first tab opens by default`,"aria-label":YD[e],"aria-pressed":w===e,draggable:!0,onDragStart:t=>{t.dataTransfer.setData(`text/plain`,e),t.dataTransfer.effectAllowed=`move`,Fe(e)},onDragEnd:Re,onDragOver:t=>{if(!Pe||Pe===e)return;t.preventDefault(),t.dataTransfer.dropEffect=`move`;let n=t.currentTarget.getBoundingClientRect(),r=t.clientX<n.left+n.width/2;Le(t=>t?.id===e&&t.before===r?t:{id:e,before:r})},onDrop:e=>{e.preventDefault(),ze()},className:J(`relative flex-1 flex items-center justify-center py-2 transition-colors`,w===e?`text-foreground border-b-2 border-foreground -mb-px`:`text-muted-foreground hover:text-foreground`,Pe===e&&`opacity-40`,Ie?.id===e&&Ie.before&&`shadow-[inset_2px_0_0_0_hsl(var(--primary))]`,Ie?.id===e&&!Ie.before&&`shadow-[inset_-2px_0_0_0_hsl(var(--primary))]`),children:[JD[e],e===`pins`&&W.length>0&&(0,$.jsx)(`span`,{className:`absolute top-1 right-[calc(50%-14px)] min-w-[14px] h-[14px] px-0.5 rounded-full bg-primary text-primary-foreground text-[9px] leading-[14px] text-center font-medium`,children:W.length})]},e))}),(0,$.jsx)(`div`,{className:`px-2 py-1.5 border-b border-border shrink-0 shadow-elevation-2 z-10`,children:(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5 rounded-md border bg-muted/40 px-2 py-1`,children:[(0,$.jsx)(ja,{className:`w-3 h-3 shrink-0 text-muted-foreground`}),(0,$.jsx)(`input`,{type:`search`,name:`workspace-tree-filter`,"aria-label":`Search workspace tree`,autoComplete:`off`,"data-lpignore":`true`,"data-1p-ignore":`true`,className:`flex-1 bg-transparent text-xs outline-none placeholder:text-muted-foreground min-w-0`,placeholder:w===`layers`?`Search layers…`:w===`pins`?`Search pins…`:`Search paths…`,value:le,onChange:e=>ue(e.target.value)})]})}),(0,$.jsx)(`div`,{ref:Se,onScroll:e=>{Ce.current.set(w,e.currentTarget.scrollTop)},className:`flex-1 overflow-y-auto`,children:(0,$.jsx)(Sg,{workspaceId:o,treeName:XD(w),readOnly:!h,className:`min-h-full`,children:w===`pins`?(0,$.jsx)(UD,{pins:W,isLoading:be,searchQuery:le,activeKey:No(l,u),onOpen:st,onShowInTree:lt,onUnpin:rt,onMove:at}):w===`layers`?(0,$.jsx)(oO,{layers:bt,isLoading:ne,wsName:o??``,onSelect:e=>{let t=new URLSearchParams;t.set(`layerId`,e.id),t.set(`layer`,`1`),r(`${$d(o,`/`)}?${t.toString()}`)},onLock:async e=>{await zo(o,e.id,o,`context`),Ke(o)},onUnlock:async e=>{await Ps(o,e.id,o,`context`),Ke(o)},onRename:async(e,t)=>{await xc(o,e.id,t,`context`),Ke(o)},onDestroy:async e=>{confirm(`Destroy layer "${e.label||e.name}"? This cannot be undone.`)&&(await To(o,e.id,`context`),Ke(o))}}):(0,$.jsx)(OD,{expansionState:we[w].expansion,root:ut,workspaceId:o??void 0,treeName:w,isBackendsTree:w===`backends`,onRestoreTrash:o?e=>ct(o,e):void 0,onDiscardTrash:o?e=>it(o,e):void 0,onAltSelect:i?e=>_t(e,XD(w)):void 0,selectedPath:re,contentPath:U,onSelect:ht,onShowContent:w===`context`?gt:void 0,onOpenToSide:_t,onShareCanvas:vt,onNewCanvas:o&&w!==`backends`?e=>{s(`${$d(o,e,w)}?createCanvas=1`)}:void 0,isLoading:dt,rootLabel:o??void 0,searchQuery:le,backends:oe,resyncingPaths:w===`backends`?B:void 0,onAddRule:o&&w===`backends`?me:void 0,onAddStoreRule:o?(e,t=`store`)=>{let n=w===`backends`?(()=>{let n=En(e);return{kind:t,storeTo:n?.backend||``,storeFolder:n?.rel||``}})():{kind:t,path:`${w===`directory`?`dir`:`ctx`}:${e}`,storeFolder:t===`download`?`Downloads`:_(e)};s(`/workspaces/${o}/settings/hooks?${zt(n).toString()}`)}:void 0,onStoragePolicy:o&&(w===`context`||w===`directory`)?e=>ge(iT(w,e)):void 0,policyBadgeFor:ye,pastedDocumentIds:de?.documentIds,isPathPinned:tt,onTogglePin:o?nt:void 0,onPasteDocuments:o&&w===`backends`?async(e,t)=>{let n=Tc(e);if(!n)return!1;let r=e.split(`/`).filter(Boolean).slice(2).join(`/`),i=Ze({title:`Moving…`,description:`${t.length} message(s) → ${r}`});try{let{moved:a,results:s}=await fs(o,n.address,t,e),c=s.filter(e=>!e.ok);return c.length?i.fail({title:`${c.length} message(s) not moved`,description:c[0].error||`Move failed`,variant:`destructive`}):i.done({title:`Moved`,description:`${a} message(s) → ${r}`}),de&&a&&(fe(null),window.dispatchEvent(new CustomEvent(`documents:clipboard`,{detail:null}))),window.dispatchEvent(new CustomEvent(`workspace:documents:refresh`,{detail:{workspaceName:o,path:`/imap/${n.address}`,treeName:`backends`}})),a>0}catch(e){return i.fail({title:`Error`,description:e instanceof Error?e.message:`Failed to move messages`,variant:`destructive`}),!1}}:o?async(e,t)=>{let n=w===`directory`?`directory`:`context`,r=w===`directory`?`directory`:bc,i=Ze({title:`Pasting…`,description:`${t.length} document(s) → "${e}"`}),a=!1;try{a=await Ss(o,e,t,r,n)}catch(e){return i.fail({title:`Error`,description:e instanceof Error?e.message:`Failed to paste documents`,variant:`destructive`}),!1}return i.done(a?{title:`Success`,description:`${t.length} document(s) pasted to "${e}"`}:void 0),a&&(de&&(fe(null),window.dispatchEvent(new CustomEvent(`documents:clipboard`,{detail:null}))),window.dispatchEvent(new CustomEvent(`workspace:documents:refresh`,{detail:{workspaceName:o,path:e,treeName:r}}))),a}:void 0,...Qe},w)})}),pe&&o&&(0,$.jsx)(zD,{workspaceId:o,sourcePath:pe,onClose:()=>me(null),onManageRules:()=>{me(null),s(`/workspaces/${o}/settings/hooks?section=rules`)}}),he&&o&&(0,$.jsx)(vT,{workspaceId:o,path:he,onClose:()=>ge(null),onSaved:()=>{ve()}})]})}var eO={canvas:{label:`Canvases`,order:0},dataset:{label:`Datasets`,order:1},context:{label:`Context layers`,order:2},workspace:{label:`Workspaces`,order:3},universe:{label:`Universe`,order:4},label:{label:`Labels`,order:5},system:{label:`System`,order:6}},tO=100,nO=e=>e&&e.charAt(0).toUpperCase()+e.slice(1),rO=e=>eO[e]??{label:`${nO(e)} layers`,order:tO};function iO({type:e}){return e===`canvas`?(0,$.jsx)(si,{className:`w-3.5 h-3.5 shrink-0 text-primary`,"aria-label":`Canvas`}):e===`dataset`?(0,$.jsx)(Aa,{className:`w-3.5 h-3.5 shrink-0 text-secondary`,"aria-label":`Dataset`}):(0,$.jsx)(za,{className:`w-3.5 h-3.5 shrink-0 text-muted-foreground/60`,"aria-label":`Layer`})}function aO(e){let t=new Map;for(let n of e){let e=n.type||`context`,r=t.get(e);r?r.push(n):t.set(e,[n])}return[...t.entries()].map(([e,t])=>({type:e,items:t,meta:rO(e)})).sort((e,t)=>e.meta.order-t.meta.order||e.meta.label.localeCompare(t.meta.label)).map(({type:e,items:t,meta:n})=>({type:e,label:n.label,items:t}))}function oO({layers:e,isLoading:t,onSelect:n,onLock:r,onUnlock:i,onRename:a,onDestroy:o}){let[s,c]=(0,Q.useState)(null),l=(0,Q.useRef)(null);if((0,Q.useEffect)(()=>{s&&l.current?.focus()},[s]),t)return(0,$.jsx)(`div`,{className:`px-3 py-3 text-xs text-muted-foreground`,children:`Loading layers…`});if(!e.length)return(0,$.jsx)(`div`,{className:`px-3 py-3 text-xs text-muted-foreground`,children:`No layers found`});let u=async(e,t)=>{e.stopPropagation();try{await t()}catch(e){alert(e instanceof Error?e.message:String(e))}},d=async(e,t)=>{c(null);let n=t.trim();if(!(!n||n===e.name))try{await a(e,n)}catch(e){alert(e instanceof Error?e.message:String(e))}},f=aO(e);return(0,$.jsx)(`div`,{className:`px-2 py-1.5 space-y-2`,children:f.map(e=>(0,$.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,$.jsxs)(`div`,{className:`px-1 pt-1 pb-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground`,children:[e.label,(0,$.jsxs)(`span`,{className:`ml-1 text-muted-foreground/60`,children:[`(`,e.items.length,`)`]})]}),e.items.map(e=>(0,$.jsxs)(`div`,{className:`group flex items-center gap-2 rounded-l-md px-2 py-1.5 text-xs bg-card shadow-elevation-1 cursor-pointer hover:bg-accent/40 transition-colors`,style:{borderRight:e.color?`4px solid ${e.color}`:`4px solid transparent`},onClick:()=>s!==e.id&&n(e),children:[(0,$.jsx)(`div`,{className:J(`w-2 h-2 rounded-full shrink-0`,!e.color&&`bg-muted-foreground/20`),style:e.color?{backgroundColor:e.color}:void 0}),(0,$.jsx)(iO,{type:e.type}),s===e.id?(0,$.jsx)(`input`,{ref:l,defaultValue:e.label||e.name,className:`flex-1 bg-transparent outline-none min-w-0 font-medium border-b border-primary`,onClick:e=>e.stopPropagation(),onKeyDown:t=>{t.key===`Enter`&&d(e,t.target.value),t.key===`Escape`&&c(null)},onBlur:t=>d(e,t.target.value)}):(0,$.jsx)(`span`,{className:`flex-1 truncate font-medium`,children:e.label||e.name}),e.locked&&s!==e.id&&(0,$.jsx)(ya,{className:`w-2.5 h-2.5 shrink-0 text-warning group-hover:hidden`}),s!==e.id&&(0,$.jsxs)(`div`,{className:`flex items-center gap-0.5 reveal-on-hover`,children:[e.locked?(0,$.jsx)(`button`,{type:`button`,title:`Unlock layer`,className:`p-0.5 rounded hover:bg-muted-foreground/10 text-warning hover:text-foreground touch-target`,onClick:t=>u(t,()=>i(e)),children:(0,$.jsx)(_i,{className:`w-3 h-3`})}):(0,$.jsx)(`button`,{type:`button`,title:`Lock layer`,className:`p-0.5 rounded hover:bg-muted-foreground/10 text-muted-foreground hover:text-foreground touch-target`,onClick:t=>u(t,()=>r(e)),children:(0,$.jsx)(ya,{className:`w-3 h-3`})}),!e.locked&&(0,$.jsx)(`button`,{type:`button`,title:`Rename layer`,className:`p-0.5 rounded hover:bg-muted-foreground/10 text-muted-foreground hover:text-foreground touch-target`,onClick:t=>{t.stopPropagation(),c(e.id)},children:(0,$.jsx)(Ir,{className:`w-3 h-3`})}),!e.locked&&(0,$.jsx)(`button`,{type:`button`,title:`Destroy layer`,className:`p-0.5 rounded hover:bg-destructive/10 text-muted-foreground hover:text-destructive touch-target`,onClick:t=>u(t,()=>o(e)),children:(0,$.jsx)(Xr,{className:`w-3 h-3`})})]})]},e.id))]},e.type))})}function sO(){let{state:e,closeM2:t}=eg(),n=ae(),r=ot(),i=an(),a=e.selectedEntityId,[o,s]=(0,Q.useState)(null),c=o?.address===a?o.workspace:null,l=c?.label||c?.name,u=V(c);(0,Q.useEffect)(()=>{if(!a)return;let e=!1;return Co(a).then(t=>{e||s({address:a,workspace:t})}).catch(()=>{}),()=>{e=!0}},[a]);let d=i.pathname.split(`/`).filter(Boolean),f=d[2]===`settings`?oy(d[3]):null,p=(0,Q.useMemo)(()=>iy.map(({id:e,label:t,description:n,icon:r})=>({id:e,label:t,description:n,icon:(0,$.jsx)(r,{className:`h-4 w-4`})})),[]);return(0,$.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,$.jsx)(pD,{title:`Settings: ${l||a||`Workspace`}`,icon:c?.icon||`ph:stack-fill`,accentColor:c?.color,onBack:()=>{n||!a?t():r(`/workspaces/${a}`)},action:(0,$.jsx)(`button`,{type:`button`,onClick:()=>a&&r(`/workspaces/${a}`),className:`flex h-8 w-8 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-accent/50 hover:text-foreground`,title:`Open workspace`,children:(0,$.jsx)(ki,{className:`h-3.5 w-3.5`})})}),u?(0,$.jsx)(AD,{items:p,activeId:f,onSelect:e=>a&&r(`/workspaces/${a}/settings/${e}`)}):(0,$.jsx)(`p`,{className:`p-4 text-sm text-muted-foreground`,children:c?`Workspace settings are available to owners and admins.`:`Loading workspace…`})]})}function cO(e){let[t,n]=(0,Q.useState)([]),[r,i]=(0,Q.useState)(!1),a=(0,Q.useRef)(!1),o=(0,Q.useRef)(!1),s=(0,Q.useCallback)(async()=>{if(!o.current){o.current=!0,i(!0);try{let e=await Ey();n(e||[]),a.current=!0}catch(e){console.error(`Failed to fetch agents:`,e)}finally{o.current=!1,i(!1)}}},[]),c=(0,Q.useCallback)(()=>{a.current=!1,s()},[s]);return(0,Q.useEffect)(()=>{e&&!a.current&&s()},[e,s]),(0,Q.useEffect)(()=>{if(!e)return;let t=()=>L.emit(`subscribe`,{channel:`agent`}),r=()=>L.emit(`unsubscribe`,{channel:`agent`}),i=L.on(`connect`,()=>{t(),s()});t();let a=e=>{let t=e?.agent??e;t?.id&&n(e=>e.some(e=>e.id===t.id)?e:[...e,t])},o=e=>{let t=e?.agent??e;t?.id&&n(e=>e.map(e=>e.id===t.id?{...e,...t}:e))},c=e=>{let t=e,r=t?.agentId??t?.id;r&&n(e=>e.filter(e=>e.id!==r))},l=e=>{let t=e,r=t?.agentId??t?.id,i=t?.status;!r||!i||n(e=>e.map(e=>e.id===r?{...e,status:i}:e))},u=[[`agent:created`,a],[`agent.created`,a],[`agent:updated`,o],[`agent.updated`,o],[`agent:deleted`,c],[`agent.deleted`,c],[`agent:status:changed`,l],[`agent.status.changed`,l]];return u.forEach(([e,t])=>L.on(e,t)),()=>{r(),i?.(),u.forEach(([e,t])=>L.off(e,t))}},[e,s]),(0,Q.useEffect)(()=>{let e=()=>{a.current=!1,s()};return window.addEventListener(`agents:refresh`,e),()=>window.removeEventListener(`agents:refresh`,e)},[s]),{agents:t,isLoading:r,refresh:c}}function lO({status:e}){return(0,$.jsx)(`span`,{className:J(`inline-block w-2 h-2 rounded-full shrink-0`,e===`active`?`bg-success`:e===`error`?`bg-destructive`:e===`starting`||e===`stopping`?`bg-warning`:`bg-muted-foreground`),title:e})}function uO(){let e=dh(),{state:t,selectEntity:n,openM2:r,closeM2:i}=eg(),a=ae(),{agents:o,isLoading:s,refresh:c}=cO(t.activeSection===`agents`),{showToast:l}=vo(),[u,d]=(0,Q.useState)(new Set),f=ot(),p=e=>{n(e.id),r(`detail`,e.id),f(`/agents/${encodeURIComponent(e.name||e.id)}`)},m=async(e,t)=>{e.stopPropagation(),d(e=>new Set(e).add(t.id));try{await By(t.id),c(),l({title:`Success`,description:`${t.label||t.name} started`})}catch(e){l({title:`Error`,description:e instanceof Error?e.message:`Start failed`,variant:`destructive`})}finally{d(e=>{let n=new Set(e);return n.delete(t.id),n})}},h=async(e,t)=>{e.stopPropagation(),d(e=>new Set(e).add(t.id));try{await Vy(t.id),c(),l({title:`Success`,description:`${t.label||t.name} stopped`})}catch(e){l({title:`Error`,description:e instanceof Error?e.message:`Stop failed`,variant:`destructive`})}finally{d(e=>{let n=new Set(e);return n.delete(t.id),n})}};return(0,$.jsxs)(`div`,{className:`flex flex-col h-full`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between px-4 h-12 border-b border-border shrink-0`,children:[(0,$.jsxs)(`div`,{className:`flex min-w-0 items-center`,children:[(0,$.jsx)(dD,{}),(0,$.jsx)(`span`,{className:`text-sm font-semibold`,children:`Agents`})]}),!e.local&&(0,$.jsx)(`button`,{type:`button`,onClick:()=>{i(),f(`/agents?create=1`)},title:`Create agent`,"aria-label":`Create agent`,className:`flex items-center justify-center w-6 h-6 rounded-full bg-foreground text-background hover:opacity-80 transition-opacity`,children:(0,$.jsx)(Wi,{className:`w-3.5 h-3.5`})})]}),(0,$.jsx)(`div`,{className:`flex-1 overflow-y-auto py-2`,children:s&&o.length===0?(0,$.jsx)(`div`,{className:`px-4 py-3 text-xs text-muted-foreground`,children:`Loading...`}):o.length===0?(0,$.jsx)(`div`,{className:`px-4 py-3 text-xs text-muted-foreground`,children:`No agents found`}):(0,$.jsx)(`div`,{className:`space-y-1.5 px-2`,children:o.map(e=>{let i=t.selectedEntityId===e.id,o=u.has(e.id);return(0,$.jsxs)(`div`,{"data-active":i||void 0,className:J(`group relative rounded-(--card-radius) px-3 py-2.5 cursor-pointer transition-all shadow-elevation-1 hover:shadow`,i?`bg-accent shadow`:`bg-card hover:bg-accent/50`),style:{borderRight:`6px solid ${e.color||`transparent`}`},onClick:()=>p(e),children:[(0,$.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,$.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,$.jsx)(lO,{status:e.status}),(0,$.jsx)(`span`,{className:`text-sm font-medium truncate`,children:e.label||e.name})]})}),(0,$.jsxs)(`div`,{className:`flex items-center gap-0.5 shrink-0`,children:[e.status===`active`?(0,$.jsx)(`button`,{type:`button`,disabled:o,onClick:t=>h(t,e),className:`flex items-center justify-center w-6 h-6 rounded hover:bg-muted-foreground/10 text-muted-foreground disabled:opacity-50 transition-colors`,title:`Stop`,children:(0,$.jsx)(_a,{className:`w-3.5 h-3.5`})}):(0,$.jsx)(`button`,{type:`button`,disabled:o,onClick:t=>m(t,e),className:`flex items-center justify-center w-6 h-6 rounded hover:bg-muted-foreground/10 text-muted-foreground disabled:opacity-50 transition-colors`,title:`Start`,children:(0,$.jsx)(xr,{className:`w-3.5 h-3.5`})}),(0,$.jsx)(`button`,{type:`button`,onClick:t=>{t.stopPropagation(),n(e.id),a?r(`settings`,e.id):f(`/agents/${encodeURIComponent(e.name||e.id)}/settings/identity`)},className:`flex items-center justify-center w-6 h-6 rounded hover:bg-muted-foreground/10 text-muted-foreground transition-colors`,title:`Settings`,children:(0,$.jsx)(ea,{className:`w-3.5 h-3.5`})})]})]}),e.description&&(0,$.jsx)(`div`,{className:`text-xs text-muted-foreground truncate mt-0.5 pl-3.5`,children:e.description})]},e.id)})})})]})}function dO(e){return e.name?.trim()?e.name.trim():e.firstMessage?.trim()?e.firstMessage.trim():e.isExperimental?`Experimental`:e.id.slice(0,8)}function fO(e){let t=new Date(e.updatedAt).toLocaleString();return e.messageCount>0?`${e.messageCount} msg${e.messageCount===1?``:`s`} • ${t}`:`Empty • ${t}`}function pO(e){return e.sessions.sessions.find(t=>t.id===e.current.sessionId||t.path===e.current.sessionFile||t.id===e.sessions.currentSessionId||t.path===e.sessions.currentSessionPath||t.isCurrent)||null}function mO(){let{state:e,closeM2:t}=eg(),n=e.selectedEntityId||``,r=ot(),{showToast:i}=vo(),[a,o]=(0,Q.useState)(null),[s,c]=(0,Q.useState)(!1),[l,u]=(0,Q.useState)(``),[d,f]=(0,Q.useState)(null),[p,m]=(0,Q.useState)(``),{current:h,sessions:g,isLoading:_,error:v,refresh:y,create:b,select:x,rename:S,remove:C}=HC(n);(0,Q.useEffect)(()=>{n&&(Dy(n).then(o).catch(()=>{}),y().catch(e=>{i({title:`Error`,description:e instanceof Error?e.message:`Failed to load sessions`,variant:`destructive`})}))},[n,y,i]);let w=(0,Q.useMemo)(()=>g?.sessions?g.currentSessionId?g.sessions.find(e=>e.id===g.currentSessionId)||null:g.currentSessionPath?g.sessions.find(e=>e.path===g.currentSessionPath)||null:g.sessions.find(e=>e.isCurrent)||null:null,[g]),T=a?.name||n,E=e=>e?.slug||e?.id,D=e=>{let t=typeof e==`string`?e:E(e);r(t?`/agents/${encodeURIComponent(T)}/${encodeURIComponent(t)}`:`/agents/${encodeURIComponent(T)}`)},O=async()=>{try{let e=await b({mode:`persistent`,name:l.trim()||void 0});c(!1),u(``),D(pO(e))}catch(e){i({title:`Error`,description:e instanceof Error?e.message:`Failed to create session`,variant:`destructive`})}},k=async()=>{try{let e=await b({mode:`experimental`});D(pO(e))}catch(e){i({title:`Error`,description:e instanceof Error?e.message:`Failed to open experimental session`,variant:`destructive`})}},A=async()=>{try{await b({mode:`incognito`}),D()}catch(e){i({title:`Error`,description:e instanceof Error?e.message:`Failed to open incognito session`,variant:`destructive`})}},j=async e=>{try{e.isExperimental?await x({mode:`experimental`}):await x({mode:`persistent`,sessionId:e.id}),D(e)}catch(e){i({title:`Error`,description:e instanceof Error?e.message:`Failed to select session`,variant:`destructive`})}},M=async e=>{if(p.trim())try{let t=(await S(e.id,p.trim())).sessions.sessions.find(t=>t.id===e.id);f(null),m(``),w?.id===e.id&&D(t||e)}catch(e){i({title:`Error`,description:e instanceof Error?e.message:`Failed to rename session`,variant:`destructive`})}},N=async e=>{if(!e.isExperimental&&window.confirm(`Delete session "${dO(e)}"?`))try{await C(e.id),D()}catch(e){i({title:`Error`,description:e instanceof Error?e.message:`Failed to delete session`,variant:`destructive`})}};return(0,$.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,$.jsx)(pD,{title:a?.label||a?.name||n,onBack:t,action:(0,$.jsx)(`button`,{type:`button`,onClick:()=>r(`/agents/${encodeURIComponent(T)}/settings`),className:`flex h-8 w-8 items-center justify-center rounded hover:bg-accent/50 text-muted-foreground hover:text-foreground transition-colors`,title:`Agent settings`,children:(0,$.jsx)(ea,{className:`h-3.5 w-3.5`})})}),(0,$.jsxs)(`div`,{className:`border-b border-border px-4 py-3`,children:[(0,$.jsx)(`div`,{className:`text-sm font-semibold`,children:`Sessions`}),(0,$.jsx)(`div`,{className:`mt-1 text-xs text-muted-foreground`,children:g?.mode===`incognito`?`Incognito mode`:g?.mode===`experimental`?`Experimental mode`:`Persistent history`}),(0,$.jsxs)(`div`,{className:`mt-3 flex flex-wrap gap-2`,children:[(0,$.jsxs)(Z,{size:`sm`,variant:s?`default`:`outline`,onClick:()=>{c(e=>!e),u(``)},disabled:_,children:[(0,$.jsx)(Wi,{className:`mr-1 h-3.5 w-3.5`}),`New`]}),(0,$.jsxs)(Z,{size:`sm`,variant:g?.mode===`experimental`?`default`:`outline`,onClick:k,disabled:_,children:[(0,$.jsx)(Br,{className:`mr-1 h-3.5 w-3.5`}),`Experimental`]}),(0,$.jsx)(Z,{size:`sm`,variant:g?.mode===`incognito`?`default`:`outline`,onClick:A,disabled:_,children:`Incognito`})]})]}),(0,$.jsxs)(`div`,{className:`flex-1 overflow-y-auto p-2`,children:[v&&(0,$.jsx)(`div`,{className:`px-2 py-2 text-xs text-destructive`,children:v}),s&&(0,$.jsxs)(`div`,{className:`mb-2 rounded-md border bg-muted/20 p-2`,children:[(0,$.jsx)(`div`,{className:`mb-2 text-xs text-muted-foreground`,children:`Name the new session or leave it blank.`}),(0,$.jsxs)(`div`,{className:`flex gap-2`,children:[(0,$.jsx)(Y,{value:l,onChange:e=>u(e.target.value),onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),O()),e.key===`Escape`&&(c(!1),u(``))},placeholder:`Debugging auth`,className:`h-8`}),(0,$.jsx)(Z,{size:`sm`,onClick:O,disabled:_,children:`Create`})]})]}),g?.sessions.length?(0,$.jsx)(`div`,{className:`space-y-1.5`,children:g.sessions.map(e=>{let t=w?.id===e.id&&g.mode!==`incognito`,n=d===e.id;return(0,$.jsx)(`div`,{onClick:()=>j(e),onKeyDown:t=>{(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),j(e))},role:`button`,tabIndex:_?-1:0,className:`group w-full rounded-md border px-3 py-2 text-left transition-colors ${t?`border-foreground bg-accent`:`border-transparent hover:bg-accent/50`} ${_?`opacity-60`:``}`,children:(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,$.jsx)(`div`,{className:`min-w-0 flex-1`,children:n?(0,$.jsxs)(`div`,{className:`flex gap-2`,children:[(0,$.jsx)(Y,{value:p,onChange:e=>m(e.target.value),onClick:e=>e.stopPropagation(),onKeyDown:t=>{t.key===`Enter`&&(t.preventDefault(),M(e)),t.key===`Escape`&&(f(null),m(``))},placeholder:`Session name`,className:`h-8`}),(0,$.jsx)(Z,{size:`sm`,onClick:t=>{t.stopPropagation(),M(e)},disabled:!p.trim()||_,children:`Save`})]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`span`,{className:`truncate text-sm font-medium`,children:dO(e)}),e.isExperimental&&(0,$.jsx)(`span`,{className:`rounded-full bg-primary/10 px-1.5 py-0.5 text-[10px] text-primary`,children:`∞`}),e.isCurrent&&(0,$.jsx)(`span`,{className:`rounded-full bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground`,children:`Current`})]}),(0,$.jsx)(`div`,{className:`mt-1 text-xs text-muted-foreground`,children:fO(e)})]})}),!n&&(0,$.jsxs)(`div`,{className:`flex items-center gap-0.5 reveal-on-hover`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:t=>{t.stopPropagation(),f(e.id),m(e.name||dO(e))},className:`flex h-7 w-7 items-center justify-center rounded hover:bg-muted-foreground/10 text-muted-foreground touch-target`,title:`Rename`,children:(0,$.jsx)(Ga,{className:`h-3.5 w-3.5`})}),!e.isExperimental&&(0,$.jsx)(`button`,{type:`button`,onClick:t=>{t.stopPropagation(),N(e)},className:`flex h-7 w-7 items-center justify-center rounded hover:bg-destructive/10 text-muted-foreground hover:text-destructive touch-target`,title:`Delete session`,children:(0,$.jsx)(Xr,{className:`h-3.5 w-3.5`})})]})]})},e.id)})}):(0,$.jsx)(`div`,{className:`flex h-full items-center justify-center text-center text-muted-foreground`,children:(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`div`,{className:`text-sm`,children:_?`Loading sessions...`:`No persistent sessions yet.`}),(0,$.jsx)(`div`,{className:`mt-1 text-xs`,children:"Use `New`, `Experimental`, or `Incognito`."})]})}),h?.mode===`incognito`&&(0,$.jsx)(`div`,{className:`mt-3 rounded-md border border-dashed px-3 py-2 text-xs text-muted-foreground`,children:`Incognito session is active. It lives in memory and stays out of the session list.`})]})]})}function hO(){let{state:e,closeM2:t}=eg(),n=ae(),r=ot(),i=an(),a=e.selectedEntityId,[o,s]=(0,Q.useState)(null);(0,Q.useEffect)(()=>{if(!a)return;let e=!1;return Dy(a).then(t=>{e||s(t)}).catch(()=>{}),()=>{e=!0}},[a]);let c=i.pathname.split(`/`).filter(Boolean),l=c[2]===`settings`?uy(c[3]):null,u=encodeURIComponent(o?.name||a||``),d=(0,Q.useMemo)(()=>ly.map(({id:e,label:t,description:n,icon:r})=>({id:e,label:t,description:n,icon:(0,$.jsx)(r,{className:`h-4 w-4`})})),[]);return(0,$.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,$.jsx)(pD,{title:`Settings: ${o?.label||o?.name||a||`Agent`}`,accentColor:o?.color??null,onBack:()=>{n||!u?t():r(`/agents/${u}`)},action:(0,$.jsx)(`button`,{type:`button`,onClick:()=>u&&r(`/agents/${u}`),className:`flex h-8 w-8 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-accent/50 hover:text-foreground`,title:`Open agent`,children:(0,$.jsx)(ki,{className:`h-3.5 w-3.5`})})}),(0,$.jsx)(AD,{items:d,activeId:l,onSelect:e=>u&&r(`/agents/${u}/settings/${e}`)})]})}function gO(){let e=an(),{state:t}=eg(),[n,r]=(0,Q.useState)(``),i=(0,Q.useRef)(null);(0,Q.useLayoutEffect)(()=>{let e=i.current,t=e?.querySelector(`[aria-current="page"]`);if(!e||!t)return;let n=e.getBoundingClientRect(),r=t.getBoundingClientRect();r.top<n.top?e.scrollTop+=r.top-n.top:r.bottom>n.bottom&&(e.scrollTop+=r.bottom-n.bottom)},[e.pathname,t.user?.userType]);let a=kh.filter(e=>e.id!==`server`||t.user?.userType===`admin`).map(e=>({...e,items:e.items.filter(t=>jh(n,e.label,t.label,t.description))})).filter(e=>e.items.length);return(0,$.jsxs)(`nav`,{"aria-label":`Settings`,className:`flex h-full flex-col`,children:[(0,$.jsxs)(`div`,{className:`shrink-0 space-y-3 border-b border-border p-3`,children:[(0,$.jsxs)(`div`,{className:`flex items-center`,children:[(0,$.jsx)(dD,{}),(0,$.jsx)(`h2`,{className:`text-sm font-semibold`,children:`Settings`})]}),(0,$.jsx)(Y,{type:`search`,name:`settings-menu-filter`,autoComplete:`off`,"data-lpignore":`true`,"data-1p-ignore":`true`,"aria-label":`Search settings menu`,placeholder:`Find a setting…`,value:n,onChange:e=>r(e.target.value)})]}),(0,$.jsxs)(`div`,{ref:i,className:`min-h-0 flex-1 space-y-4 overflow-y-auto p-2`,children:[a.map(t=>(0,$.jsxs)(`section`,{"aria-label":t.label,children:[(0,$.jsx)(`h2`,{className:`px-3 py-2 text-xs font-semibold text-muted-foreground`,children:t.label}),t.items.map(({path:t,icon:n,label:r,description:i})=>(0,$.jsxs)(We,{to:t,"aria-current":e.pathname===t?`page`:void 0,className:J(`flex items-start gap-3 rounded-md px-3 py-2 text-left hover:bg-accent/50`,e.pathname===t&&`bg-accent`),children:[(0,$.jsx)(n,{className:`mt-0.5 h-4 w-4 shrink-0 text-muted-foreground`}),(0,$.jsxs)(`span`,{children:[(0,$.jsx)(`span`,{className:`block text-sm font-medium`,children:r}),(0,$.jsx)(`span`,{className:`mt-0.5 block text-xs leading-relaxed text-muted-foreground`,children:i})]})]},t))]},t.id)),!a.length&&(0,$.jsx)(`p`,{role:`status`,className:`p-3 text-sm text-muted-foreground`,children:`No settings match. Try “cache”, “model” or “token”.`})]})]})}var _O=280;function vO(){let{state:e}=eg(),{activeSection:t,m2View:n}=e;if(t===`contexts`){if(n===`settings`)return(0,$.jsx)(jD,{});if(n===`detail`)return(0,$.jsx)(kD,{})}if(t===`workspaces`){if(n===`settings`)return(0,$.jsx)(sO,{});if(n===`detail`)return(0,$.jsx)(QD,{})}if(t===`agents`){if(n===`settings`)return(0,$.jsx)(hO,{});if(n===`detail`)return(0,$.jsx)(mO,{})}return null}function yO(){let{state:e,closeM1:t,closeM2:n}=eg();nt(t,e.m1Open&&!e.m2Open),nt(n,e.m1Open&&e.m2Open);let r=ae(),i=(0,Q.useRef)(null),a=(0,Q.useRef)(null);lD(i,e.m1Open&&!e.m2Open,e.activeSection??``),lD(a,e.m1Open&&e.m2Open,`${e.activeSection}:${e.selectedEntityId}:${e.m2View}`);let[o,s]=(0,Q.useState)(_O),[c,l]=(0,Q.useState)(!1),u=r&&e.m1Open;return(0,$.jsxs)($.Fragment,{children:[u&&(0,$.jsx)(`div`,{className:`fixed inset-0 z-40 bg-scrim animate-fade-in`,onClick:t,"aria-hidden":!0}),(0,$.jsxs)(`div`,{style:e.m1Open&&!u?{width:o}:void 0,className:J(`flex-shrink-0 overflow-hidden bg-card surface-glass`,!c&&!u&&`transition-[width] duration-normal ease-out`,e.m1Open?`rounded-[var(--panel-radius)] shadow-elevation-2`:`w-0`,u?`fixed bottom-2 left-[calc(0.5rem+var(--spacing-rail)+0.5rem)] right-2 top-2 z-40 shadow-elevation-5`:`relative`),children:[(0,$.jsxs)(`div`,{ref:i,"data-menu-view":`list`,inert:!e.m1Open||e.m2Open,className:J(`absolute inset-0 flex flex-col transition-opacity duration-normal ease-out`,e.m2Open&&`opacity-0 pointer-events-none`),style:u?void 0:{minWidth:o},children:[e.activeSection===`contexts`&&(0,$.jsx)(fD,{}),e.activeSection===`workspaces`&&(0,$.jsx)(PD,{}),e.activeSection===`agents`&&(0,$.jsx)(uO,{}),e.activeSection===`admin`&&(0,$.jsx)(gO,{}),e.activeSection===`settings`&&(0,$.jsx)(gO,{})]}),(0,$.jsx)(`div`,{ref:a,"data-menu-view":`detail`,inert:!e.m1Open||!e.m2Open,className:J(`absolute inset-0 z-10 bg-card flex flex-col md:transition-transform md:duration-normal md:ease-out`,e.m2Open?`translate-x-0`:`translate-x-full max-md:invisible`),children:e.m2Open&&(0,$.jsx)(vO,{})}),e.m1Open&&!u&&(0,$.jsx)(cD,{width:o,onResize:s,onDragging:l})]})]})}function bO(e){let[t]=e.split(`/`).filter(Boolean);return!t||t===`home`||t===`share-target`}function xO(e){let[t,n]=e.split(`/`).filter(Boolean);return[`contexts`,`workspaces`,`agents`].includes(t)&&!!n}var SO=`max-md:fixed max-md:left-2 max-md:right-2 max-md:top-2 max-md:bottom-2 max-md:z-side max-md:py-0 max-md:mr-0 max-md:rounded-(--panel-radius) max-md:shadow-elevation-5 max-md:animate-fade-in`,CO=`fixed inset-0 z-side-scrim bg-scrim animate-fade-in md:hidden`;function wO(){let e=Ce(),{pathname:t,search:n}=an(),{state:r}=eg(),i=(0,Q.useRef)(null);lD(i,!r.m1Open,t+n,!r.m0Open);let a=xO(t),o=bO(t),{entry:s,loading:c,error:l,close:u}=kt();return(0,$.jsx)(`div`,{className:J(`relative flex flex-col flex-1 min-w-0`,!o&&`surface-sheet`),children:(0,$.jsxs)(`div`,{className:`flex flex-1 min-h-0 gap-shell`,children:[(0,$.jsx)(`main`,{ref:i,id:`content-area`,className:J(`relative flex-1 min-h-0 min-w-0 overflow-auto`,!a&&!o&&`p-page max-md:pb-rail-stack`),children:(0,$.jsx)(v,{})}),(s||c||l)&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`div`,{className:CO,onClick:u,"aria-hidden":!0}),(0,$.jsxs)(`div`,{"data-reader-pane":!0,style:{"--reader-width":`${e??420}px`},className:J(`relative z-10 flex shrink-0 items-stretch py-2 mr-2 md:w-[var(--reader-width)] md:max-w-[calc(100%_-_248px)]`,SO),children:[(0,$.jsx)(rt,{edge:`left`}),(0,$.jsx)(Cn,{},s?`${s.workspaceId}:${s.document.id}`:`loading`)]})]})]})})}function TO(){let{state:e,setView:t}=el(),{pathname:n}=an();return e.t1Open||e.addOpen||!bO(n)?null:(0,$.jsx)(`button`,{type:`button`,onClick:()=>t(`tools`),"aria-label":`Open toolbox`,title:`Open toolbox`,className:`fixed z-50 hidden md:flex h-16 w-16 items-center justify-center rounded-full shadow-elevation-4 transition-colors bottom-fab-inset right-6 bg-foreground text-background hover:bg-foreground`,children:(0,$.jsx)(ba,{className:`h-7 w-7`,strokeWidth:1.75,"aria-hidden":!0})})}var EO={current:null,sessions:null,isLoading:!1,error:null};function DO(e){return e instanceof Error?e.message:`Session request failed`}function OO({children:e}){let[t,n]=(0,Q.useState)({}),r=(0,Q.useCallback)((e,t)=>{n(n=>({...n,[e]:{...n[e]||EO,...t}}))},[]),i=(0,Q.useCallback)((e,t)=>(r(e,{current:t.current,sessions:t.sessions,isLoading:!1,error:null}),t),[r]),a=(0,Q.useCallback)(async e=>{if(e){r(e,{isLoading:!0,error:null});try{let[t,n]=await Promise.all([Oy(e),ky(e)]);r(e,{current:t,sessions:n,isLoading:!1,error:null})}catch(t){throw r(e,{isLoading:!1,error:DO(t)}),t}}},[r]),o=(0,Q.useCallback)(async(e,t)=>{r(e,{isLoading:!0,error:null});try{return i(e,await Ay(e,t))}catch(t){throw r(e,{isLoading:!1,error:DO(t)}),t}},[i,r]),s=(0,Q.useCallback)(async(e,t)=>{r(e,{isLoading:!0,error:null});try{return i(e,await jy(e,t))}catch(t){throw r(e,{isLoading:!1,error:DO(t)}),t}},[i,r]),c=(0,Q.useCallback)(async(e,t,n)=>{r(e,{isLoading:!0,error:null});try{return i(e,await My(e,t,{name:n}))}catch(t){throw r(e,{isLoading:!1,error:DO(t)}),t}},[i,r]),l=(0,Q.useCallback)(async(e,t)=>{r(e,{isLoading:!0,error:null});try{return i(e,await Ny(e,t))}catch(t){throw r(e,{isLoading:!1,error:DO(t)}),t}},[i,r]),u=(0,Q.useMemo)(()=>({getState:e=>t[e]||EO,refresh:a,create:o,select:s,rename:c,remove:l}),[t,a,o,s,c,l]);return(0,$.jsx)(VC.Provider,{value:u,children:e})}function kO(){let e=xl(),{closeAdd:t}=el(),{showSuccessToast:n,showErrorToast:r}=So(),[i,a]=(0,Q.useState)(`Untitled.txt`),[o,s]=(0,Q.useState)(``),[c,l]=(0,Q.useState)(!1),u=!1;try{El(``,i.trim()),u=!0}catch{}return(0,$.jsxs)(`div`,{className:`flex flex-col gap-4 p-4`,children:[(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(H,{htmlFor:`plaintext-filename`,children:`Filename`}),(0,$.jsx)(Y,{id:`plaintext-filename`,autoFocus:!0,value:i,onChange:e=>a(e.target.value)})]}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(H,{children:`Content`}),(0,$.jsx)(Gc,{kind:`text`,value:o,onChange:s,placeholder:`Write plain text…`})]}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Creates a file in the current storage folder. Existing files are never overwritten.`}),(0,$.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,$.jsx)(Z,{variant:`outline`,size:`sm`,onClick:t,disabled:c,children:`Cancel`}),(0,$.jsx)(Z,{size:`sm`,onClick:async()=>{if(!(c||!u||e?.mode!==`workspace`||e.treeName!==`backends`)){l(!0);try{let r=await ml(e.workspaceName,e.path);await bo(e.workspaceName,{...r,key:El(r.key,i.trim())},new Blob([o],{type:`text/plain;charset=utf-8`}),{contentType:`text/plain;charset=utf-8`}),bl(e),window.dispatchEvent(new CustomEvent(`workspace:tree:refresh`)),n(`Plaintext file created`),t()}catch(e){r(e instanceof Error?e.message:`Failed to create file`)}finally{l(!1)}}},disabled:c||!u,children:c?`Creating…`:`Create file`})]})]})}var AO=`references`;function jO(e){return e?e.documents.map(e=>({predicate:AO,direction:`out`,targetId:e.id,document:e})):[]}function MO(e,t){let[n,r]=(0,Q.useState)(()=>jO(t)),[i,a]=(0,Q.useState)([...hc]),o=e?.mode===`context`?e.contextId:null,[s,c]=(0,Q.useState)(null);(0,Q.useEffect)(()=>{if(!o)return;let e=!1;return sl({mode:`context`,contextId:o}).then(t=>{e||c({contextId:o,workspaceName:t.workspaceName})}).catch(()=>{}),()=>{e=!0}},[o]);let l=e?.mode===`workspace`?e.workspaceName:o&&s?.contextId===o?s.workspaceName:t?.workspaceName??null;return(0,Q.useEffect)(()=>{let e=!1;if(l)return cs(l).then(t=>{e||a(t)}),()=>{e=!0}},[l]),{rows:n,predicates:i,workspaceName:l,add:(0,Q.useCallback)(async(e,t,i)=>{let a=i.filter(r=>!n.some(n=>n.targetId===r&&n.predicate===e&&n.direction===t));if(a.length===0)return;let o=await Promise.all(a.map(e=>l?sc(l,e).catch(()=>null):Promise.resolve(null)));r(n=>[...n,...a.map((n,r)=>({predicate:e,direction:t,targetId:n,document:o[r]??null}))])},[n,l]),update:(0,Q.useCallback)((e,t)=>{r(n=>n.map((n,r)=>r===e?{...n,...t}:n))},[]),remove:(0,Q.useCallback)(e=>{r(t=>t.filter((t,n)=>n!==e))},[]),write:(0,Q.useCallback)(async e=>{if(n.length===0||e.length===0||!l)return 0;let t=new Map;for(let e of n){let n=`${e.direction}:${e.predicate}`,r=t.get(n)??{predicate:e.predicate,direction:e.direction,targets:[]};r.targets.push(e.targetId),t.set(n,r)}let r=0;for(let n of e)for(let e of t.values())try{await Ec(l,n,e.predicate,e.targets,e.direction)}catch(t){r+=1,console.error(`Failed to relate document`,n,e.predicate,t)}return r<e.length*t.size&&He(),r},[n,l]),hasRows:n.length>0}}function NO({f:e,idPrefix:t}){let[n,r]=(0,Q.useState)(!1),[i,a]=(0,Q.useState)(!1),o=!e.workspaceName;return(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,$.jsx)(H,{children:`Related documents`}),(0,$.jsxs)(Z,{type:`button`,variant:`ghost`,size:`sm`,className:`h-7 px-2 text-xs`,disabled:o,onClick:()=>r(!0),title:o?`No workspace to relate within`:`Pick documents the new one relates to`,children:[(0,$.jsx)(Wi,{className:`mr-1 h-3 w-3`}),` Add`]})]}),e.rows.length===0?(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`None. Relations are written right after the document is created.`}):(0,$.jsx)(`ul`,{className:`space-y-1`,children:e.rows.map((n,r)=>{let i=n.document?os(n.document).title:`Document ${n.targetId}`,a=`${t}-relation-${r}`;return(0,$.jsxs)(`li`,{className:`flex items-center gap-1.5 rounded-md border border-input px-2 py-1.5 text-sm`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:()=>e.update(r,{direction:n.direction===`out`?`in`:`out`}),className:`shrink-0 rounded p-0.5 text-muted-foreground hover:bg-accent hover:text-foreground`,title:n.direction===`out`?`The new document ${n.predicate} this one (click to flip)`:`This document ${n.predicate} the new one (click to flip)`,"aria-label":`Flip relation direction`,children:n.direction===`out`?(0,$.jsx)(gi,{className:`h-3.5 w-3.5`}):(0,$.jsx)(wa,{className:`h-3.5 w-3.5`})}),(0,$.jsx)(`label`,{htmlFor:a,className:`sr-only`,children:`Predicate`}),(0,$.jsx)(`select`,{id:a,value:n.predicate,onChange:t=>e.update(r,{predicate:t.target.value}),className:`w-[9.5rem] shrink-0 rounded-md border border-input bg-background px-1.5 py-1 font-mono text-[11px] focus:outline-none focus:ring-2 focus:ring-ring`,children:(e.predicates.includes(n.predicate)?e.predicates:[n.predicate,...e.predicates]).map(e=>(0,$.jsx)(`option`,{value:e,children:e},e))}),n.document?(0,$.jsx)(dt,{document:n.document,size:3.5}):null,(0,$.jsx)(`span`,{className:J(`min-w-0 flex-1 truncate`,!n.document&&`italic text-muted-foreground`),title:i,children:i}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>e.remove(r),className:`shrink-0 rounded p-0.5 text-muted-foreground hover:bg-destructive/10 hover:text-destructive`,title:`Remove`,"aria-label":`Remove relation`,children:(0,$.jsx)(mr,{className:`h-3.5 w-3.5`})})]},`${n.direction}:${n.predicate}:${n.targetId}`)})}),n&&e.workspaceName&&(0,$.jsx)(Ie,{onClose:()=>{i||r(!1)},children:(0,$.jsx)(Je,{sizeClassName:`h-full w-[380px] max-w-[90vw] max-md:w-full`,title:`Relate to…`,confirmLabel:`Add`,tabs:[`relations`],fixedWorkspaceName:e.workspaceName,documentCount:1,saving:i,relationPredicates:e.predicates.length?e.predicates:[`references`],relationExcludeIds:new Set(e.rows.map(e=>e.targetId)),onClose:()=>r(!1),onConfirm:()=>{},onConfirmRelation:async({predicate:t,direction:n,targetIds:i})=>{a(!0);try{await e.add(t,n,i),r(!1)}finally{a(!1)}}})})]})}function PO(){let{closeAdd:e,state:t}=el(),n=xl(),{showSuccessToast:r,showErrorToast:i}=So(),a=MO(n,t.addRelateTo),o=Rf(n,a.write,t.addRelateTo?`related:${t.addRelateTo.documents.map(e=>e.id).sort().join(`,`)}`:`add`),s=zg(t.activeWorkspaceName),c=!!n&&o.canSave,l=async()=>{if(n)try{let t=await o.save(n),i=await a.write(t);r(i?`Note created; some relations failed`:`Note created`),o.finish(),e()}catch(e){i(e instanceof Error?e.message:`Failed to create note`)}};return(0,$.jsxs)(`div`,{className:`flex flex-col gap-4 p-4`,children:[(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(H,{htmlFor:`note-title`,children:`Title`}),(0,$.jsx)(Y,{id:`note-title`,value:o.title,onChange:e=>o.setTitle(e.target.value),placeholder:`Optional; defaults to today's date`})]}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(H,{children:`Body`}),(0,$.jsx)(Gc,{kind:`markdown`,value:o.content,onChange:o.setContent,placeholder:`Write your note…`})]}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(H,{htmlFor:`note-comment`,children:`Comment`}),(0,$.jsx)(`textarea`,{id:`note-comment`,value:o.comment,onChange:e=>o.setComment(e.target.value),rows:2,placeholder:`Optional; context you can't infer from the body`,className:`flex w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-elevation-1 transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50`})]}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(H,{children:`Tags`}),(0,$.jsx)(kn,{tags:o.tags,onChange:o.setTags,suggestions:s})]}),(0,$.jsx)(rv,{geotag:o.geotag,idPrefix:`note-geotag`}),(0,$.jsx)(NO,{f:a,idPrefix:`note`}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:Sl(n)}),(0,$.jsx)(qc,{...o,onRetry:o.retry}),(0,$.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,$.jsx)(Z,{variant:`outline`,size:`sm`,onClick:e,disabled:o.saving,children:`Close`}),(0,$.jsx)(Z,{size:`sm`,onClick:l,disabled:!c,children:o.saving?`Saving…`:`Done`})]})]})}function FO(){let{closeAdd:e,state:t}=el(),n=xl(),{showSuccessToast:r,showErrorToast:i}=So(),a=cv(),o=MO(n,t.addRelateTo),s=zg(t.activeWorkspaceName),c=!!n&&a.canSave;return(0,$.jsxs)(`div`,{className:`flex flex-col gap-4 p-4`,children:[(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(H,{htmlFor:`link-url`,children:`URL`}),(0,$.jsx)(Y,{id:`link-url`,value:a.url,onChange:e=>a.setUrl(e.target.value),placeholder:`https://example.com`,autoFocus:!0}),a.showUrlError&&(0,$.jsx)(`p`,{className:`text-xs text-destructive`,children:`Enter a valid URL, e.g. https://example.com`})]}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(H,{htmlFor:`link-title`,children:`Title`}),(0,$.jsx)(Y,{id:`link-title`,value:a.title,onChange:e=>a.setTitle(e.target.value),placeholder:`Optional display title`})]}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(H,{children:`Tags`}),(0,$.jsx)(kn,{tags:a.tags,onChange:a.setTags,suggestions:s})]}),(0,$.jsx)(rv,{geotag:a.geotag,idPrefix:`link-geotag`}),(0,$.jsx)(NO,{f:o,idPrefix:`link`}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:Sl(n)}),(0,$.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,$.jsx)(Z,{variant:`outline`,size:`sm`,onClick:e,disabled:a.saving,children:`Cancel`}),(0,$.jsx)(Z,{size:`sm`,onClick:async()=>{if(n)try{let t=await a.save(n),i=await o.write(t);r(i?`Link created; some relations failed`:`Link created`),e()}catch(e){i(e instanceof Error?e.message:`Failed to create link`)}},disabled:!c,children:a.saving?`Saving…`:`Save link`})]})]})}function IO(e){let[t,n]=(0,Q.useState)({key:``,list:[]});return(0,Q.useEffect)(()=>{if(!e)return;let t=!1;return Fs(e,`github`).then(async r=>{let i=r.filter(e=>e.capabilities?.write),a=[];for(let t of i){let n=await ks(e,`github`,t.address).catch(()=>[]);for(let e of n){if(e.writable===!1)continue;let n=e.id||e.name;a.push({driver:`github`,address:t.address,container:n,label:`GitHub: ${n}`})}}t||n({key:e,list:a})}).catch(()=>{t||n({key:e,list:[]})}),()=>{t=!0}},[e]),e&&t.key===e?t.list:[]}function LO(){let{closeAdd:e,state:t}=el(),n=xl(),{showSuccessToast:r,showErrorToast:i}=So(),a=Ot(),o=MO(n,t.addRelateTo),s=zg(t.activeWorkspaceName),c=IO(t.activeWorkspaceName),[l,u]=(0,Q.useState)(`canvas`),[d,f]=(0,Q.useState)(!1),p=c.find(e=>`${e.driver}:${e.address}:${e.container}`===l),m=p?a.title.trim().length>0&&!d:!!n&&a.canSave,h=async()=>{if(p){f(!0);try{await Ds(t.activeWorkspaceName||``,p.driver,p.address,p.container,{title:a.title.trim(),...a.description.trim()?{description:a.description.trim()}:{},...a.tags.length?{labels:a.tags}:{}}),r(`Issue created in ${p.container}`),e()}catch(e){i(e instanceof Error?e.message:`Failed to create issue`)}finally{f(!1)}return}if(n)try{let t=await a.save(n),i=await o.write(t);r(i?`Todo created; some relations failed`:`Todo created`),e()}catch(e){i(e instanceof Error?e.message:`Failed to create todo`)}};return(0,$.jsxs)(`div`,{className:`flex flex-col gap-4 p-4`,children:[(0,$.jsx)(oe,{...a}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(H,{children:`Tags`}),(0,$.jsx)(kn,{tags:a.tags,onChange:a.setTags,suggestions:s})]}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(H,{htmlFor:`todo-comment`,children:`Comment`}),(0,$.jsx)(`textarea`,{id:`todo-comment`,value:a.comment,onChange:e=>a.setComment(e.target.value),rows:3,placeholder:`Optional context`,className:`flex w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-elevation-1 transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring`})]}),c.length>0&&(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(H,{htmlFor:`todo-destination`,children:`Save to`}),(0,$.jsxs)(`select`,{id:`todo-destination`,value:l,onChange:e=>u(e.target.value),className:`flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-elevation-1 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring`,children:[(0,$.jsxs)(`option`,{value:`canvas`,children:[`Canvas: `,Sl(n)]}),c.map(e=>(0,$.jsx)(`option`,{value:`${e.driver}:${e.address}:${e.container}`,children:e.label},`${e.driver}:${e.address}:${e.container}`))]}),p&&(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Creates a GitHub issue (due date, priority and status stay Canvas-side until the issue syncs back).`})]}),(0,$.jsx)(rv,{geotag:a.geotag,idPrefix:`todo-geotag`}),!p&&(0,$.jsx)(NO,{f:o,idPrefix:`todo`}),!p&&(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:Sl(n)}),(0,$.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,$.jsx)(Z,{variant:`outline`,size:`sm`,onClick:e,disabled:a.saving||d,children:`Cancel`}),(0,$.jsx)(Z,{size:`sm`,onClick:h,disabled:!m,children:a.saving||d?`Saving…`:p?`Create issue`:`Save todo`})]})]})}function RO(){let{closeAdd:e,state:t}=el(),n=xl(),{showSuccessToast:r,showErrorToast:i}=So(),a=I(),o=MO(n,t.addRelateTo),s=zg(t.activeWorkspaceName),c=async()=>{if(n)try{let t=await a.save(n),i=await o.write(t);r(i?`Identity created; some relations failed`:`Identity created`),e()}catch(e){i(e instanceof Error?e.message:`Failed to create identity`)}};return(0,$.jsxs)(`div`,{className:`flex flex-col gap-4 p-4`,children:[(0,$.jsx)(be,{idPrefix:`add-identity`,workspaceName:t.activeWorkspaceName??void 0,...a,emailValid:a.emailValid}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(H,{children:`Tags`}),(0,$.jsx)(kn,{tags:a.tags,onChange:a.setTags,suggestions:s})]}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(H,{htmlFor:`identity-comment`,children:`Comment`}),(0,$.jsx)(`textarea`,{id:`identity-comment`,value:a.comment,onChange:e=>a.setComment(e.target.value),rows:3,placeholder:`How you know them, where they came from…`,className:`flex w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-elevation-1 transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring`})]}),(0,$.jsx)(NO,{f:o,idPrefix:`identity`}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:Sl(n)}),(0,$.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,$.jsx)(Z,{variant:`outline`,size:`sm`,onClick:e,disabled:a.saving,children:`Cancel`}),(0,$.jsx)(Z,{size:`sm`,onClick:c,disabled:!n||!a.canSave,children:a.saving?`Saving…`:`Save identity`})]})]})}function zO({capture:e=!1}={}){let{closeAdd:t,state:n}=el(),r=xl(),i=r?.mode===`workspace`&&r.treeName===`backends`,a=MO(r,n.addRelateTo),{showSuccessToast:o,showErrorToast:s}=So(),c=(0,Q.useRef)(null),[l,u]=(0,Q.useState)(!1),d=Rg(),{items:f,running:p}=d,[m,h]=(0,Q.useState)(null);(0,Q.useEffect)(()=>{if(r?.mode!==`context`)return;let e=!1;return sl(r).then(t=>{e||h({contextId:r.contextId,workspaceName:t.workspaceName})}).catch(()=>{}),()=>{e=!0}},[r]);let g=Hg(r?.mode===`workspace`?r.workspaceName:r&&m?.contextId===r.contextId?m.workspaceName:null),_=e=>{e&&d.addFiles(Array.from(e))},v=e=>{e.preventDefault(),u(!1),_(e.dataTransfer.files)},y=f.filter(e=>e.status===`error`).length,b=f.filter(e=>e.status===`done`).length,x=f.length-b,S=!!r&&!p&&x>0;return(0,$.jsxs)(`div`,{className:`flex flex-col gap-4 p-4`,children:[(0,$.jsxs)(`div`,{onDragOver:e=>{e.preventDefault(),u(!0)},onDragLeave:()=>u(!1),onDrop:v,onClick:()=>c.current?.click(),className:J(`flex cursor-pointer flex-col items-center justify-center gap-2 rounded-md border border-dashed px-4 py-8 text-center transition-colors`,l?`border-primary bg-primary/5`:`border-input hover:bg-muted/40`),children:[(0,$.jsx)(Jr,{className:`h-6 w-6 text-muted-foreground touch-target`}),(0,$.jsx)(`p`,{className:`text-sm`,children:e?`Take a photo or video`:`Drag & drop files here`}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:e?`click to open the camera`:`or click to browse`}),(0,$.jsx)(`input`,{ref:c,type:`file`,multiple:!0,accept:e?`image/*,video/*`:void 0,capture:e?`environment`:void 0,className:`hidden`,onChange:e=>{_(e.target.files),e.target.value=``}})]}),(0,$.jsx)(Jg,{items:f,running:p,onRemove:d.removeItem}),!i&&(0,$.jsx)(pv,{fields:g,idPrefix:`file`,multiple:f.length>1}),(0,$.jsx)(NO,{f:a,idPrefix:`file`}),(0,$.jsxs)(`p`,{className:`text-xs text-muted-foreground`,children:[Sl(r),i?`. Existing files are never overwritten.`:``]}),(0,$.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,$.jsx)(Z,{variant:`outline`,size:`sm`,onClick:()=>p?d.cancel():t(),children:`Cancel`}),(0,$.jsx)(Z,{size:`sm`,onClick:async()=>{if(!(!S||!r))try{let e=i?null:await g.geotag.capture(),n=await d.start(r,(t,n)=>Ug(t,n,{tags:g.tags,comment:g.comment,geo:e})),c=await a.write(n.docIds);if(n.failed===0){let e=n.resumed?` (${n.resumed} already uploaded)`:``,r=c?`; some relations failed`:``;o(`${n.done} file(s) uploaded${e}${r}`),t()}else s(`${n.failed} of ${n.total} file(s) failed — retry keeps what already made it`)}catch(e){s(e instanceof Error?e.message:`Failed to upload files`)}},disabled:!S,children:p?`Uploading…`:y>0?(0,$.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,$.jsx)(Pa,{className:`h-3.5 w-3.5`}),`Retry failed (`,y,`)`]}):`Add files`})]})]})}function BO(){let{closeAdd:e}=el(),t=xl(),{showSuccessToast:n,showErrorToast:r}=So(),[i,a]=(0,Q.useState)(``),[o,s]=(0,Q.useState)(!1),c=i.trim().replace(/^\/+|\/+$/g,``),l=!!t&&!!c&&!o,u=async()=>{if(!(!l||!t)){s(!0);try{let{workspaceName:r,path:i,treeName:a}=await sl(t),o=i===`/`?``:i;if(a===`backends`){let e=await ml(r,i);await As(r,e.driver,e.address,[[e.key,c].filter(Boolean).join(`/`)]),bl(t)}else await qs(r,`${o}/${c}`,!0,a);n(`Folder created`),e()}catch(e){r(e instanceof Error?e.message:`Failed to create folder`)}finally{s(!1)}}};return(0,$.jsxs)(`div`,{className:`flex flex-col gap-4 p-4`,children:[(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(H,{htmlFor:`add-folder-name`,children:`Folder name`}),(0,$.jsx)(Y,{id:`add-folder-name`,value:i,onChange:e=>a(e.target.value),onKeyDown:e=>{e.key===`Enter`&&u()},placeholder:`e.g. projects/alpha`,autoFocus:!0}),(0,$.jsxs)(`p`,{className:`text-xs text-muted-foreground`,children:[`Nested paths are created as needed. Target: `,Sl(t)]})]}),(0,$.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,$.jsx)(Z,{variant:`outline`,size:`sm`,onClick:e,disabled:o,children:`Cancel`}),(0,$.jsx)(Z,{size:`sm`,onClick:u,disabled:!l,children:o?`Creating…`:`Create folder`})]})]})}function VO(){let{openAddPicker:e,closeAdd:t}=el(),n=xl(),{showSuccessToast:r,showErrorToast:i}=So(),[a,o]=(0,Q.useState)(!1);return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`div`,{className:`fixed inset-0 z-picker-scrim bg-scrim animate-fade-in md:hidden`,onClick:()=>e(),"aria-hidden":!0}),(0,$.jsx)(`div`,{className:`fixed inset-y-0 right-0 z-picker flex items-stretch py-2 pr-2 max-md:bottom-2 max-md:left-2 max-md:top-2 max-md:py-0 max-md:pr-0 max-md:animate-fade-in`,children:(0,$.jsx)(ie,{sizeClassName:`h-full w-[420px] max-w-full max-md:w-full max-md:shadow-elevation-5`,fixedWorkspaceName:n?.mode===`workspace`?n.workspaceName:void 0,saving:a,onConfirm:async e=>{o(!0);try{await _l(n,e),r(`${e.length} document${e.length===1?``:`s`} added`),t()}catch(e){i(e instanceof Error?e.message:`Failed to add documents`)}finally{o(!1)}},onClose:e})})]})}function HO(){let{state:e,closeAdd:t}=el(),{editDocument:n,editWorkspaceId:r}=e,{showSuccessToast:i,showErrorToast:a}=So();return!n||!r?null:(0,$.jsx)(UO,{doc:n,workspaceId:r,onCancel:t,onSaved:t,showSuccessToast:i,showErrorToast:a},`${r}:${n.id}`)}function UO({doc:e,workspaceId:t,onCancel:n,onSaved:r,showSuccessToast:i,showErrorToast:a}){let o=zc(e,t),s=zg(t),c=async()=>{try{await o.save(),i(`Note updated`),r()}catch(e){a(e instanceof Error?e.message:`Failed to update note`)}};return(0,$.jsxs)(`div`,{className:`flex h-full flex-col gap-4 p-4`,children:[(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(H,{htmlFor:`edit-note-title`,children:`Title`}),(0,$.jsx)(Y,{id:`edit-note-title`,value:o.title,onChange:e=>o.setTitle(e.target.value),placeholder:`Optional; defaults to today's date`})]}),(0,$.jsxs)(`div`,{className:`flex flex-1 flex-col gap-1.5`,children:[(0,$.jsx)(H,{children:`Body`}),(0,$.jsx)(`div`,{className:`flex-1`,children:(0,$.jsx)(Gc,{kind:`markdown`,value:o.content,onChange:o.setContent,placeholder:`Write your note…`})})]}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(H,{children:`Tags`}),(0,$.jsx)(kn,{tags:o.tags,onChange:o.setTags,suggestions:s})]}),(0,$.jsx)(qc,{...o,onRetry:o.save}),(0,$.jsxs)(`div`,{className:`flex shrink-0 justify-end gap-2`,children:[(0,$.jsx)(Z,{variant:`outline`,size:`sm`,onClick:n,disabled:o.saving,children:`Close`}),(0,$.jsx)(Z,{size:`sm`,onClick:c,disabled:!o.canSave,children:o.saving?`Saving…`:`Done`})]})]})}function WO(e,t){let n=Bc(e.metadata?.features),[r,i]=(0,Q.useState)(String(e.data?.label??``)),[a,o]=(0,Q.useState)(n.length?n:e.data?.tags??[]),[s,c]=(0,Q.useState)(!1),l=!s;async function u(){c(!0);try{let n=a.map(e=>e.trim()).filter(Boolean);await kc(t,{id:e.id,schema:e.schema,schemaVersion:e.schemaVersion,data:{...e.data,...r.trim()?{label:r.trim()}:{},tags:n},metadata:{features:Kc(a)}}),window.dispatchEvent(new CustomEvent(`workspace:documents:refresh`))}finally{c(!1)}}return{url:String(e.data?.uri??e.data?.url??``),label:r,setLabel:i,tags:a,setTags:o,saving:s,canSave:l,save:u}}function GO(){let{state:e,closeAdd:t}=el(),{editDocument:n,editWorkspaceId:r}=e,{showSuccessToast:i,showErrorToast:a}=So();return!n||!r?null:(0,$.jsx)(KO,{doc:n,workspaceId:r,onCancel:t,onSaved:t,showSuccessToast:i,showErrorToast:a})}function KO({doc:e,workspaceId:t,onCancel:n,onSaved:r,showSuccessToast:i,showErrorToast:a}){let o=WO(e,t),s=zg(t);return(0,$.jsxs)(`div`,{className:`flex flex-col gap-4 p-4`,children:[(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsxs)(H,{children:[`URL `,(0,$.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:`(frozen)`})]}),(0,$.jsx)(Y,{value:o.url,disabled:!0,className:`font-mono text-xs`})]}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(H,{htmlFor:`edit-link-label`,children:`Label`}),(0,$.jsx)(Y,{id:`edit-link-label`,value:o.label,onChange:e=>o.setLabel(e.target.value),placeholder:`Optional display name`,autoFocus:!0})]}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(H,{children:`Tags`}),(0,$.jsx)(kn,{tags:o.tags,onChange:o.setTags,suggestions:s})]}),(0,$.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,$.jsx)(Z,{variant:`outline`,size:`sm`,onClick:n,disabled:o.saving,children:`Cancel`}),(0,$.jsx)(Z,{size:`sm`,onClick:async()=>{try{await o.save(),i(`Link updated`),r()}catch(e){a(e instanceof Error?e.message:`Failed to update link`)}},disabled:!o.canSave,children:o.saving?`Saving…`:`Save link`})]})]})}var qO=380,JO=300,YO=560,XO={message:{label:`New Message`,icon:Nn},note:{label:`New Note`,icon:Sa},link:{label:`New Link`,icon:Qi},todo:{label:`New Todo`,icon:Oi},identity:{label:`New Identity`,icon:Vr},sketch:{label:`New Sketch`,icon:cr},plaintext:{label:`New Plaintext File`,icon:Vi},file:{label:`Add Files`,icon:Jr},photo:{label:`Photo/Video`,icon:Hr},existing:{label:`Add Existing`,icon:aa},folder:{label:`New Folder`,icon:ei}};function ZO(){let{state:e,openAdd:t,openAddPicker:n,closeAdd:r}=el();nt(r,e.addOpen);let{addOpen:i,addKind:a,editDocument:o,addModal:s}=e,c=xl(),l=ll(c),u=l.isBackend&&!!a&&![`file`,`photo`,`folder`,`message`,`plaintext`].includes(a),d=e.activeWorkspaceName,f=!d||!!e.addRelateTo,p=u||a===`message`&&f,m=l.isBackend?[`note`,`link`,`todo`,`identity`,`sketch`,`existing`]:[`plaintext`];f&&m.push(`message`);let h=c?.mode===`workspace`?`${c.workspaceName}:${c.treeName}:${c.path}`:c?.contextId,g=ot();(0,Q.useEffect)(()=>{!i||a!==`sketch`||l.isBackend||(r(),g(Q_.createUrl(c)))},[i,a,c,r,g,l.isBackend]);let _=le(),[v,y]=(0,Q.useState)(qO),b=(0,Q.useRef)(null),x=(0,Q.useCallback)(e=>{e.preventDefault(),b.current={startX:e.clientX,startWidth:v};let t=e=>{if(!b.current)return;let t=b.current.startX-e.clientX,n=Math.min(YO,Math.max(JO,b.current.startWidth+t));y(n)},n=()=>{b.current=null,window.removeEventListener(`mousemove`,t),window.removeEventListener(`mouseup`,n)};window.addEventListener(`mousemove`,t),window.addEventListener(`mouseup`,n)},[v]);if(!i)return null;let S=!!o,C=!S&&(!a||p),w,T;S?(w=o.schema===`data/schema/note`?`Edit Note`:`Edit Link`,T=o.schema===`data/schema/note`?Sa:Qi):a&&!p?(w=XO[a].label,T=XO[a].icon):(w=`Add`,T=Wi);let E=(0,$.jsxs)($.Fragment,{children:[_&&!s&&(0,$.jsx)(`div`,{className:`fixed inset-0 z-panel-scrim bg-scrim animate-fade-in`,onClick:r,"aria-hidden":!0}),(0,$.jsxs)(`div`,{style:_||s?void 0:{width:v},className:J(`flex flex-col overflow-hidden rounded-[var(--panel-radius)] border bg-card surface-glass`,s?`h-full w-full`:_?`fixed bottom-2 left-2 right-2 top-2 z-panel shadow-elevation-5 animate-fade-in`:`relative shrink-0 shadow-elevation-3`),children:[!_&&!s&&(0,$.jsx)(`div`,{onMouseDown:x,className:`absolute left-0 top-0 bottom-0 z-10 w-1 cursor-col-resize transition-colors hover:bg-primary/20`}),(0,$.jsxs)(`div`,{className:`flex h-[calc(3rem-1px)] shrink-0 items-center gap-2 border-b-4 px-2`,style:e.activeAccentColor?{borderBottomColor:e.activeAccentColor}:void 0,children:[(0,$.jsx)(`button`,{type:`button`,className:`canvas-nav-button`,"aria-label":`Back one level`,onClick:()=>C||S?r():n(),children:(0,$.jsx)(wa,{className:`h-5 w-5`})}),(0,$.jsxs)(`span`,{className:`flex flex-1 items-center gap-2 text-sm font-medium`,children:[S?(0,$.jsx)(gr,{className:`h-4 w-4`}):(0,$.jsx)(T,{className:`h-4 w-4`}),w]}),(0,$.jsx)(`button`,{type:`button`,onClick:r,className:`flex h-8 w-8 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-muted hover:text-foreground`,"aria-label":`Close`,children:(0,$.jsx)(mr,{className:`h-4 w-4`})})]}),(0,$.jsxs)(`div`,{className:`flex-1 overflow-y-auto`,children:[S&&o.schema===`data/schema/note`&&(0,$.jsx)(HO,{}),S&&o.schema===`data/schema/link`&&(0,$.jsx)(GO,{}),!S&&C&&e.addRelateTo&&(0,$.jsxs)(`p`,{className:`border-b px-4 py-2 text-xs text-muted-foreground`,children:[`The new document will be related to `,e.addRelateTo.documents.length,` selected document`,e.addRelateTo.documents.length===1?``:`s`,`.`]}),!S&&l.isBackend&&a!==`message`&&(0,$.jsx)(`p`,{className:`border-b px-4 py-3 text-xs text-muted-foreground`,children:l.loading?`Checking storage destination…`:l.error||`Files are saved directly to this backend folder. Notes and other database documents belong in context or directory trees.`}),!S&&C&&(!l.isBackend||l.destination)&&(0,$.jsx)(tv,{onSelect:t,omit:m}),!S&&a===`message`&&!f&&d&&(0,$.jsx)(Ne,{workspaceId:d,onClose:r},d),!S&&!l.isBackend&&a===`note`&&(0,$.jsx)(PO,{},h),!S&&!l.isBackend&&a===`link`&&(0,$.jsx)(FO,{}),!S&&!l.isBackend&&a===`todo`&&(0,$.jsx)(LO,{}),!S&&!l.isBackend&&a===`identity`&&(0,$.jsx)(RO,{}),!S&&l.destination&&a===`plaintext`&&(0,$.jsx)(kO,{},h),!S&&(!l.isBackend||l.destination)&&a===`file`&&(0,$.jsx)(zO,{},h),!S&&(!l.isBackend||l.destination)&&a===`photo`&&(0,$.jsx)(zO,{capture:!0},h),!S&&!l.isBackend&&a===`existing`&&(0,$.jsx)(VO,{}),!S&&(!l.isBackend||l.destination)&&a===`folder`&&(0,$.jsx)(BO,{},h)]})]})]});return s?(0,$.jsx)(te,{label:w,onClose:r,children:E}):E}var QO=(0,Q.createContext)(null);function $O(){return(0,Q.useContext)(QO)}function ek(){let e=$O(),t=e?.notifications??[];return(0,$.jsxs)(`div`,{className:`flex flex-col h-full`,children:[(0,$.jsx)(`div`,{className:`flex items-center justify-between px-4 h-12 bg-foreground shrink-0`,children:(0,$.jsx)(`span`,{className:`text-sm font-medium text-background`,children:`Home`})}),(0,$.jsx)(`div`,{className:`px-4 py-4 border-b border-border shrink-0`,children:(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-muted-foreground`,children:[(0,$.jsx)(Kn,{className:`w-4 h-4`}),(0,$.jsx)(`span`,{className:`text-xs font-mono`,children:new Date().toLocaleTimeString()})]})}),(0,$.jsxs)(`div`,{className:`flex-1 overflow-y-auto p-4`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between mb-3`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(ta,{className:`w-3.5 h-3.5 text-muted-foreground`}),(0,$.jsx)(`span`,{className:`text-xs font-medium text-muted-foreground uppercase tracking-wide`,children:`Notifications`})]}),t.length>0&&(0,$.jsx)(Z,{size:`sm`,variant:`ghost`,className:`h-6 px-1.5 text-xs text-muted-foreground`,onClick:()=>void e?.clear(),title:`Clear notifications`,children:(0,$.jsx)(Xr,{className:`w-3 h-3`})})]}),t.length===0?(0,$.jsx)(`div`,{className:`text-xs text-muted-foreground text-center py-10 border border-dashed rounded-(--card-radius)`,children:`No notifications`}):(0,$.jsx)(`div`,{className:`space-y-2`,children:[...t].reverse().map(e=>(0,$.jsxs)(`div`,{className:`rounded-(--card-radius) border p-2.5`,children:[(0,$.jsx)(`p`,{className:`text-xs whitespace-pre-wrap break-words`,children:e.text}),(0,$.jsx)(`p`,{className:`mt-1 text-[10px] text-muted-foreground`,children:new Date(e.timestamp).toLocaleString()})]},e.id))})]})]})}function tk({status:e}){return(0,$.jsx)(`span`,{className:J(`inline-block w-2 h-2 rounded-full shrink-0`,e===`active`?`bg-success`:e===`error`?`bg-destructive`:e===`starting`||e===`stopping`?`bg-warning`:`bg-muted-foreground`),title:e})}function nk(){let{openAgentT2:e}=el(),{setSection:t}=eg(),n=ot(),{agents:r,isLoading:i,refresh:a}=cO(!0),{showToast:o}=vo(),[s,c]=(0,Q.useState)(new Set),l=(e,t)=>c(n=>{let r=new Set(n);return t?r.add(e):r.delete(e),r}),u=async(e,t)=>{e.stopPropagation(),l(t.id,!0);try{await By(t.id),a()}catch(e){o({title:`Error`,description:e instanceof Error?e.message:`Failed`,variant:`destructive`})}finally{l(t.id,!1)}},d=async(e,t)=>{e.stopPropagation(),l(t.id,!0);try{await Vy(t.id),a()}catch(e){o({title:`Error`,description:e instanceof Error?e.message:`Failed`,variant:`destructive`})}finally{l(t.id,!1)}};return(0,$.jsxs)(`div`,{className:`flex flex-col h-full`,children:[(0,$.jsx)(`div`,{className:`flex items-center justify-between px-4 h-12 border-b border-border shrink-0`,children:(0,$.jsx)(`span`,{className:`text-sm font-semibold`,children:`Agents`})}),(0,$.jsx)(`div`,{className:`flex-1 overflow-y-auto py-2`,children:i&&r.length===0?(0,$.jsx)(`div`,{className:`px-4 py-3 text-xs text-muted-foreground`,children:`Loading…`}):r.length===0?(0,$.jsxs)(`div`,{className:`flex flex-col items-center gap-3 py-12 text-muted-foreground`,children:[(0,$.jsx)(ti,{className:`w-8 h-8 opacity-30`}),(0,$.jsx)(`span`,{className:`text-xs`,children:`No agents yet`}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>{t(`agents`),n(`/agents?create=1`)},className:`text-xs text-primary hover:underline`,children:`Create an agent`})]}):(0,$.jsx)(`div`,{className:`space-y-1 px-2`,children:r.map(t=>{let n=s.has(t.id);return(0,$.jsxs)(`div`,{className:`group relative px-3 py-2.5 cursor-pointer transition-colors bg-card hover:bg-accent/50`,style:{borderLeft:`6px solid ${t.color||`transparent`}`},onClick:()=>e(t.id),children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(tk,{status:t.status}),(0,$.jsx)(`span`,{className:`text-sm font-medium flex-1 truncate`,children:t.label||t.name}),(0,$.jsx)(`div`,{className:`flex items-center gap-0.5 shrink-0 reveal-on-hover`,children:t.status===`active`?(0,$.jsx)(`button`,{type:`button`,disabled:n,onClick:e=>d(e,t),className:`flex items-center justify-center w-6 h-6 rounded hover:bg-muted-foreground/10 text-muted-foreground disabled:opacity-50`,title:`Stop`,children:(0,$.jsx)(_a,{className:`w-3 h-3`})}):(0,$.jsx)(`button`,{type:`button`,disabled:n,onClick:e=>u(e,t),className:`flex items-center justify-center w-6 h-6 rounded hover:bg-muted-foreground/10 text-muted-foreground disabled:opacity-50`,title:`Start`,children:(0,$.jsx)(xr,{className:`w-3 h-3`})})})]}),t.description&&(0,$.jsx)(`div`,{className:`text-xs text-muted-foreground truncate mt-0.5 pl-4`,children:t.description})]},t.id)})})})]})}function rk(){let e=$O(),[t,n]=(0,Q.useState)(50),r=e?.notifications??[],i=r.slice(-t).reverse();return(0,$.jsxs)(`section`,{"aria-label":`Notification history`,className:`flex h-full min-h-0 flex-col`,children:[(0,$.jsxs)(`div`,{className:`flex shrink-0 items-center justify-between gap-3 border-b px-4 py-3`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsxs)(`h2`,{className:`text-sm font-semibold`,children:[`Notifications`,r.length>0&&(0,$.jsx)(`span`,{className:`ml-2 font-normal text-muted-foreground`,children:r.length})]}),(0,$.jsx)(`p`,{className:`mt-0.5 text-xs text-muted-foreground`,children:`Saved on this browser`})]}),r.length>0&&(0,$.jsxs)(Z,{variant:`ghost`,size:`sm`,onClick:()=>void e?.clear(),title:`Clear all notifications`,className:`shrink-0 gap-1.5`,children:[(0,$.jsx)(Xr,{className:`h-3.5 w-3.5`}),`Clear all`]})]}),e?.storageError&&(0,$.jsx)(`p`,{role:`alert`,className:`border-b px-4 py-3 text-xs text-destructive`,children:`Couldn’t access notification history in this browser.`}),e?.loading?(0,$.jsx)(`p`,{role:`status`,className:`p-4 text-sm text-muted-foreground`,children:`Loading notifications…`}):r.length===0?(0,$.jsxs)(`div`,{className:`flex flex-1 flex-col items-center justify-center gap-3 p-8 text-center`,children:[(0,$.jsx)(`div`,{className:`flex h-12 w-12 items-center justify-center rounded-full bg-muted`,children:(0,$.jsx)(ta,{className:`h-5 w-5 text-muted-foreground`})}),(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`No notifications yet`})]}):(0,$.jsxs)(`div`,{className:`min-h-0 flex-1 overflow-y-auto p-3`,children:[(0,$.jsx)(`ol`,{className:`space-y-2`,children:i.map(t=>{let n=t.status===`error`?Xn:t.status===`completed`?br:t.status===`started`?Kn:ta;return(0,$.jsx)(`li`,{"data-notification-id":t.id,className:`rounded-(--card-radius) border bg-card p-3`,children:(0,$.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,$.jsx)(n,{"aria-hidden":!0,className:`mt-0.5 h-4 w-4 shrink-0 ${t.status===`error`?`text-destructive`:`text-muted-foreground`}`}),(0,$.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,$.jsx)(`p`,{className:`break-words text-sm font-medium`,children:t.title}),t.text&&(0,$.jsx)(`p`,{className:`mt-1 whitespace-pre-wrap break-words text-xs text-muted-foreground`,children:t.text}),(0,$.jsxs)(`p`,{className:`mt-2 text-[11px] text-muted-foreground`,children:[(0,$.jsx)(`time`,{dateTime:t.timestamp,children:new Date(t.timestamp).toLocaleString()}),t.status===`started`&&(0,$.jsx)(`span`,{children:` · Started`}),t.status===`completed`&&(0,$.jsx)(`span`,{children:` · Completed`}),t.status===`error`&&(0,$.jsx)(`span`,{children:` · Error`})]})]}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>void e?.remove(t.id),"aria-label":`Clear notification: ${t.title}`,title:`Clear notification`,className:`-mr-1 -mt-1 flex h-7 w-7 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-accent focus-ring touch-target`,children:(0,$.jsx)(mr,{className:`h-3.5 w-3.5`})})]})},t.id)})}),r.length>t&&(0,$.jsx)(Z,{variant:`ghost`,size:`sm`,className:`mt-3 w-full`,onClick:()=>n(e=>e+50),children:`Show older notifications`})]})]})}function ik(e){if(!e)return``;if(typeof e.errorMessage==`string`&&e.errorMessage.trim())return e.errorMessage.trim();let t=e.content;return typeof t==`string`?t:Array.isArray(t)&&t.filter(e=>e?.type===`text`&&typeof e.text==`string`).map(e=>e.text??``).join(`
|
|
39
|
-
`)||``}function ak(e){let[t,n]=(0,Q.useState)([]),[r,i]=(0,Q.useState)(!1),[a,o]=(0,Q.useState)(null),s=(0,Q.useRef)(null),[c,l]=(0,Q.useState)(e);return c!==e&&(l(e),e||n([])),(0,Q.useEffect)(()=>{let t=!1;if(e)return Oy(e).then(e=>{t||n(e.messages.map(e=>({role:e.role,content:e.content,isComplete:!0,...e.metadata?.reasoning?{reasoning:e.metadata.reasoning}:{},...e.metadata?{metadata:e.metadata}:{}})))}).catch(()=>{t||n([])}),()=>{t=!0}},[e]),{messages:t,isStreaming:r,error:a,send:(0,Q.useCallback)(async t=>{if(r||!t.trim()||!e)return;o(null),n(e=>[...e,{role:`user`,content:t,isComplete:!0},{role:`assistant`,content:``,isComplete:!1}]),i(!0);try{await By(e)}catch(e){let t=e instanceof Error?e.message:void 0;if(!t?.includes(`not active`)&&!t?.includes(`already`)){o(t??`Failed to start agent`),i(!1);return}}s.current=new AbortController;let a=``,c=``,l=``,u;try{await X.stream(`${po}/agents/${e}/prompt/stream`,{message:t},{signal:s.current.signal,onChunk:e=>{a+=e;let t=a.split(`
|
|
40
|
-
`);a=t.pop()??``;for(let e of t){if(!e.startsWith(`data: `))continue;let t=e.slice(6).trim();if(t===`[DONE]`)return;try{let e=JSON.parse(t);if(e.type===`chunk`)c+=e.delta||``,n(e=>{let t=[...e];return t[t.length-1]={role:`assistant`,content:c,isComplete:!1,...l?{reasoning:l}:{},...u?{metadata:u}:{}},t});else if(e.type===`thinking`)l=`${l}${e.delta||``}`.trim(),n(e=>{let t=[...e],n=t[t.length-1]?.content||c;return t[t.length-1]={role:`assistant`,content:n,isComplete:!1,...l?{reasoning:l}:{},...u?{metadata:u}:{}},t});else if(e.type===`complete`){let t=Array.isArray(e.messages)?[...e.messages].reverse().find(e=>e?.role===`assistant`):null,r=ik(t),i=hy(t)||l;u=gy(t),n(e=>{let t=[...e],n=c||t[t.length-1]?.content||``;return t[t.length-1]={role:`assistant`,content:r||n,isComplete:!0,...i?{reasoning:i}:{},...u?{metadata:u}:{}},t})}else e.type===`error`&&o(e.error)}catch{}}},onError:e=>{e.name!==`AbortError`&&o(e.message)},onComplete:()=>{n(e=>{let t=[...e],n=t[t.length-1];return n&&!n.isComplete&&(t[t.length-1]={...n,isComplete:!0}),t}),i(!1)}})}catch(e){let t=e instanceof Error?e:null;t?.name!==`AbortError`&&o(t?.message??`Stream failed`),n(e=>{let t=[...e],n=t[t.length-1];return n&&!n.isComplete&&(t[t.length-1]={...n,isComplete:!0}),t}),i(!1)}},[e,r]),sendVoice:(0,Q.useCallback)(async t=>{if(!(r||!e)){o(null),i(!0),n(e=>[...e,{role:`user`,content:`🎤 Transcribing…`,isComplete:!1}]);try{let r=await qy(e,t);n(e=>{let t=[...e];return t[t.length-1]={role:`user`,content:`🎤 ${r.transcript}`,isComplete:!0},[...t,{role:`assistant`,content:r.reply,isComplete:!0}]}),r.audio&&r.audioMimeType&&new Audio(`data:${r.audioMimeType};base64,${r.audio}`).play().catch(()=>{})}catch(e){o(e instanceof Error?e.message:`Voice prompt failed`),n(e=>{let t=[...e],n=t[t.length-1];return n?.role===`user`&&!n.isComplete&&t.pop(),t})}finally{i(!1)}}},[e,r]),stop:(0,Q.useCallback)(()=>{s.current?.abort(),i(!1)},[]),clear:(0,Q.useCallback)(()=>{n([]),o(null)},[])}}function ok(){let[e,t]=(0,Q.useState)(!1),[n,r]=(0,Q.useState)(null),i=(0,Q.useRef)(null),a=(0,Q.useRef)([]);return{isRecording:e,recorderError:n,start:(0,Q.useCallback)(async()=>{if(!i.current){if(r(null),!navigator.mediaDevices?.getUserMedia||typeof MediaRecorder>`u`){r(`Audio recording is not supported in this browser`);return}try{let e=await navigator.mediaDevices.getUserMedia({audio:!0}),n=MediaRecorder.isTypeSupported(`audio/webm;codecs=opus`)?`audio/webm;codecs=opus`:void 0,r=new MediaRecorder(e,n?{mimeType:n}:void 0);a.current=[],r.ondataavailable=e=>{e.data.size>0&&a.current.push(e.data)},r.start(),i.current=r,t(!0)}catch(e){let t=e instanceof Error?e:null;r(t?.name===`NotAllowedError`?`Microphone access denied`:t?.message??`Could not start recording`)}}},[]),stop:(0,Q.useCallback)(()=>{let e=i.current;return e?new Promise(n=>{e.onstop=()=>{e.stream.getTracks().forEach(e=>e.stop()),i.current=null,t(!1);let r=e.mimeType||`audio/webm`,o=new Blob(a.current,{type:r});a.current=[],n(o.size>0?o:null)},e.stop()}):Promise.resolve(null)},[]),cancel:(0,Q.useCallback)(()=>{let e=i.current;e&&(e.onstop=()=>{e.stream.getTracks().forEach(e=>e.stop())},e.stop(),i.current=null,a.current=[],t(!1))},[])}}function sk({agentId:e,onClose:t}){let[n,r]=(0,Q.useState)(null),[i,a]=(0,Q.useState)(``),[o,s]=(0,Q.useState)(!1),[c,l]=(0,Q.useState)(null),[u,d]=(0,Q.useState)(!1),[f,p]=(0,Q.useState)(null),{showToast:m}=vo(),h=il(),g=h?.state.activeContextType===`context`?h.state.activeContextId:null,_=h?.state.activeContextPath??null,v=(0,Q.useRef)(null),y=(0,Q.useRef)(null),{messages:b,isStreaming:x,error:S,send:C,sendVoice:w,stop:T,clear:E}=ak(e),{isRecording:D,recorderError:O,start:k,stop:A}=ok();(0,Q.useEffect)(()=>{Dy(e).then(r).catch(()=>{}),xy(e).then(l).catch(()=>l(null))},[e]),(0,Q.useEffect)(()=>{Ky().then(e=>s(!!(e.enabled&&e.stt))).catch(()=>s(!1))},[]),(0,Q.useEffect)(()=>{b.length!==0&&v.current?.scrollIntoView({behavior:`smooth`})},[b]);let j=c?.binding.type===`context`&&!!g&&c?.binding.context===g,M=c?c.binding.type===`global`?`scope: global`:c.binding.type===`context`?j?`scoped to this context`:`context-bound`:`scope: ${c.binding.workspaceName||c.binding.workspace}${c.binding.type===`path`?`:${c.binding.path||`/`}`:``}`:`no canvas access`,N=async()=>{if(!g||u)return;let t=g||_;if(window.confirm(`Bind "${n?.label||n?.name||e}" to the current context (${t})? This mints a new canvas token and restarts the agent if it is running.`)){d(!0);try{let t=await Sy(e,{binding:{type:`context`,context:g},permissions:[`read`,`write`]});l(t.access),p(t.token)}catch(e){m({title:`Error`,description:e instanceof Error?e.message:`Bind failed`,variant:`destructive`})}finally{d(!1)}}},P=async()=>{let e=i.trim();!e||x||(a(``),y.current?.focus(),await C(e))};return(0,$.jsxs)(`div`,{className:`flex flex-col h-full`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2 px-3 h-12 border-b border-border shrink-0`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:t,className:`p-1 rounded hover:bg-accent/50 text-muted-foreground hover:text-foreground transition-colors`,title:`Back to agents`,children:(0,$.jsx)(wa,{className:`w-4 h-4`})}),n?.color&&(0,$.jsx)(`span`,{className:`w-2.5 h-2.5 rounded-full shrink-0`,style:{backgroundColor:n.color}}),(0,$.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,$.jsx)(`div`,{className:`text-sm font-medium truncate`,children:n?.label||n?.name||e}),(0,$.jsx)(`div`,{className:`text-[10px] leading-tight text-muted-foreground truncate`,title:M,children:M})]}),(0,$.jsx)(`button`,{type:`button`,onClick:E,className:`p-1 rounded hover:bg-accent/50 text-muted-foreground hover:text-foreground transition-colors`,title:`Clear chat`,children:(0,$.jsx)(Xr,{className:`w-3.5 h-3.5`})})]}),g&&!j&&(0,$.jsxs)(`div`,{className:`flex items-center gap-2 px-3 py-2 border-b border-border bg-muted/40 text-xs shrink-0`,children:[(0,$.jsxs)(`span`,{className:`flex-1 truncate text-muted-foreground`,title:g||_||void 0,children:[`Toolbox context: `,g||_]}),(0,$.jsx)(`button`,{type:`button`,disabled:u,onClick:N,className:`shrink-0 rounded border border-input px-2 py-1 hover:bg-accent disabled:opacity-50`,children:u?`Binding…`:`Bind to this context`})]}),f&&(0,$.jsxs)(`div`,{className:`flex items-center gap-2 px-3 py-2 border-b border-border bg-warning/10 text-xs shrink-0`,children:[(0,$.jsx)(`span`,{className:`shrink-0 text-muted-foreground`,children:`Token (shown once):`}),(0,$.jsx)(`code`,{className:`flex-1 truncate font-mono`,children:f}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>navigator.clipboard?.writeText(f),className:`shrink-0 rounded border border-input px-2 py-1 hover:bg-accent`,children:`Copy`}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>p(null),className:`shrink-0 rounded px-1.5 py-1 hover:bg-accent`,title:`Dismiss`,children:`×`})]}),(0,$.jsxs)(`div`,{className:`flex-1 overflow-y-auto px-4 py-3 space-y-3`,children:[b.length===0&&(0,$.jsx)(`div`,{className:`text-xs text-muted-foreground text-center py-10`,children:n?`Chat with ${n.label||n.name}`:`Loading…`}),b.map((e,t)=>(0,$.jsxs)(`div`,{className:J(`text-sm rounded-lg px-3 py-2 max-w-[85%] break-words`,e.role===`user`?`ml-auto bg-foreground text-background`:`mr-auto bg-muted text-foreground`),children:[(0,$.jsx)(zC,{reasoning:e.role===`assistant`?e.reasoning:void 0,metadata:e.role===`assistant`?e.metadata:void 0,isStreaming:!e.isComplete,compact:!0}),e.role===`assistant`?(0,$.jsx)(he,{content:e.content||(e.isComplete?``:`…`)}):(0,$.jsx)(`span`,{className:`whitespace-pre-wrap`,children:e.content})]},t)),(S||O)&&(0,$.jsx)(`div`,{className:`text-xs text-destructive text-center py-1`,children:S||O}),(0,$.jsx)(`div`,{ref:v})]}),(0,$.jsx)(`div`,{className:`p-3 border-t border-border shrink-0`,children:(0,$.jsxs)(`div`,{className:`flex gap-2 items-end`,children:[(0,$.jsx)(`textarea`,{ref:y,value:i,onChange:e=>a(e.target.value),onKeyDown:e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),P())},placeholder:`Message…`,rows:2,className:`flex-1 resize-y text-sm px-3 py-2 border border-input bg-background rounded-md focus:outline-none focus:ring-1 focus:ring-ring min-h-[38px] max-h-[120px]`}),o&&(0,$.jsx)(`button`,{type:`button`,onClick:async()=>{if(D){let e=await A();e&&await w(e)}else x||await k()},disabled:x&&!D,className:J(`flex items-center justify-center w-9 h-9 rounded-md transition-opacity shrink-0 disabled:opacity-40`,D?`bg-destructive text-destructive-foreground hover:opacity-90 animate-pulse`:`bg-muted text-foreground hover:bg-accent`),title:D?`Stop recording and send`:`Record a voice message`,children:D?(0,$.jsx)(_a,{className:`w-4 h-4`}):(0,$.jsx)(Qr,{className:`w-4 h-4`})}),x?(0,$.jsx)(`button`,{type:`button`,onClick:T,className:`flex items-center justify-center w-9 h-9 rounded-md bg-destructive text-destructive-foreground hover:opacity-90 transition-opacity shrink-0`,title:`Stop`,children:(0,$.jsx)(_a,{className:`w-4 h-4`})}):(0,$.jsx)(`button`,{type:`button`,onClick:P,disabled:!i.trim(),className:`flex items-center justify-center w-9 h-9 rounded-md bg-foreground text-background hover:opacity-90 disabled:opacity-40 transition-opacity shrink-0`,title:`Send`,children:(0,$.jsx)(li,{className:`w-4 h-4`})})]})})]})}function ck(){let{state:e,openApplet:t}=el(),[n,r]=(0,Q.useState)(`context`),i=e.appsAppletId,a=i?qm.find(e=>e.id===i):null;if(a)return(0,$.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,$.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2 border-b border-border px-2 py-1.5`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:()=>t(null),className:`rounded p-1 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground`,"aria-label":`Back to applets`,title:`Back to applets`,children:(0,$.jsx)(wa,{className:`h-4 w-4`})}),(0,$.jsx)(a.icon,{className:`h-4 w-4 text-muted-foreground`}),(0,$.jsx)(`span`,{className:`text-sm font-medium`,children:a.label})]}),(0,$.jsx)(`div`,{className:`min-h-0 flex-1`,children:(0,$.jsx)(a.Component,{})})]});let o=Jm(n);return(0,$.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,$.jsx)(`div`,{className:`flex shrink-0 border-b border-border`,children:[`context`,`global`].map(e=>(0,$.jsx)(`button`,{type:`button`,onClick:()=>r(e),className:J(`flex-1 py-2.5 text-xs capitalize transition-colors`,n===e?`-mb-px border-b-2 border-foreground font-semibold text-foreground`:`font-medium text-muted-foreground hover:text-foreground`),children:e},e))}),(0,$.jsxs)(`div`,{className:`min-h-0 flex-1 overflow-y-auto p-3`,children:[!o.length&&(0,$.jsxs)(`p`,{className:`py-10 text-center text-sm text-muted-foreground`,children:[`No `,n,` applets yet.`]}),(0,$.jsx)(`div`,{className:`grid grid-cols-2 gap-2`,children:o.map(e=>(0,$.jsxs)(`button`,{type:`button`,onClick:()=>t(e.id),className:`flex min-h-[4.5rem] flex-col items-center justify-center gap-1.5 rounded-(--card-radius) border border-border bg-muted/40 p-3 text-foreground transition-colors hover:bg-muted`,title:e.description,children:[(0,$.jsx)(e.icon,{className:`h-5 w-5 text-muted-foreground`}),(0,$.jsx)(`span`,{className:`text-xs font-medium leading-none`,children:e.label})]},e.id))})]})]})}var lk=[{view:`apps`,icon:ka,label:`Apps`},{view:`tools`,icon:ba,label:`Filters`},{view:`agents`,icon:ti,label:`Agents`},{view:`notifications`,icon:ta,label:`Notifications`}],uk=340,dk=`toolbox:width`,fk=360,pk=48,mk=e=>{let t=typeof window<`u`?window.innerWidth:1600,n=Math.max(uk,Math.min(Math.round(t*.7),t-pk-fk));return Math.max(uk,Math.min(e,n))},hk=()=>typeof window<`u`?Math.round(window.innerWidth/2):720;function gk(){let{state:e,setView:t,closeT1:n,closeT2:r}=el();nt(n,e.t1Open&&!e.t2Open),nt(r,e.t2Open);let{t1Open:i,t1View:a,t2Open:o,t2AgentId:s,activeAccentColor:c}=e,l=le(),[u,d]=(0,Q.useState)(()=>{let e=typeof window<`u`?Number(localStorage.getItem(dk)):NaN;return Number.isFinite(e)&&e>0?e:420}),f=(0,Q.useCallback)(e=>{d(e);try{localStorage.setItem(dk,String(e))}catch{}},[]),p=(0,Q.useRef)(null),m=(0,Q.useCallback)(e=>{e.preventDefault(),p.current={startX:e.clientX,startWidth:u};let t=e=>{if(!p.current)return;let t=mk(p.current.startWidth-(e.clientX-p.current.startX));d(t)},n=()=>{p.current=null,window.removeEventListener(`mousemove`,t),window.removeEventListener(`mouseup`,n),d(e=>{try{localStorage.setItem(dk,String(e))}catch{}return e})};window.addEventListener(`mousemove`,t),window.addEventListener(`mouseup`,n)},[u]),h=u>=hk()*.9;return(0,Q.useEffect)(()=>{let e=()=>d(e=>mk(e));return window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]),!i||!a?null:(0,$.jsxs)($.Fragment,{children:[l&&(0,$.jsx)(`div`,{className:`fixed inset-0 z-panel-scrim bg-scrim animate-fade-in`,onClick:n,"aria-hidden":!0}),(0,$.jsxs)(`div`,{style:l?void 0:{width:u},className:J(`flex flex-col overflow-hidden rounded-(--panel-radius) border bg-card surface-glass text-foreground`,l?`fixed bottom-2 left-2 right-2 top-2 z-panel shadow-elevation-5 animate-fade-in`:`relative shrink-0 shadow-elevation-3`),children:[!l&&(0,$.jsx)(`div`,{onMouseDown:m,className:`absolute left-0 top-0 z-20 h-full w-1.5 cursor-col-resize hover:bg-primary/20`,title:`Drag to resize`,"aria-hidden":!0}),(0,$.jsxs)(`div`,{className:`flex h-[calc(3rem-1px)] shrink-0 items-center justify-between gap-1 border-b-4 px-2`,style:c?{borderBottomColor:c}:void 0,children:[(0,$.jsx)(`div`,{className:`flex items-center gap-1`,children:lk.map(({view:e,icon:n,label:r})=>(0,$.jsx)(`button`,{type:`button`,onClick:()=>t(e),"aria-label":r,title:r,className:J(`flex h-10 w-11 items-center justify-center rounded-md transition-colors`,a===e?`bg-muted text-foreground`:`text-muted-foreground hover:bg-muted/60 hover:text-foreground`),children:(0,$.jsx)(n,{className:`h-4 w-4 shrink-0`})},e))}),(0,$.jsxs)(`div`,{className:`flex items-center gap-0.5`,children:[!l&&(0,$.jsx)(`button`,{type:`button`,onClick:()=>f(h?420:mk(hk())),className:`rounded p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground touch-target`,"aria-label":h?`Shrink toolbox`:`Expand toolbox`,title:h?`Shrink toolbox`:`Expand to half screen`,children:h?(0,$.jsx)(ni,{className:`h-4 w-4`}):(0,$.jsx)(na,{className:`h-4 w-4`})}),(0,$.jsx)(`button`,{type:`button`,onClick:n,className:`rounded p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground touch-target`,"aria-label":`Close toolbox`,children:(0,$.jsx)(mr,{className:`h-4 w-4`})})]})]}),(0,$.jsxs)(`div`,{className:`relative flex min-h-0 flex-1 flex-col`,children:[(0,$.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col ${o&&s?`invisible`:``}`,children:[a===`home`&&(0,$.jsx)(ek,{}),a===`apps`&&(0,$.jsx)(ck,{}),a===`tools`&&(0,$.jsx)(Um,{}),a===`agents`&&(0,$.jsx)(nk,{}),a===`notifications`&&(0,$.jsx)(rk,{})]}),o&&s&&(0,$.jsx)(`div`,{className:`absolute inset-0 z-10 flex flex-col bg-background`,children:(0,$.jsx)(sk,{agentId:s,onClose:r})})]})]})]})}function _k(){let{running:e,hasViewer:t,paused:n,snapshot:r,source:i,lastCount:a,error:o,setPaused:s,stop:c,reopen:l}=np();if(!e||t)return null;let u=i===`screen`?pa:i===`photo`?Gi:Hr;return(0,$.jsxs)(`div`,{className:J(`fixed right-4 w-56 overflow-hidden rounded-(--panel-radius) border border-border bg-card shadow-elevation-4 z-panel animate-fade-in`,`bottom-fab-inset md:bottom-[calc(var(--spacing-fab-inset)+5rem)]`),role:`status`,"aria-label":`Lens feed running`,children:[(0,$.jsxs)(`button`,{type:`button`,onClick:l,title:`Back to Lens`,className:`relative block w-full cursor-pointer bg-black/80 aspect-video`,children:[(0,$.jsx)(gp,{className:`h-full w-full`}),r&&(0,$.jsx)(`img`,{src:r,alt:``,className:`absolute inset-0 h-full w-full bg-black object-contain`}),n&&(0,$.jsx)(`span`,{className:`absolute inset-0 flex items-center justify-center bg-black/50 text-xs font-medium text-white`,children:`paused`})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-1 px-2 py-1.5`,children:[(0,$.jsx)(u,{className:`h-3.5 w-3.5 shrink-0 text-muted-foreground`}),(0,$.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-[11px] text-muted-foreground`,children:o?(0,$.jsx)(`span`,{className:`text-destructive`,children:o}):n?`paused`:r?`${i===`photo`?`photo`:`snapshot`} · ${a??`…`} match${a===1?``:`es`}`:`live · ${a??`…`} match${a===1?``:`es`}`}),i!==`photo`&&(0,$.jsx)(`button`,{type:`button`,onClick:()=>s(!n),"aria-label":n?`Resume Lens`:`Pause Lens`,title:n?`Resume searching`:`Pause searching (camera stays on)`,className:`rounded p-1 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground`,children:n?(0,$.jsx)(xr,{className:`h-3.5 w-3.5`}):(0,$.jsx)(Bn,{className:`h-3.5 w-3.5`})}),(0,$.jsx)(`button`,{type:`button`,onClick:l,"aria-label":`Reopen Lens panel`,title:`Reopen Lens`,className:`rounded p-1 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground`,children:(0,$.jsx)(na,{className:`h-3.5 w-3.5`})}),(0,$.jsx)(`button`,{type:`button`,onClick:c,"aria-label":`Stop Lens feed`,title:`Stop the feed`,className:`rounded p-1 text-destructive transition-colors hover:bg-destructive/10`,children:(0,$.jsx)(Ui,{className:`h-3.5 w-3.5`})})]})]})}var vk=[`view`,`location`,`metadata`,`json`,`synapses`,`backends`];function yk(e){let t=new URLSearchParams(e.replace(/^#/,``)),n=t.get(`document`)??``,r=t.get(`workspace`);if(!r||!/^\d+$/.test(n)||!Number.isSafeInteger(Number(n))||Number(n)<=0)return null;let i=t.get(`section`);return{workspaceId:r,documentId:Number(n),section:vk.includes(i)?i:`view`,maximized:t.get(`fullscreen`)===`1`}}function bk(e){let t=new URLSearchParams({document:String(e.documentId),workspace:e.workspaceId});return e.section!==`view`&&t.set(`section`,e.section),e.maximized&&t.set(`fullscreen`,`1`),`#${t}`}function xk({children:e}){let t=an(),n=ot(),r=(0,Q.useMemo)(()=>yk(t.hash),[t.hash]),i=r?.workspaceId,a=r?.documentId,o=i&&a?JSON.stringify([i,a]):null,[s,c]=(0,Q.useState)(0),[l,u]=(0,Q.useState)(null),d=l?.key===o&&l?.revision===s?l:null;(0,Q.useEffect)(()=>{if(!o||!i||!a||d)return;let e=!1;return sc(i,a).then(t=>{e||u({key:o,revision:s,document:t,error:t?void 0:`Document not found.`})}).catch(t=>{e||u({key:o,revision:s,document:null,error:t?.statusCode===404?`Document not found.`:`Unable to load this document.`})}),()=>{e=!0}},[o,i,a,s,d]);let f=(0,Q.useCallback)((e,r)=>{u({key:JSON.stringify([r,e.id]),revision:s,document:e}),n({pathname:t.pathname,search:t.search,hash:bk({workspaceId:r,documentId:e.id,section:`view`,maximized:!1})},{state:t.state})},[n,t.pathname,t.search,t.state,s]),p=(0,Q.useCallback)(()=>{r&&n({pathname:t.pathname,search:t.search,hash:``},{replace:!0,state:t.state})},[r,n,t.pathname,t.search,t.state]),m=(0,Q.useCallback)((e,i)=>{r&&(u({key:JSON.stringify([i,e.id]),revision:s,document:e}),n({pathname:t.pathname,search:t.search,hash:bk({...r,workspaceId:i,documentId:e.id})},{replace:!0,state:t.state}))},[r,s,n,t.pathname,t.search,t.state]),h=(0,Q.useCallback)(e=>{r&&n({pathname:t.pathname,search:t.search,hash:bk({...r,...e})},{replace:!0,state:t.state})},[r,n,t.pathname,t.search,t.state]),g=(0,Q.useCallback)(()=>c(e=>e+1),[]),_=(0,Q.useMemo)(()=>({entry:d?.document&&i?{document:d.document,workspaceId:i}:null,location:r,loading:!!r&&!d,error:d?.error,open:f,replace:m,close:p,update:h,retry:g}),[d,i,r,f,m,p,h,g]);return(0,$.jsx)(S.Provider,{value:_,children:e})}var Sk={key:`desk`,label:`Desk`,main:`/`,mainExpanded:!1,entries:[]},Ck=0,wk=()=>`c${++Ck}`;function Tk(e,t){return e.kind===`route`&&t.kind===`route`?e.location===t.location:e.kind===`document`&&t.kind===`document`&&e.document.id===t.document.id&&e.workspaceId===t.workspaceId}function Ek({children:e}){let t=an(),n=ot(),[r,i]=(0,Q.useState)([Sk]),[a,o]=(0,Q.useState)(0),[s,c]=(0,Q.useState)(ye),l=(0,Q.useRef)(r),u=(0,Q.useRef)(a),d=(0,Q.useRef)(s);(0,Q.useEffect)(()=>{l.current=r,u.current=a,d.current=s},[r,a,s]);let f=(0,Q.useCallback)((e,t)=>{let n=l.current.slice();n[e]=t,l.current=n,i(n)},[]),p=(0,Q.useCallback)(e=>{let t=u.current,n=l.current[t];n&&f(t,e(n))},[f]),m=t.pathname+t.search;(0,Q.useEffect)(()=>{p(e=>e.main===m?e:{...e,main:m})},[m,p]);let h=(0,Q.useCallback)(e=>{let t=l.current[u.current];if(!t)return;let n=t.entries.find(t=>Tk(e,t));if(n){c(n.id);return}let r={...e,id:wk()},i=t.entries.findIndex(e=>e.id===d.current),a=t.entries.slice();a.splice(i>=0?i+1:0,0,r),p(e=>({...e,entries:a})),d.current=r.id,c(r.id)},[p]),g=(0,Q.useCallback)((e,t)=>{h({kind:`document`,document:e,workspaceId:t})},[h]),_=(0,Q.useCallback)((e,t)=>{let n=`document-preview`;p(r=>{let i=r.entries.find(e=>e.id===n),a={kind:`document`,id:n,document:e,workspaceId:t,expanded:i?.expanded};return{...r,entries:[a,...r.entries.filter(e=>e.id!==n)]}}),d.current=n,c(n)},[p]),v=(0,Q.useCallback)(e=>{p(t=>({...t,entries:t.entries.filter(t=>t.id!==e)})),c(t=>t===e?ye:t)},[p]),y=(0,Q.useCallback)((e,t)=>{p(n=>({...n,entries:n.entries.map(n=>n.id===e&&n.kind===`route`?{...n,location:t}:n)}))},[p]),b=(0,Q.useCallback)(e=>{p(t=>e===`main`?{...t,mainExpanded:!t.mainExpanded}:{...t,entries:t.entries.map(t=>t.id===e?{...t,expanded:!t.expanded}:t)})},[p]),x=(0,Q.useCallback)(e=>{let t=l.current[e];t&&(u.current=e,o(e),c(ye),n(t.main))},[n]),C=(0,Q.useCallback)((e,t,n)=>{let r=l.current.findIndex(t=>t.key===e);if(r>=0){x(r);return}let a=[...l.current,{key:e,label:t,main:n,mainExpanded:!1,entries:[]}];l.current=a,i(a),x(a.length-1)},[x]),w=(0,Q.useCallback)(e=>{x(u.current+e)},[x]),T=(0,Q.useCallback)(e=>{let t=l.current.findIndex(t=>t.key===e);if(t<=0)return;let n=l.current.filter(t=>t.key!==e);l.current=n,i(n);let r=u.current;r===t?x(Math.min(t,n.length-1)):r>t&&(u.current=r-1,o(r-1))},[x]),E=(0,Q.useMemo)(()=>({rows:r,activeRow:a,focus:s,setFocus:c,openCanvas:h,openDocument:g,closeCanvas:v,navigateCanvas:y,toggleExpanded:b,activateRow:C,moveRow:w,closeRow:T}),[r,a,s,h,g,v,y,b,C,w,T]),D=(0,Q.useMemo)(()=>({entry:null,open:g,preview:_,close:()=>{}}),[g,_]);return(0,$.jsx)(j.Provider,{value:E,children:(0,$.jsx)(S.Provider,{value:D,children:e})})}function Dk(e){return tn(typeof e==`string`?Gt(e):e)}function Ok({location:e,onNavigate:t}){let n=(0,Q.useMemo)(()=>{let t=Gt(e);return{pathname:t.pathname||`/`,search:t.search||``,hash:t.hash||``,state:null,key:e}},[e]),r=(0,Q.useMemo)(()=>({basename:`/`,static:!1,useTransitions:void 0,future:{},navigator:{createHref:Dk,go:()=>{},push:e=>t(Dk(e)),replace:e=>t(Dk(e))}}),[t]);return(0,$.jsx)(q.Provider,{value:r,children:(0,$.jsx)(Ve.Provider,{value:{location:n,navigationType:Zt.Push},children:(0,$.jsx)(ln.Provider,{value:{outlet:null,matches:[],isDataRoute:!1},children:(0,$.jsx)(Ht,{children:PE})})})})}var kk=`input, textarea, select, [contenteditable=""], [contenteditable="true"]`,Ak=420,jk=e=>e<=0?0:e>=1?1:e<.5?2**(20*e-10)/2:(2-2**(-20*e+10))/2;function Mk(e,t,n){if(window.matchMedia(`(prefers-reduced-motion: reduce)`).matches)return e.scrollLeft=t,n?.(),()=>{};let r=e.scrollLeft,i=t-r;if(Math.abs(i)<1)return n?.(),()=>{};let a=e.style.scrollSnapType;e.style.scrollSnapType=`none`;let o=performance.now(),s=0,c=t=>{let l=Math.min(1,(t-o)/Ak);e.scrollLeft=r+i*jk(l),l<1?s=requestAnimationFrame(c):(e.style.scrollSnapType=a,n?.())};return s=requestAnimationFrame(c),()=>{cancelAnimationFrame(s),e.style.scrollSnapType=a}}function Nk(e,t){let n=parseFloat(getComputedStyle(e).gap)||0,r=t.getBoundingClientRect().left-e.getBoundingClientRect().left+e.scrollLeft,i=r+t.offsetWidth,a=e.scrollLeft,o=a+e.clientWidth;return r<a?Math.max(0,r-n):i>o?i+n-e.clientWidth:a}function Pk({section:e}){return e===`contexts`?(0,$.jsx)(fD,{}):e===`workspaces`?(0,$.jsx)(PD,{}):e===`agents`?(0,$.jsx)(uO,{}):e===`admin`||e===`settings`?(0,$.jsx)(gO,{}):null}function Fk(e,t,n){if(e?.kind===`document`)return os(e.document).title;let r=(e?.kind===`route`?e.location:t).split(/[?#]/)[0];if(r===`/settings`)return`Settings`;let i=kh.flatMap(e=>[...e.items]).find(e=>e.path===r);if(i)return i.label;let a=r.split(`/`).filter(Boolean);if(a.length===0)return`Desk`;if(a[0]===`workspaces`&&a.length===2){let e=decodeURIComponent(a[1]),t=n.find(t=>t.id===e)??n.find(t=>t.name===e);return t?.label||t?.name||`Workspace`}return decodeURIComponent(a[a.length-1])}function Ik({id:e,title:t,expanded:n,focused:r,onFocus:i,onToggleExpanded:a,onClose:o,badge:s,contentHeader:c,children:l}){let u=Ce();return(0,$.jsxs)(`section`,{"data-reader-pane":c?!0:void 0,style:c&&!n?{"--reader-width":`${u??420}px`,...u?{transition:`none`}:{}}:void 0,"data-strip-col":e,className:J(`strip-canvas surface-sheet relative`,n&&`strip-canvas--wide`,r&&`strip-canvas--focused`),onPointerDownCapture:()=>i(e),"aria-label":t,children:[c&&!n&&(0,$.jsx)(rt,{edge:`right`}),!c&&(0,$.jsxs)(`header`,{className:`strip-canvas-bar`,children:[s&&(0,$.jsx)(`span`,{className:`strip-row-label`,children:s}),(0,$.jsx)(`span`,{className:`strip-canvas-title`,title:t,children:t}),(0,$.jsx)(`button`,{type:`button`,className:`strip-canvas-btn`,title:n?`Card size`:`Expand to full width`,"aria-pressed":n,onClick:()=>a(e),children:n?(0,$.jsx)(ni,{className:`size-3.5`}):(0,$.jsx)(na,{className:`size-3.5`})}),o&&(0,$.jsx)(`button`,{type:`button`,className:`strip-canvas-btn`,title:s?`Close row`:`Close canvas`,onClick:()=>o(e),children:(0,$.jsx)(mr,{className:`size-3.5`})})]}),(0,$.jsx)(`div`,{className:`strip-canvas-body`,children:l})]})}function Lk(e){return J(`relative flex-1 min-h-0 min-w-0 overflow-auto`,!xO(e)&&!bO(e)&&`p-page`)}function Rk({row:e,pathname:t,rowLabel:n,onCloseRow:r,workspaces:i}){let{focus:a,setFocus:o,toggleExpanded:s,closeCanvas:c,navigateCanvas:l}=Mt(),u=(0,Q.useCallback)(e=>t=>l(e,t),[l]);return(0,$.jsxs)($.Fragment,{children:[t===`/`?(0,$.jsx)(`div`,{hidden:!0,children:(0,$.jsx)(v,{})}):(0,$.jsx)(Ik,{id:ye,title:Fk(null,t,i),expanded:e.mainExpanded,focused:a===ye,onFocus:o,onToggleExpanded:s,badge:n,onClose:r,children:(0,$.jsx)(`main`,{id:`content-area`,className:Lk(t),children:(0,$.jsx)(v,{})})}),e.entries.map(e=>(0,$.jsx)(Ik,{id:e.id,title:Fk(e,t,i),expanded:!!e.expanded,focused:a===e.id,onFocus:o,onToggleExpanded:s,contentHeader:e.kind===`document`,onClose:c,children:e.kind===`route`?(0,$.jsx)(`div`,{className:Lk(e.location.split(`?`)[0]),children:(0,$.jsx)(Ok,{location:e.location,onNavigate:u(e.id)})}):(0,$.jsx)(`div`,{className:`flex flex-1 min-h-0 min-w-0 items-stretch`,children:(0,$.jsx)(Cn,{entry:e,onClose:()=>c(e.id),frame:{expanded:!!e.expanded,onToggleExpanded:()=>s(e.id)}})})},e.id))]})}function zk({row:e,workspaces:t}){return(0,$.jsxs)(`div`,{className:`strip-ghost-row`,"aria-hidden":!0,children:[(0,$.jsx)(`span`,{className:`strip-ghost-chip strip-ghost-chip--main`,children:Fk(null,e.main,t)}),e.entries.map(n=>(0,$.jsx)(`span`,{className:`strip-ghost-chip`,children:Fk(n,e.main,t)},n.id))]})}function Bk(){let{state:e,closeM1:t,closeM2:n}=eg(),[r,i]=(0,Q.useState)(280),{rows:a,activeRow:o,focus:s,setFocus:c,moveRow:l,closeRow:u}=Mt(),{pathname:d}=an(),{workspaces:f}=MD(d.startsWith(`/workspaces/`)||a.some(e=>e.main.startsWith(`/workspaces/`)||e.entries.some(e=>e.kind===`route`&&e.location.startsWith(`/workspaces/`)))),p=Xh(),m=(0,Q.useRef)(null);nt(t,e.m1Open&&!e.m2Open),nt(n,e.m2Open),(0,Q.useLayoutEffect)(()=>{let e=m.current;if(!e)return;let t=()=>{e.style.setProperty(`--strip-w`,`${e.clientWidth}px`),e.style.setProperty(`--strip-h`,`${e.clientHeight}px`)};t();let n=new ResizeObserver(t);return n.observe(e),()=>n.disconnect()},[]);let h=(0,Q.useRef)(e.m1Open);(0,Q.useEffect)(()=>{e.m1Open&&!h.current&&!e.m2Open&&c(`m1`),h.current=e.m1Open},[e.m1Open,e.m2Open,c]);let g=(0,Q.useRef)(e.m2Open);(0,Q.useEffect)(()=>{e.m2Open&&!g.current&&c(`m2`),!e.m2Open&&g.current&&s===`m2`&&c(e.m1Open?`m1`:ye),g.current=e.m2Open},[e.m2Open,e.m1Open,s,c]),(0,Q.useEffect)(()=>{!e.m1Open&&s===`m1`&&c(ye)},[e.m1Open,s,c]),(0,Q.useEffect)(()=>{let e=m.current,t=e?.querySelector(`[data-strip-col="${CSS.escape(s)}"]`);if(!(!e||!t))return Mk(e,Nk(e,t))},[s,a,o,e.m1Open,e.m2Open]);let _=(0,Q.useCallback)(()=>{let t=a[o];return[...e.m1Open?[`m1`]:[],...e.m2Open?[`m2`]:[],...d===`/`?[]:[ye],...t?t.entries.map(e=>e.id):[]]},[a,o,e.m1Open,e.m2Open,d]);return(0,Q.useEffect)(()=>{let e=e=>{if(e.defaultPrevented||e.isComposing||!e.key.startsWith(`Arrow`)||!Zh(e,p))return;let t=e.target;if(!(t?.closest(kk)||t?.closest(`[role="dialog"]`))){if(e.key===`ArrowLeft`||e.key===`ArrowRight`){let t=_(),n=t[Math.max(0,t.indexOf(s))+(e.key===`ArrowRight`?1:-1)];if(!n)return;e.preventDefault(),c(n)}else(e.key===`ArrowUp`||e.key===`ArrowDown`)&&a.length>1&&(e.preventDefault(),l(e.key===`ArrowDown`?1:-1))}};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[_,s,c,l,a.length,p]),(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`div`,{className:`strip-shell flex h-viewport w-full overflow-hidden surface-desk gap-shell p-shell`,children:[(0,$.jsx)(aD,{}),(0,$.jsxs)(`div`,{ref:m,className:`strip-scroller`,style:{"--strip-menu-space":`${(e.m1Open?280:0)+(e.m2Open?r:0)}px`},children:[e.m1Open&&(0,$.jsx)(`div`,{"data-strip-col":`m1`,className:J(`strip-col strip-menu-col`,s===`m1`&&`strip-col--focused`),onPointerDownCapture:()=>c(`m1`),children:(0,$.jsx)(Pk,{section:e.activeSection})}),e.m2Open&&(0,$.jsxs)(`div`,{"data-strip-col":`m2`,style:{width:r,position:`relative`},className:J(`strip-col strip-menu-col`,s===`m2`&&`strip-col--focused`),onPointerDownCapture:()=>c(`m2`),children:[(0,$.jsx)(vO,{}),(0,$.jsx)(cD,{width:r,onResize:i})]}),(0,$.jsx)(`div`,{className:`strip-rows`,style:{transform:`translateY(${-o*100}%)`},children:a.map((e,t)=>(0,$.jsx)(`div`,{className:J(`strip-row`,t===o&&`strip-row--active`),children:(0,$.jsx)(`div`,{className:`strip-row-canvases`,children:t===o?(0,$.jsx)(Rk,{row:e,workspaces:f,pathname:d,rowLabel:a.length>1?e.label:void 0,onCloseRow:t>0?()=>u(e.key):void 0}):(0,$.jsx)(zk,{row:e,workspaces:f})})},e.key))})]}),(0,$.jsx)(ZO,{}),(0,$.jsx)(gk,{})]}),(0,$.jsx)(TO,{}),(0,$.jsx)(iD,{}),(0,$.jsx)(_k,{})]})}function Vk(){let e=Vh();return(0,$.jsx)(HE,{children:(0,$.jsx)(OO,{children:(0,$.jsx)(Hp,{children:(0,$.jsx)(_p,{children:(0,$.jsx)(xk,{children:e===`strip`?(0,$.jsx)(Ek,{children:(0,$.jsx)(Xm,{children:(0,$.jsx)(Bk,{})})}):(0,$.jsxs)(Xm,{children:[(0,$.jsxs)(`div`,{className:`flex h-viewport w-full overflow-hidden surface-desk gap-shell p-shell`,children:[(0,$.jsx)(aD,{}),(0,$.jsx)(yO,{}),(0,$.jsx)(wO,{}),(0,$.jsx)(ZO,{}),(0,$.jsx)(gk,{})]}),(0,$.jsx)(TO,{}),(0,$.jsx)(iD,{}),(0,$.jsx)(_k,{})]})})})})})})}var Hk=sa,Uk=Q.forwardRef(({className:e,...t},n)=>(0,$.jsx)(ji,{ref:n,className:J(`fixed top-0 right-0 z-toast flex max-h-screen w-full flex-col-reverse gap-2 p-4 sm:right-0 sm:flex-col md:max-w-[420px]`,e),...t}));Uk.displayName=ji.displayName;var Wk=Ka(`group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-elevation-3 transition-all duration-normal data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full`,{variants:{variant:{default:`border bg-background`,destructive:`destructive group border-destructive bg-destructive text-destructive-foreground`}},defaultVariants:{variant:`default`}}),Gk=Q.forwardRef(({className:e,variant:t,...n},r)=>(0,$.jsx)(Xi,{ref:r,className:J(Wk({variant:t}),e),...n}));Gk.displayName=Xi.displayName;var Kk=Q.forwardRef(({className:e,...t},n)=>(0,$.jsx)(Ca,{ref:n,className:J(`inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive`,e),...t}));Kk.displayName=Ca.displayName;var qk=Q.forwardRef(({className:e,...t},n)=>(0,$.jsx)(yi,{ref:n,className:J(`absolute right-2 top-2 rounded-md p-1 text-foreground/50 reveal-on-hover hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-[.destructive]:text-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive group-[.destructive]:focus:ring-offset-destructive`,e),"toast-close":``,...t,children:(0,$.jsx)(mr,{className:`h-4 w-4`})}));qk.displayName=yi.displayName;var Jk=Q.forwardRef(({className:e,...t},n)=>(0,$.jsx)(Ii,{ref:n,className:J(`text-sm font-semibold`,e),...t}));Jk.displayName=Ii.displayName;var Yk=Q.forwardRef(({className:e,...t},n)=>(0,$.jsx)(Ei,{ref:n,className:J(`text-sm opacity-90`,e),...t}));Yk.displayName=Ei.displayName;var Xk=`canvas-notifications`,Zk=`notifications`,Qk=`canvas:notification-history`,$k,eA;function tA(){try{let e=localStorage.getItem(`authToken`);if(e){let t=Ja(e),n=t.sub||t.userId||t.id||t.email;if(typeof n==`string`||typeof n==`number`)return JSON.stringify([t.iss||``,n])}}catch{}return`anonymous`}function nA(){return $k||=new Promise((e,t)=>{let n=indexedDB.open(Xk,1);n.onupgradeneeded=()=>{n.result.createObjectStore(Zk,{keyPath:[`account`,`id`]}).createIndex(`account`,`account`)},n.onsuccess=()=>{let t=n.result;t.onversionchange=()=>{t.close(),$k=void 0},e(t)},n.onerror=()=>t(n.error)}).catch(e=>{throw $k=void 0,e}),$k}function rA(){return!eA&&typeof BroadcastChannel<`u`&&(eA=new BroadcastChannel(Qk),eA.onmessage=e=>window.dispatchEvent(new CustomEvent(Qk,{detail:e.data}))),eA}function iA(e,t=!1){let n={account:e,error:t};window.dispatchEvent(new CustomEvent(Qk,{detail:n})),t||rA()?.postMessage(n)}function aA(e,t){rA();let n=n=>{let r=n.detail;r?.account===e&&t(!!r.error)};return window.addEventListener(Qk,n),()=>window.removeEventListener(Qk,n)}async function oA(e){let t=await nA();return new Promise((n,r)=>{let i=t.transaction(Zk,`readonly`),a=i.objectStore(Zk).index(`account`).getAll(e);i.oncomplete=()=>n(a.result.sort((e,t)=>e.timestamp.localeCompare(t.timestamp)||e.id.localeCompare(t.id))),i.onabort=()=>r(i.error),i.onerror=()=>r(i.error)})}async function sA(e,t){try{let n=await nA();await new Promise((e,r)=>{let i=n.transaction(Zk,`readwrite`);i.oncomplete=()=>e(),i.onabort=()=>r(i.error),i.onerror=()=>r(i.error),t(i.objectStore(Zk))}),iA(e)}catch(t){throw iA(e,!0),t}}function cA(e,t){return sA(e,n=>{let r=n.get([e,t.id]);r.onsuccess=()=>{r.result||n.put({...t,account:e})}})}function lA(e,t,n){return sA(e,r=>{let i=r.get([e,t]);i.onsuccess=()=>{i.result&&r.put({...i.result,...n})}})}function uA(e,t){return sA(e,n=>{n.delete([e,t])})}function dA(e){return sA(e,t=>{let n=t.index(`account`).openKeyCursor(e);n.onsuccess=()=>{n.result&&(t.delete(n.result.primaryKey),n.result.continue())}})}function fA({children:e}){let[t,n]=(0,Q.useState)([]),r=(0,Q.useRef)(new Set),i=(0,Q.useCallback)((e,t=!0)=>{if($a(e.description)||$a(e.title))return;let i=`${e.title}:${e.description??``}`;if(t&&(e.historyId||!r.current.has(i))){let t=e.timestamp?new Date(e.timestamp):new Date;cA(tA(),{id:e.historyId||crypto.randomUUID(),title:e.title,text:e.description||``,timestamp:Number.isNaN(t.getTime())?new Date().toISOString():t.toISOString(),status:e.variant===`destructive`?`error`:`info`}).catch(()=>{})}if(r.current.has(i))return;r.current.add(i);let a=Math.random().toString(36).substring(2,9);n(t=>[...t,{...e,id:a}]),setTimeout(()=>{n(e=>e.filter(e=>e.id!==a)),r.current.delete(i)},5e3)},[]),a=(0,Q.useCallback)(e=>{let t=crypto.randomUUID(),r=tA();cA(r,{id:t,title:e.title,text:e.description||``,timestamp:new Date().toISOString(),status:`started`}).catch(()=>{}),n(n=>[...n,{...e,id:t,busy:!0}]);let a=!1,o=(e,o=!1)=>{a||(a=!0,n(e=>e.filter(e=>e.id!==t)),lA(r,t,{...e?{title:e.title,text:e.description||``}:{},status:o||e?.variant===`destructive`?`error`:`completed`}).catch(()=>{}),e&&i(e,!1))};return{update:e=>{a||n(n=>n.map(n=>n.id===t?{...n,...e}:n))},done:e=>o(e),fail:e=>o(e,!0)}},[i]),o=(0,Q.useMemo)(()=>({showToast:i,showProgress:a}),[i,a]);return(0,$.jsx)(_o.Provider,{value:o,children:(0,$.jsxs)(Hk,{children:[e,t.map(e=>(0,$.jsxs)(Gk,{variant:e.variant,duration:e.busy?1/0:void 0,children:[(0,$.jsxs)(`div`,{className:`grid gap-1`,children:[(0,$.jsxs)(Jk,{className:`flex items-center gap-2`,children:[e.busy&&(0,$.jsx)(Ta,{className:`h-3.5 w-3.5 shrink-0 animate-spin`}),e.title]}),e.description!=null&&(0,$.jsx)(Yk,{children:e.description})]}),!e.busy&&(0,$.jsx)(qk,{})]},e.id)),(0,$.jsx)(Uk,{})]})})}function pA({children:e}){let[t]=(0,Q.useState)(tA),[n,r]=(0,Q.useState)([]),[i,a]=(0,Q.useState)(!0),[o,s]=(0,Q.useState)(!1),{showToast:c}=vo();(0,Q.useEffect)(()=>{let e=!0,n=0,i=async()=>{let i=++n;try{let o=await oA(t);e&&i===n&&(r(o),a(!1))}catch{e&&(s(!0),a(!1))}},o=aA(t,e=>{s(e),e||i()});return i(),()=>{e=!1,o()}},[t]),(0,Q.useEffect)(()=>L.on(`notification`,e=>{let t=e;!t||![`string`,`number`].includes(typeof t.id)||typeof t.text!=`string`||!t.text||c({title:`Notification`,description:t.text,historyId:`message:${t.id}`,timestamp:typeof t.timestamp==`string`?t.timestamp:void 0})}),[c]);let l=(0,Q.useCallback)(async()=>{try{await dA(t)}catch{}},[t]),u=(0,Q.useCallback)(async e=>{try{await uA(t,e)}catch{}},[t]);return(0,$.jsx)(QO.Provider,{value:{notifications:n,loading:i,storageError:o,clear:l,remove:u},children:e})}var mA=e=>`${e.workspaceName}\0${e.treeName}\0${e.path}`;function hA({children:e}){let[t,n]=(0,Q.useState)(null),[r,i]=(0,Q.useState)(!0);(0,Q.useEffect)(()=>{let e=!1;return BD().then(t=>{e||n(t)}).catch(()=>{e||n({})}).finally(()=>{e||i(!1)}),()=>{e=!0}},[]);let a=(0,Q.useMemo)(()=>t?.home?.pinnedCanvases??[],[t]),[o]=(0,Q.useState)(()=>Av(BD,VD,n)),s=(0,Q.useCallback)(e=>a.some(t=>mA(t)===mA(e)),[a]),c=(0,Q.useCallback)(async e=>{let t=crypto.randomUUID();await o(n=>n.some(t=>mA(t)===mA(e))?n:[...n,{id:t,...e}])},[o]),l=(0,Q.useCallback)(async e=>{await o(t=>t.filter(t=>t.id!==e))},[o]),u=(0,Q.useCallback)(async(e,t)=>{await o(n=>n.map(n=>n.id===e?{...n,minimized:t}:n))},[o]),d=(0,Q.useCallback)(async(e,t)=>{await o(n=>{let r=n.find(t=>t.id===e);if(!r||e===t)return n;let i=n.filter(t=>t.id!==e),a=t===null?i.length:i.findIndex(e=>e.id===t);return a===-1?n:[...i.slice(0,a),r,...i.slice(a)]})},[o]),f=(0,Q.useMemo)(()=>({pins:a,isLoading:r,isPinned:s,pin:c,unpin:l,movePin:d,setMinimized:u}),[a,r,s,c,l,d,u]);return(0,$.jsx)(x_.Provider,{value:f,children:e})}var gA=(0,Q.lazy)(()=>g(()=>import(`./NextShell-DNv3mVFo.js`),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9])));function _A(){let{showToast:e}=vo();return(0,Q.useEffect)(()=>{to((t,n)=>{e({title:`Error`,description:n?`${t.message} (${n})`:t.message,variant:`destructive`})})},[e]),(0,Q.useEffect)(()=>KE(),[]),(0,$.jsxs)(se,{children:[(0,$.jsx)(zE,{}),(0,$.jsx)(lh,{}),(0,$.jsxs)(Ht,{children:[(0,$.jsx)(ft,{path:`/login`,element:(0,$.jsx)(vu,{children:(0,$.jsx)(mu,{})})}),(0,$.jsx)(ft,{path:`/register`,element:(0,$.jsx)(vu,{children:(0,$.jsx)(hu,{})})}),(0,$.jsx)(ft,{path:`/auth/google/callback`,element:(0,$.jsx)(vu,{children:(0,$.jsx)(gu,{})})}),(0,$.jsx)(ft,{path:`/pub/c/:code`,element:(0,$.jsx)(Ff,{})}),(0,$.jsx)(ft,{path:`/apps/:appletId`,element:(0,$.jsx)(_u,{children:(0,$.jsx)(Qm,{})})}),(0,$.jsx)(ft,{path:`/next/*`,element:(0,$.jsx)(_u,{children:(0,$.jsx)(Q.Suspense,{fallback:null,children:(0,$.jsx)(gA,{})})})}),(0,$.jsx)(ft,{path:`/`,element:(0,$.jsx)(_u,{children:(0,$.jsx)(pA,{children:(0,$.jsx)(hA,{children:(0,$.jsx)(Vk,{})})})}),children:PE}),(0,$.jsx)(ft,{path:`*`,element:(0,$.jsx)(qe,{to:`/`,replace:!0})})]})]})}function vA(){return(0,$.jsx)(lx,{children:(0,$.jsx)(fA,{children:(0,$.jsx)(_A,{})})})}Db(),yb(),(0,Ml.createRoot)(document.getElementById(`root`)).render((0,$.jsx)(Q.StrictMode,{children:(0,$.jsx)(vA,{})}));
|