collabmd 0.1.31 → 0.1.32

package/dist/client/assets/vault-api-client-Bf9tB_GW.js

@@ -0,0 +1 @@
+import{l as e,n as t}from"./runtime-config-CqhchMC4.js";var n={enabled:!1,implemented:!0,loginEndpoint:`/api/auth/oidc/login`,passwordLabel:`Password`,provider:``,requiresLogin:!1,sessionEndpoint:`/api/auth/session`,statusEndpoint:`/api/auth/status`,strategy:`none`,submitLabel:`Continue`},r=`data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAIAAAABc2X6AAAGsklEQVR4Ae3cA3jsShgG4Gvbtu1js7aObdu2bdbudmvbtu1VtUg2ydw7x95mstnt5rZ5voflG80/fzL72L89bOsF94J7wWgb2dSgiAzpPHmwbfPK1qWzxDNsRdb6Ar2BgtF9hSbDRbYG4mk2beuXwm+Q89yV+TmAILgHptrb5DyPtg3LhBZjBCP+RovewNZlc2TOl8nGel0HA4LA4qPhkRSM6XcHoEYk86fIfT2AQqFzYIBjMncHofkoZBWNCM1GSq+cpdpadQIMKEoRzIeXIroEkW08TObpDAiiO8F4Tga85TBnoEc8xVKZm9UNYECS0stnBCP/Ud+AnJH/SC+eAiShPTDZ3CRZPIN9CUokC6ZSYqE2wHhmKhw/2TegR2RnSFSUaRaMJccLxg7QsAQhktkTAACaAmOxkbA80h2taKIZKWzR1BFWRAQLRvXhphYdDEtcWDxxU4sOhjdDkdVYbmrRwYAgJIums3RTNWrftbHz/AmZh5MiLBAGVqOdZ4+1790inmrFvpYZuPPEATWdknmT5f7eZEN9V2N7o9zPu3XNInQte2BlcYE6tVTbltXw4kf9h5QlhW3rliBr1QcDAODsjPFlhmelqfNvKQty4S9B0KoPVgTxmWk7Tx0COMZCF6GzA3ZC0LWMwJSsTWiOXj+O6iP382KzowAAvMOhaxmAqw/Ijr4tGPsHgnbsACwxlpNNPABIIv5LIvxpzOVlkdXPNMGK8CCudi2pFi+ovRFlwLOtc7/uUgvnxhxu05LpIyD17nTu+EAw8q9HaVtXzgcAcBUMcAER/sx9YBj5pdeExr897NLtT9TVcLgRTzVcgbyHBuc9L5n8PdLJzAEwmWP1KDCMMvTp9jWf3tbC1gdQKDgMBhRBRL0GYaojO35zxOo8fZjbz5ZAZz700Anm9pLI9g+yoY7bYKrJBWJoRpk8SJ0/fDoc13QuRuNdgMmydfTBZPkGdcDDd0q1EDkOVIKzTOiDKVGY7oPLmylVYCKlL30wIKW6D44tJlSCE76nC45+CwHXfWDfdKVKcMwHdMEJ33MC7JqEqwRHvEgXnDaYE+ArMayBB3ECDAennnVKn4tUDU74gS446k1OgB3i8Z41LHmkKHtW4eGfpRpctv5/VlomlxOsTR6kKQN1H1wnptiZHpYFv27pMbqus4kxOChbySzTz8loakfukhIkYKEBEBzw6SBXk79cLQ5lXv5XuxtJAaMDdA/v+JMydVs8irBnDvB+g9QbGeY1SUFg2gTn1JD0z+cdPIVaTbym0JemeQ6FzrtzJtdFm+DT4Rh9MD9DybxNmxL03mg3g/u0MP3cbWo6GrWjbZMBg/0Id6wqAcWwEX+F/10fVzPIe2jmRW3VTiP+VBjC4bU6KgMAID9qaQt9frl3P6hSndOaP7HrxdSYPQiH92QYhvAwTRH7KdSWBL9h5j4GeugkqDpWc1oZBqaelSGNwMWNJMLjUkHxBn//zwZeH3topr+7bWxDmia0AID17gok7aTTMrTnw1KsfZTPVMhAyj9uVl5lIexqcQLs4KFpYXjpSjQw3HwrIqCBQQ5mXsZInBWtoIOac1GOqrU4IsUJwOSllsmha5iZTf3npzXnqXka+1dFmzo4D9vZgQp2TsAZvrZUIC7729WSmRlmVfz+HGExKpUCVGJj1oSQlTd+SZ9Lm4bubqKvtTkmk+OAIRhu+zMu3jEwyqTQ1d7lofWdzV0VyWSxpPJkjpOB76z7fsPfjjOHHMhBb0QzAhMUMS18nRrgOzHkz96YdPR4toNTMT+gKjq4OtatNPBCvgfcp9PD1w/wsFP14y7WA4/zu9SudVWw8HKpUC4Zw5uOLmQ//c4fGrZL8iit+WEpvMmxAIZbtrCor7uNLpj/ubpk6N6Kh059M6tINl8Qh4UUHGa73wzjNGHQ4dj7wC6JOPtLACLqkvq4WeuE2cWi/+nLt0csOKnQ1CKP+IYMWELqgPnGiLVh6O7Go8GYZpfxpDbnwkaHjpj3JfLRV7Wgb01SARxIupc6wntyfGOG9pbikRQJmzvodRg7mRq2tkkm7IbFlhktBdaBS7SsPZx1haDIbltOSwGKXxl5px7UZGaEb8gXlerEgmmMxB2KfEciTKHRAsvbmPo0nVsST1BEdH3Kyrh9bJVlQ7wmbk05USSu0PUPPWjDOtxLg5bF7h7tM42B08x//o7U0/AmrCSV3PtYiwZpS3B13MHMS/DIz4rYaBO0VM93JpwbwaJtqNfEsbwZFgEL50VtgcJLBV6wK9aKtfd+cEkvuBfcC37k9h8VGR+csPdltgAAAABJRU5ErkJggg==`;function i(){return{...n,...t().auth??{}}}function a(){let e=window.location.hash.startsWith(`#`)?window.location.hash.slice(1):window.location.hash;return new URLSearchParams(e)}function o(){return a().get(`auth_password`)||``}function s(){let e=a();if(!e.has(`auth_password`))return;e.delete(`auth_password`);let t=e.toString(),n=`${window.location.pathname}${window.location.search}${t?`#${t}`:``}`;window.history.replaceState(null,``,n)}function c(e){let t=a(),n=t.get(e)||``;if(!n)return``;t.delete(e);let r=t.toString(),i=`${window.location.pathname}${window.location.search}${r?`#${r}`:``}`;return window.history.replaceState(null,``,i),n}function l(){return`${window.location.pathname}${window.location.search}${window.location.hash}`}async function u(e){let t=await fetch(e.statusEndpoint,{headers:{Accept:`application/json`}}),n=await t.json().catch(()=>({}));if(!t.ok)throw Error(n.error||`Failed to read auth status`);return n}function d(e){let t=e?.auth??{};if(t.strategy!==`oidc`||t.provider!==`google`)return;let n=String(e?.user?.name??``).trim();if(n)try{window.localStorage.setItem(`collabmd-user-name`,n)}catch{}}async function f(e,t){let n=await fetch(e.sessionEndpoint,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({password:t})}),r=await n.json().catch(()=>({}));if(!n.ok)throw Error(r.error||`Authentication failed`);return r}function p(){let e=document.createElement(`div`);e.className=`auth-gate-overlay`;let t=document.createElement(`section`);return t.className=`auth-gate-card`,e.append(t),{card:t,overlay:e}}function m(){let e=document.createElement(`span`);e.className=`auth-gate-button__icon`,e.setAttribute(`aria-hidden`,`true`);let t=document.createElement(`img`);return t.alt=``,t.decoding=`async`,t.height=20,t.loading=`eager`,t.src=r,t.width=20,e.append(t),e}function h(e,t,{errorMessage:n=``}){e.replaceChildren();let r=document.createElement(`h1`);r.textContent=`Authentication required`;let i=document.createElement(`p`);i.textContent=`Sign in with Google to join this session.`;let a=document.createElement(`div`);a.className=`auth-gate-actions`;let o=document.createElement(`button`);o.className=`ui-button ui-button--secondary auth-gate-button auth-gate-button--google`,o.type=`button`,o.append(m(),document.createTextNode(t.submitLabel||`Continue with Google`));let s=document.createElement(`div`);s.className=`auth-gate-error`,s.textContent=n,a.append(o),e.append(r,i,s,a),o.addEventListener(`click`,()=>{let e=new URL(t.loginEndpoint,window.location.origin);e.searchParams.set(`returnTo`,l()),window.location.assign(e.toString())})}function g(e,{title:t,body:n,secondaryActionLabel:r=``,onSecondaryAction:i=null}){e.replaceChildren();let a=document.createElement(`h1`);a.textContent=t;let o=document.createElement(`p`);if(o.textContent=n,e.append(a,o),r&&typeof i==`function`){let t=document.createElement(`button`);t.className=`ui-button ui-button--secondary auth-gate-secondary-button`,t.type=`button`,t.textContent=r,t.addEventListener(`click`,()=>{i()}),e.append(t)}}function _(e,t,{onSubmit:n}){e.replaceChildren();let r=document.createElement(`h1`);r.textContent=`Authentication required`;let i=document.createElement(`p`);i.textContent=`Enter the host password to join this shared session.`;let a=document.createElement(`form`);a.className=`auth-gate-form`;let o=document.createElement(`label`);o.className=`auth-gate-label`,o.textContent=t.passwordLabel;let s=document.createElement(`input`);s.className=`ui-input auth-gate-input`,s.type=`password`,s.name=`password`,s.autocomplete=`current-password`,s.required=!0;let c=document.createElement(`div`);c.className=`auth-gate-error`;let l=document.createElement(`div`);l.className=`auth-gate-actions`;let u=document.createElement(`button`);u.className=`ui-button ui-button--primary auth-gate-button`,u.type=`submit`,u.textContent=t.submitLabel,l.append(u),o.append(s),a.append(r,i,o,c,l),e.append(a),a.addEventListener(`submit`,e=>{e.preventDefault();let t=s.value;s.disabled=!0,u.disabled=!0,c.textContent=``,n(t).catch(e=>{c.textContent=e instanceof Error?e.message:`Authentication failed`,s.disabled=!1,u.disabled=!1,s.select(),s.focus()})}),queueMicrotask(()=>{s.focus()})}async function v(){let e=i();if(!e.enabled||e.strategy===`none`)return{authenticated:!0,auth:e};let{card:t,overlay:n}=p();document.body.append(n);let r=c(`auth_error`);return new Promise(i=>{let a=(t=null)=>{s(),d(t),n.remove(),i({authenticated:!0,auth:t?.auth??e,user:t?.user??null})};(async()=>{g(t,{body:`Checking access to this session…`,title:`CollabMD`});try{let t=await u(e);if(t.authenticated){a(t);return}}catch(e){g(t,{body:e instanceof Error?`${e.message} Refresh the page and try again.`:`Failed to contact the auth service. Refresh the page and try again.`,title:`Cannot verify access`});return}if(e.strategy===`password`){let n=o();if(n)try{s(),await f(e,n),a();return}catch{}_(t,e,{onSubmit:async t=>{await f(e,t),a()}});return}if(e.strategy===`oidc`){h(t,e,{errorMessage:r}),r=``;return}g(t,{body:`This authentication strategy is not available.`,title:`Authentication unavailable`})})()})}function y(e){return encodeURIComponent(String(e??``))}function b(e){return String(e??``).replace(/\/+$/u,``).split(`/`).filter(Boolean).pop()||``}function x(e,t){let n=URL.createObjectURL(e),r=document.createElement(`a`);r.href=n,r.download=t,document.body.appendChild(r),r.click(),r.remove(),window.setTimeout(()=>URL.revokeObjectURL(n),0)}function S(e=``,t=`download`){let n=String(e).match(/filename\*=UTF-8''([^;]+)/iu);if(n)try{return decodeURIComponent(n[1])}catch{return t}return String(e).match(/filename="([^"]+)"/iu)?.[1]||t}function C(e,t={}){let n={...t};return e&&(n[`X-CollabMD-Request-Id`]=String(e)),n}async function w(e,t){let n=await e.json().catch(()=>({}));if(!e.ok||n.ok===!1){let r=Error(n.error||t);throw r.status=e.status,r.body=n,r}return n}async function T(e,{fallbackError:t,fallbackFileName:n}={}){let r=await fetch(e);if(!r.ok){let e=await r.json().catch(()=>({}));throw Error(e.error||t)}return x(await r.blob(),S(r.headers.get(`content-disposition`)||``,n)),r}var E=new class{async readTree(){return w(await fetch(e(`/files`)),`Failed to load file tree`)}async readFile(t){return w(await fetch(e(`/file?path=${encodeURIComponent(t)}`)),`Failed to read file`)}async queryBase({activeFilePath:t=``,path:n=``,search:r=``,source:i=null,sourcePath:a=``,view:o=``}={}){return w(await fetch(e(`/base/query`),{body:JSON.stringify({activeFilePath:t,path:n,search:r,source:i,sourcePath:a,view:o}),headers:{"Content-Type":`application/json`},method:`POST`}),`Failed to query base`)}async exportBaseCsv({activeFilePath:t=``,path:n=``,search:r=``,source:i=null,sourcePath:a=``,view:o=``}={}){let s=await fetch(e(`/base/export`),{body:JSON.stringify({activeFilePath:t,path:n,search:r,source:i,sourcePath:a,view:o}),headers:{"Content-Type":`application/json`},method:`POST`});if(!s.ok){let e=await s.json().catch(()=>({}));throw Error(e.error||`Failed to export base CSV`)}return{blob:await s.blob(),contentDisposition:s.headers.get(`content-disposition`)||``}}async createFile({content:t,path:n,requestId:r=null}){return w(await fetch(e(`/file`),{body:JSON.stringify({content:t,path:n}),headers:C(r,{"Content-Type":`application/json`}),method:`POST`}),`Failed to create file`)}async writeFile({content:t,path:n,requestId:r=null}){return w(await fetch(e(`/file`),{body:JSON.stringify({content:t,path:n}),headers:C(r,{"Content-Type":`application/json`}),method:`PUT`}),`Failed to write file`)}async renameFile({oldPath:t,newPath:n,requestId:r=null}){return w(await fetch(e(`/file`),{body:JSON.stringify({newPath:n,oldPath:t}),headers:C(r,{"Content-Type":`application/json`}),method:`PATCH`}),`Failed to rename file`)}async deleteFile(t,{requestId:n=null}={}){return w(await fetch(e(`/file?path=${encodeURIComponent(t)}`),{headers:n?C(n):void 0,method:`DELETE`}),`Failed to delete file`)}async createDirectory(t,{requestId:n=null}={}){return w(await fetch(e(`/directory`),{body:JSON.stringify({path:t}),headers:C(n,{"Content-Type":`application/json`}),method:`POST`}),`Failed to create folder`)}async renameDirectory({oldPath:t,newPath:n,requestId:r=null}){return w(await fetch(e(`/directory`),{body:JSON.stringify({newPath:n,oldPath:t}),headers:C(r,{"Content-Type":`application/json`}),method:`PATCH`}),`Failed to rename folder`)}async deleteDirectory(t,{recursive:n=!1,requestId:r=null}={}){let i=new URLSearchParams({path:String(t??``)});return n&&i.set(`recursive`,`1`),w(await fetch(e(`/directory?${i.toString()}`),{headers:r?C(r):void 0,method:`DELETE`}),`Failed to delete folder`)}async uploadImageAttachment({file:t,fileName:n=``,sourcePath:r}){return w(await fetch(e(`/attachments`),{body:t,headers:{"Content-Type":t?.type||`application/octet-stream`,"X-CollabMD-File-Name":y(n),"X-CollabMD-Source-Path":y(r)},method:`POST`}),`Failed to upload image`)}async downloadFile(t){let n=b(t)||`download`;return T(e(`/download/file?path=${encodeURIComponent(t)}`),{fallbackError:`Failed to download file`,fallbackFileName:n})}async downloadDirectory(t){let n=b(t)||`vault`;return T(e(`/download/directory?path=${encodeURIComponent(t)}`),{fallbackError:`Failed to download folder`,fallbackFileName:`${n}.zip`})}};export{v as n,E as t};

package/dist/client/assets/vault-api-client-D7Ck0CvR.css

@@ -0,0 +1 @@
+.auth-gate-overlay{z-index:5000;padding:var(--space-6);background:radial-gradient(circle at 50% 8%, oklch(from var(--color-primary) l c h / .18), transparent 28%), radial-gradient(circle at 60% 45%, oklch(from var(--color-primary) l c h / .08), transparent 18%), linear-gradient(180deg, oklch(from var(--color-bg) calc(l - .06) c h / .9), oklch(from var(--color-bg) calc(l - .08) c h / .96));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-gate-card{width:min(100%,440px);padding:var(--space-8);border:1px solid var(--border-accent-soft);border-radius:var(--radius-xl-plus);background:linear-gradient(180deg, var(--color-surface), var(--color-surface-2));color:var(--color-text);box-shadow:var(--shadow-card-strong), var(--shadow-sheet-inset);font-family:var(--font-body)}.auth-gate-card h1{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.04em;margin:0 0 10px;line-height:1.05}.auth-gate-card p{color:var(--color-text-muted);line-height:1.5;font-size:var(--text-sm);margin:0 0 22px}.auth-gate-form{gap:var(--space-3);display:grid}.auth-gate-label{gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;display:grid}.auth-gate-input{min-height:var(--control-h-lg);border-radius:var(--radius-xl);background:var(--surface-overlay);color:inherit}.auth-gate-input:focus{background:var(--surface-overlay-soft)}.auth-gate-actions{gap:var(--space-3);display:grid}.auth-gate-button,.auth-gate-secondary-button{width:100%;min-height:var(--control-h-lg);border-radius:var(--radius-xl);justify-content:center;transition:transform .16s,box-shadow .16s,border-color .16s,background-color .16s,color .16s}.auth-gate-button:hover,.auth-gate-secondary-button:hover{transform:translateY(-1px)}.auth-gate-button:focus-visible,.auth-gate-secondary-button:focus-visible{outline:3px solid oklch(from var(--color-primary) l c h / .3);outline-offset:2px}.auth-gate-button{box-shadow:var(--shadow-floating-soft);font-weight:600}.auth-gate-button:hover{box-shadow:var(--shadow-floating-hover)}.auth-gate-secondary-button{background:var(--surface-overlay)}.auth-gate-secondary-button:hover{background:var(--surface-overlay-soft)}.auth-gate-button[disabled],.auth-gate-secondary-button[disabled]{opacity:.7;cursor:wait;transform:none}.auth-gate-button--google{background:var(--color-surface-raised);color:var(--color-text);border-color:var(--color-border);box-shadow:var(--shadow-elevated-soft), var(--shadow-sheet-inset)}.auth-gate-button--google:hover{background:var(--surface-overlay-soft)}.auth-gate-button__icon{flex:none;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.auth-gate-button__icon img{object-fit:contain;width:100%;height:100%;display:block}.auth-gate-error{min-height:1.25rem;color:var(--color-error);font-size:var(--text-sm);margin-bottom:var(--space-1)}@media (width<=640px){.auth-gate-overlay{padding:var(--space-4)}.auth-gate-card{padding:var(--space-6);border-radius:var(--radius-xl)}}

package/dist/client/drawio-editor.html

@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>draw.io — CollabMD</title>
-  <script type="module" crossorigin src="./assets/drawioEditor-DGpo2hcx.js"></script>
+  <script type="module" crossorigin src="./assets/drawioEditor-ClmnTx5J.js"></script>
   <link rel="modulepreload" crossorigin href="./assets/runtime-config-loader-_D2KZKn-.js">
   <link rel="modulepreload" crossorigin href="./assets/preload-helper-Bo9GmnuQ.js">
 </head>

package/dist/client/excalidraw-editor.html

@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Excalidraw — CollabMD</title>
-  <script type="module" crossorigin src="./assets/excalidrawEditor-BhaTX2Ko.js"></script>
+  <script type="module" crossorigin src="./assets/excalidrawEditor-DoH_kMdu.js"></script>
   <link rel="modulepreload" crossorigin href="./assets/runtime-config-loader-_D2KZKn-.js">
   <link rel="modulepreload" crossorigin href="./assets/preload-helper-Bo9GmnuQ.js">
 </head>

package/dist/client/export-document.html

@@ -4,12 +4,12 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>CollabMD Export</title>
-  <script type="module" crossorigin src="./assets/exportDocument-CtZKWE2c.js"></script>
+  <script type="module" crossorigin src="./assets/exportDocument-Bia2hI25.js"></script>
   <link rel="modulepreload" crossorigin href="./assets/runtime-config-loader-_D2KZKn-.js">
   <link rel="modulepreload" crossorigin href="./assets/preload-helper-Bo9GmnuQ.js">
   <link rel="modulepreload" crossorigin href="./assets/base-h1uscjTi.js">
   <link rel="stylesheet" crossorigin href="./assets/base-CaIEJUF9.css">
-  <link rel="stylesheet" crossorigin href="./assets/exportDocument-DmV7Gngb.css">
+  <link rel="stylesheet" crossorigin href="./assets/exportDocument-9wTrBZNS.css">
 </head>
 <body data-theme="light" data-surface="export-document">
   <main class="export-page-shell">

package/dist/client/index.html

@@ -15,12 +15,12 @@
       document.documentElement.setAttribute('data-initial-file-requested', 'true');
     }
   </script>
-  <script type="module" crossorigin src="./assets/index-kPgEYvEX.js"></script>
+  <script type="module" crossorigin src="./assets/index-C8QZYHvV.js"></script>
   <link rel="modulepreload" crossorigin href="./assets/runtime-config-loader-_D2KZKn-.js">
   <link rel="modulepreload" crossorigin href="./assets/preload-helper-Bo9GmnuQ.js">
   <link rel="modulepreload" crossorigin href="./assets/base-h1uscjTi.js">
   <link rel="stylesheet" crossorigin href="./assets/base-CaIEJUF9.css">
-  <link rel="stylesheet" crossorigin href="./assets/index-D69HOZHr.css">
+  <link rel="stylesheet" crossorigin href="./assets/index-CxSbUTs2.css">
 </head>
 <body>
   <div id="appRoot"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "collabmd",
-  "version": "0.1.31",
+  "version": "0.1.32",
   "type": "module",
   "description": "Collaborative markdown vault — like Obsidian, but online. Serve any directory of markdown files for realtime collaborative editing.",
   "repository": {
@@ -71,7 +71,10 @@
     "@codemirror/theme-one-dark": "^6.1.3",
     "@codemirror/view": "^6.40.0",
     "@excalidraw/excalidraw": "0.18.0-4a5c9e9",
+    "@fontsource-variable/inter": "^5.2.8",
+    "@fontsource/jetbrains-mono": "^5.2.8",
     "@turbodocx/html-to-docx": "^1.20.1",
+    "archiver": "^7.0.1",
     "highlight.js": "^11.11.1",
     "js-yaml": "^4.1.1",
     "lib0": "^0.2.117",

package/src/client/app/main-entry.js

@@ -1,5 +1,7 @@
 import darkHighlightThemeUrl from '../assets/vendor/highlight/github-dark.min.css?url';
 import lightHighlightThemeUrl from '../assets/vendor/highlight/github.min.css?url';
+import '@fontsource-variable/inter';
+import '@fontsource/jetbrains-mono';
 import '../styles/base.css';
 import '../styles/style.css';
 

package/src/client/application/app-shell/git-feature.js

@@ -1,5 +1,4 @@
 import { createWorkspaceChange } from '../../../domain/workspace-change.js';
-import { resolveApiUrl } from '../../domain/runtime-paths.js';
 import { createWorkspaceRequestId } from '../../domain/workspace-request-id.js';
 
 function normalizeWorkspaceChange(workspaceChange = {}) {
@@ -257,15 +256,10 @@ export const gitFeature = {
     this.syncFileHistoryButton({ filePath: resolvedCurrentFilePath, mode: 'history-preview' });
 
     try {
-      const query = new URLSearchParams();
-      query.set('hash', hash);
-      query.set('path', filePath);
-      const response = await fetch(resolveApiUrl(`/git/file-snapshot?${query.toString()}`));
-      const data = await response.json();
-      if (!response.ok) {
-        throw new Error(data.error || 'Failed to load historical file preview');
-      }
-
+      const data = await this.gitApiClient.readFileSnapshot({
+        hash,
+        path: filePath,
+      });
       this.setStaticPreviewDocument?.({
         ...data,
         currentFilePath: resolvedCurrentFilePath,
@@ -286,7 +280,7 @@ export const gitFeature = {
       }
 
       this.elements.outlineToggle?.classList.add('hidden');
-      this.renderTextFilePreview({
+      this.renderTextFilePreview?.({
         content: data.content,
         filePath: resolvedCurrentFilePath,
       });
@@ -294,7 +288,7 @@ export const gitFeature = {
       console.error('[git-preview] Failed to load file snapshot:', error);
       this.clearStaticPreviewDocument?.();
       this.toastController.show('Failed to load historical file preview');
-      this.renderTextFilePreview({
+      this.renderTextFilePreview?.({
         content: 'Failed to load historical file preview.',
         filePath: resolvedCurrentFilePath,
       });
@@ -302,28 +296,26 @@ export const gitFeature = {
     }
   },
 
-  async postGitAction(endpoint, payload) {
+  async postGitAction(actionName, payload) {
     const requestId = createWorkspaceRequestId();
     this.pendingWorkspaceRequestIds?.add(requestId);
     try {
-      const response = await fetch(endpoint, {
-        body: JSON.stringify(payload),
-        headers: {
-          'Content-Type': 'application/json',
-          'X-CollabMD-Request-Id': requestId,
-        },
-        method: 'POST',
-      });
-      const data = await response.json();
-      if (!response.ok) {
-        this.pendingWorkspaceRequestIds?.delete(requestId);
-        const error = new Error(data.error || 'Git action failed');
-        if (typeof data?.code === 'string') {
-          error.code = data.code;
-        }
-        throw error;
+      switch (actionName) {
+        case 'stage':
+          return await this.gitApiClient.stageFile({ path: payload.path, requestId });
+        case 'unstage':
+          return await this.gitApiClient.unstageFile({ path: payload.path, requestId });
+        case 'push':
+          return await this.gitApiClient.pushBranch({ requestId });
+        case 'pull':
+          return await this.gitApiClient.pullBranch({ requestId });
+        case 'reset-file':
+          return await this.gitApiClient.resetFile({ path: payload.path, requestId });
+        case 'commit':
+          return await this.gitApiClient.commit({ message: payload.message, requestId });
+        default:
+          throw new Error(`Unsupported git action: ${actionName}`);
       }
-      return data;
     } catch (error) {
       this.pendingWorkspaceRequestIds?.delete(requestId);
       throw error;
@@ -483,7 +475,7 @@ export const gitFeature = {
     }
 
     await this.runGitActionWithStatus('Staging changes...', async () => {
-      const result = await this.postGitAction(resolveApiUrl('/git/stage'), { path: filePath });
+      const result = await this.postGitAction('stage', { path: filePath });
       await this.finalizeGitAction({
         action: 'stage',
         filePath,
@@ -499,7 +491,7 @@ export const gitFeature = {
     }
 
     await this.runGitActionWithStatus('Unstaging changes...', async () => {
-      const result = await this.postGitAction(resolveApiUrl('/git/unstage'), { path: filePath });
+      const result = await this.postGitAction('unstage', { path: filePath });
       await this.finalizeGitAction({
         action: 'unstage',
         filePath,
@@ -512,7 +504,7 @@ export const gitFeature = {
   async pushGitBranch() {
     await this.runGitActionWithStatus('Pushing branch...', async () => {
       try {
-        const result = await this.postGitAction(resolveApiUrl('/git/push'), {});
+        const result = await this.postGitAction('push', {});
         await this.finalizeGitAction({
           action: 'push',
           result,
@@ -526,7 +518,7 @@ export const gitFeature = {
   async pullGitBranch() {
     await this.runGitActionWithStatus('Pulling branch...', async () => {
       try {
-        const result = await this.postGitAction(resolveApiUrl('/git/pull'), {});
+        const result = await this.postGitAction('pull', {});
         await this.finalizeGitAction({
           action: 'pull',
           result,
@@ -598,7 +590,7 @@ export const gitFeature = {
     }
     try {
       await this.runGitActionWithStatus('Resetting file...', async () => {
-        const result = await this.postGitAction(resolveApiUrl('/git/reset-file'), { path: filePath });
+        const result = await this.postGitAction('reset-file', { path: filePath });
         await this.finalizeGitAction({
           action: 'reset',
           filePath,
@@ -676,7 +668,7 @@ export const gitFeature = {
     }
     try {
       await this.runGitActionWithStatus('Committing changes...', async () => {
-        const result = await this.postGitAction(resolveApiUrl('/git/commit'), {
+        const result = await this.postGitAction('commit', {
           message,
         });
         await this.finalizeGitAction({

package/src/client/application/app-shell/presence-feature.js

@@ -17,9 +17,11 @@ export const presenceFeature = {
     if (!badge) return;
 
     const hasEditorSession = Boolean(this.session);
+    const isDrawioRoute = Boolean(this.currentFilePath && this.isDrawioFile?.(this.currentFilePath));
     const isExcalidrawRoute = Boolean(this.currentFilePath && this.isExcalidrawFile?.(this.currentFilePath));
     const isImageRoute = Boolean(this.currentFilePath && this.isImageFile?.(this.currentFilePath));
-    const shouldUseLobbyState = !hasEditorSession && (!this.currentFilePath || isExcalidrawRoute || isImageRoute);
+    const shouldUseLobbyState = !hasEditorSession
+      && (!this.currentFilePath || isDrawioRoute || isExcalidrawRoute || isImageRoute);
     const effectiveConnectionState = shouldUseLobbyState
       ? this.lobby?.getConnectionState?.() ?? this.connectionState
       : this.connectionState;

package/src/client/application/diagram-preview-hydrator.js

@@ -1,4 +1,3 @@
-import { resolveApiUrl } from '../domain/runtime-paths.js';
 import {
   cancelIdleRender,
   IDLE_RENDER_TIMEOUT_MS,
@@ -7,6 +6,7 @@ import {
   shouldPreserveHydratedDiagram,
   syncAttribute,
 } from './preview-diagram-utils.js';
+import { resolveApiUrl } from '../domain/runtime-paths.js';
 
 function datasetKeyToAttributeName(datasetKey) {
   return `data-${datasetKey.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`)}`;
@@ -16,7 +16,8 @@ export class DiagramPreviewHydrator {
   constructor(renderer, {
     batchSize,
     datasetKeys,
-    fetchFn = (...args) => fetch(...args),
+    fetchFn = null,
+    loadFileSource = null,
     filePathLabel,
     requestIdleRenderFn = requestIdleRender,
     cancelIdleRenderFn = cancelIdleRender,
@@ -29,7 +30,7 @@ export class DiagramPreviewHydrator {
     this.renderer = renderer;
     this.batchSize = batchSize;
     this.datasetKeys = datasetKeys;
-    this.fetchFn = fetchFn;
+    this.loadFileSource = loadFileSource ?? this.createLegacyFileSourceLoader(fetchFn);
     this.filePathLabel = filePathLabel;
     this.requestIdleRenderFn = requestIdleRenderFn;
     this.cancelIdleRenderFn = cancelIdleRenderFn;
@@ -53,6 +54,22 @@ export class DiagramPreviewHydrator {
     this.fileInflightRequests = new Map();
   }
 
+  createLegacyFileSourceLoader(fetchFn) {
+    if (typeof fetchFn !== 'function') {
+      return null;
+    }
+
+    return async (filePath) => {
+      const response = await fetchFn(resolveApiUrl(`/file?path=${encodeURIComponent(filePath)}`));
+      const payload = await response.json().catch(() => ({}));
+      if (!response.ok || payload?.ok === false) {
+        throw new Error(payload?.error || `Failed to load ${this.filePathLabel.toLowerCase()} source`);
+      }
+
+      return String(payload?.content ?? '');
+    };
+  }
+
   destroy() {
     this.cancelHydration();
     this.preservedShells.clear();
@@ -359,19 +376,11 @@ export class DiagramPreviewHydrator {
       return this.fileInflightRequests.get(target);
     }
 
-    const request = this.fetchFn(resolveApiUrl(`/file?path=${encodeURIComponent(target)}`), {
-      headers: {
-        Accept: 'application/json',
-      },
-    })
-      .then(async (response) => {
-        const data = await response.json().catch(() => null);
-        if (!response.ok || typeof data?.content !== 'string') {
-          throw new Error(data?.error || `Failed to load ${target}`);
-        }
+    if (typeof this.loadFileSource !== 'function') {
+      throw new Error(`Missing ${this.filePathLabel} source loader`);
+    }
 
-        return data.content;
-      })
+    const request = this.loadFileSource(target)
       .finally(() => {
         this.fileInflightRequests.delete(target);
       });

package/src/client/application/mermaid-preview-hydrator.js

@@ -12,7 +12,7 @@ import {
 } from './preview-diagram-utils.js';
 
 export class MermaidPreviewHydrator extends DiagramPreviewHydrator {
-  constructor(renderer) {
+  constructor(renderer, { fetchFn = null, loadFileSource = null } = {}) {
     super(renderer, {
       batchSize: MERMAID_BATCH_SIZE,
       datasetKeys: {
@@ -26,7 +26,9 @@ export class MermaidPreviewHydrator extends DiagramPreviewHydrator {
         sourceLineEnd: 'sourceLineEnd',
         target: 'mermaidTarget',
       },
+      fetchFn,
       filePathLabel: 'Mermaid',
+      loadFileSource,
       shellClassName: 'mermaid-shell',
       sourceClassName: 'mermaid-source',
     });
@@ -35,6 +37,101 @@ export class MermaidPreviewHydrator extends DiagramPreviewHydrator {
     this.loader = null;
     this.runtime = null;
     this.shellRefits = new WeakMap();
+    this.activeMaximizedShell = null;
+    this.maximizedRoot = null;
+  }
+
+  destroy() {
+    this.cancelHydration();
+    this.preservedShells.clear();
+    this.clearActiveShell();
+    this.maximizedRoot?.remove();
+    this.maximizedRoot = null;
+  }
+
+  cancelHydration() {
+    super.cancelHydration();
+
+    const activeShell = this.syncActiveShell();
+    if (!activeShell) {
+      return;
+    }
+
+    this.restoreShellMount(activeShell);
+    activeShell.classList.remove('is-maximized');
+    this.clearActiveShell();
+    document.body.classList.remove('mermaid-maximized-open');
+  }
+
+  clearActiveShell() {
+    this.activeMaximizedShell = null;
+    if (this.maximizedRoot && this.maximizedRoot.childElementCount === 0) {
+      this.maximizedRoot.hidden = true;
+    }
+  }
+
+  syncActiveShell() {
+    if (
+      this.activeMaximizedShell?.isConnected
+      && this.activeMaximizedShell.classList.contains('is-maximized')
+    ) {
+      return this.activeMaximizedShell;
+    }
+
+    this.clearActiveShell();
+    return null;
+  }
+
+  ensureMaximizedRoot() {
+    if (this.maximizedRoot?.isConnected && this.maximizedRoot.parentElement === document.body) {
+      return this.maximizedRoot;
+    }
+
+    let maximizedRoot = document.body.querySelector('[data-mermaid-maximized-root="true"]');
+    if (!maximizedRoot) {
+      maximizedRoot = document.createElement('div');
+      maximizedRoot.dataset.mermaidMaximizedRoot = 'true';
+      maximizedRoot.className = 'mermaid-maximized-root';
+      document.body.appendChild(maximizedRoot);
+    }
+
+    this.maximizedRoot = maximizedRoot;
+    return maximizedRoot;
+  }
+
+  mountShellInMaximizedRoot(shell) {
+    if (!shell) {
+      return;
+    }
+
+    const maximizedRoot = this.ensureMaximizedRoot();
+    maximizedRoot.hidden = false;
+    shell._mermaidRestoreParent = shell.parentElement || null;
+    shell._mermaidRestoreNextSibling = shell.nextSibling || null;
+    maximizedRoot.appendChild(shell);
+  }
+
+  restoreShellMount(shell) {
+    if (!shell) {
+      return;
+    }
+
+    const restoreParent = shell._mermaidRestoreParent;
+    const restoreNextSibling = shell._mermaidRestoreNextSibling;
+    if (restoreParent?.isConnected) {
+      if (restoreNextSibling?.parentElement === restoreParent) {
+        restoreParent.insertBefore(shell, restoreNextSibling);
+      } else {
+        restoreParent.appendChild(shell);
+      }
+    }
+
+    shell._mermaidRestoreParent = null;
+    shell._mermaidRestoreNextSibling = null;
+
+    if (this.maximizedRoot && this.maximizedRoot.childElementCount === 0) {
+      this.maximizedRoot.hidden = true;
+    }
   }
 
   applyTheme(theme) {
@@ -111,6 +208,7 @@ export class MermaidPreviewHydrator extends DiagramPreviewHydrator {
     if (restoredMaximizedShell) {
       document.body.classList.add('mermaid-maximized-open');
     }
+    this.syncActiveShell();
   }
 
   async prepareHydrationBatch() {
@@ -240,6 +338,10 @@ export class MermaidPreviewHydrator extends DiagramPreviewHydrator {
     }
 
     const hydratedShells = Array.from(previewElement.querySelectorAll('.mermaid-shell[data-mermaid-hydrated="true"]'));
+    const activeShell = this.syncActiveShell();
+    if (activeShell && !hydratedShells.includes(activeShell)) {
+      hydratedShells.push(activeShell);
+    }
     if (hydratedShells.length === 0) {
       return;
     }
@@ -447,11 +549,14 @@ export class MermaidPreviewHydrator extends DiagramPreviewHydrator {
     };
 
     const setMaximizedState = (shouldMaximize) => {
-      const previewElement = this.renderer.previewElement;
       if (shouldMaximize) {
-        const activeContainer = previewElement.querySelector('.mermaid-shell.is-maximized');
+        const activeContainer = this.syncActiveShell();
         if (activeContainer && activeContainer !== shell) {
+          this.restoreShellMount(activeContainer);
           activeContainer.classList.remove('is-maximized');
+          if (this.activeMaximizedShell === activeContainer) {
+            this.clearActiveShell();
+          }
           this.shellRefits.get(activeContainer)?.();
           const activeButton = activeContainer.querySelector('.mermaid-maximize-btn');
           if (activeButton) {
@@ -460,15 +565,21 @@ export class MermaidPreviewHydrator extends DiagramPreviewHydrator {
             activeButton.title = 'Maximize diagram';
           }
         }
+        this.mountShellInMaximizedRoot(shell);
         shell.classList.add('is-maximized');
+        this.activeMaximizedShell = shell;
         document.body.classList.add('mermaid-maximized-open');
         syncMaximizeButtonState();
         scheduleResetZoomToFit({ force: true });
         return;
       }
 
+      this.restoreShellMount(shell);
       shell.classList.remove('is-maximized');
-      if (!previewElement.querySelector('.mermaid-shell.is-maximized')) {
+      if (this.activeMaximizedShell === shell) {
+        this.clearActiveShell();
+      }
+      if (!this.syncActiveShell()) {
         document.body.classList.remove('mermaid-maximized-open');
       }
       syncMaximizeButtonState();
@@ -548,6 +659,12 @@ export class MermaidPreviewHydrator extends DiagramPreviewHydrator {
   }
 
   scheduleActiveRefit() {
+    const activeShell = this.syncActiveShell();
+    if (activeShell) {
+      this.shellRefits.get(activeShell)?.();
+      return;
+    }
+
     const previewElement = this.renderer.previewElement;
     if (!previewElement) {
       return;

package/src/client/application/plantuml-preview-hydrator.js

@@ -1,6 +1,5 @@
 import { clamp } from '../domain/vault-utils.js';
 import { setDiagramActionButtonIcon } from '../domain/diagram-action-icons.js';
-import { resolveApiUrl } from '../domain/runtime-paths.js';
 import { DiagramPreviewHydrator } from './diagram-preview-hydrator.js';
 import {
   createPlantUmlPlaceholderCard,
@@ -13,7 +12,7 @@ import {
 } from './preview-diagram-utils.js';
 
 export class PlantUmlPreviewHydrator extends DiagramPreviewHydrator {
-  constructor(renderer) {
+  constructor(renderer, { loadFileSource = null, renderClient = null } = {}) {
     super(renderer, {
       batchSize: PLANTUML_BATCH_SIZE,
       datasetKeys: {
@@ -28,10 +27,12 @@ export class PlantUmlPreviewHydrator extends DiagramPreviewHydrator {
         target: 'plantumlTarget',
       },
       filePathLabel: 'PlantUML',
+      loadFileSource,
       shellClassName: 'plantuml-shell',
       sourceClassName: 'plantuml-source',
     });
     this.renderer = renderer;
+    this.renderClient = renderClient;
     this.svgCache = new Map();
     this.svgInflightRequests = new Map();
     this.shellRefits = new WeakMap();
@@ -206,20 +207,9 @@ export class PlantUmlPreviewHydrator extends DiagramPreviewHydrator {
       return this.svgInflightRequests.get(cacheKey);
     }
 
-    const request = fetch(resolveApiUrl('/plantuml/render'), {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-      },
-      body: JSON.stringify({ source }),
-    })
-      .then(async (response) => {
-        const data = await response.json().catch(() => null);
-        if (!response.ok || !data?.ok || typeof data.svg !== 'string') {
-          throw new Error(data?.error || 'Failed to render PlantUML');
-        }
-
-        const sanitized = sanitizeSvgMarkup(data.svg);
+    const request = this.renderClient.renderSvg(source)
+      .then((svgMarkup) => {
+        const sanitized = sanitizeSvgMarkup(svgMarkup);
         this.svgCache.set(cacheKey, sanitized);
         return sanitized;
       })

package/src/client/application/preview-renderer.js

@@ -10,23 +10,27 @@ export class PreviewRenderer {
   constructor({
     getContent,
     getFileList,
+    loadFileSource = null,
     getSourceFilePath,
     onAfterRenderCommit,
     onBeforeRenderCommit,
     onPreviewLayoutChange,
     onRenderComplete,
     outlineController,
+    plantUmlRenderClient = null,
     previewContainer,
     previewElement,
   }) {
     this.getContent = getContent;
     this.getFileList = getFileList;
+    this.loadFileSource = loadFileSource;
     this.getSourceFilePath = getSourceFilePath;
     this.onAfterRenderCommit = onAfterRenderCommit;
     this.onBeforeRenderCommit = onBeforeRenderCommit;
     this.onPreviewLayoutChange = onPreviewLayoutChange;
     this.onRenderComplete = onRenderComplete;
     this.outlineController = outlineController;
+    this.plantUmlRenderClient = plantUmlRenderClient;
     this.previewContainer = previewContainer;
     this.previewElement = previewElement;
     this.renderHost = null;
@@ -78,8 +82,13 @@ export class PreviewRenderer {
       this.plantUmlHydrator.scheduleActiveRefit();
     };
 
-    this.mermaidHydrator = new MermaidPreviewHydrator(this);
-    this.plantUmlHydrator = new PlantUmlPreviewHydrator(this);
+    this.mermaidHydrator = new MermaidPreviewHydrator(this, {
+      loadFileSource,
+    });
+    this.plantUmlHydrator = new PlantUmlPreviewHydrator(this, {
+      loadFileSource,
+      renderClient: plantUmlRenderClient,
+    });
     this.renderScheduler = new PreviewRenderScheduler({ getRenderProfileFn: getRenderProfile });
     this.renderExecutor = new PreviewRenderExecutor({
       attachmentApiPath: resolveApiUrl('/attachment'),