npm - collabmd - Versions diffs - 0.1.49 → 0.1.52 - Mend

collabmd 0.1.49 → 0.1.52

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.

Files changed (750) hide show

package/dist/client/index.html CHANGED Viewed

@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="description" content="CollabMD — collaborative markdown vault. Edit markdown files together in realtime.">
   <title>CollabMD — Collaborative Markdown Vault</title>
-  <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect x='2' y='4' width='18' height='24' rx='3' fill='%23818cf8'/><rect x='12' y='4' width='18' height='24' rx='3' fill='%234f46e5' opacity='0.8'/><path d='M18 12h6M18 16h6M18 20h4' stroke='white' stroke-width='1.5' stroke-linecap='round'/></svg>">
+  <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'><rect x='3' y='4' width='17' height='24' rx='3' stroke='%232563eb' stroke-width='2'/><rect x='12' y='4' width='17' height='24' rx='3' fill='%232563eb'/><path d='M17 12h7m-7 4h7m-7 4h4' stroke='white' stroke-width='1.5'/></svg>">
   <script>
     if (
       window.location.hash.includes('file=')
@@ -15,42 +15,22 @@
       document.documentElement.setAttribute('data-initial-file-requested', 'true');
     }
   </script>
-  <script type="module" crossorigin src="./assets/index-D3RER1SZ.js"></script>
-  <link rel="modulepreload" crossorigin href="./assets/modulepreload-polyfill-P2Xu9kJm.js">
-  <link rel="modulepreload" crossorigin href="./assets/runtime-config-DcmnGcXU.js">
-  <link rel="modulepreload" crossorigin href="./assets/browser-utils-DbXSMI-6.js">
-  <link rel="modulepreload" crossorigin href="./assets/file-kind-BwMIcZbi.js">
-  <link rel="modulepreload" crossorigin href="./assets/vault-api-client-iZLhMJKe.js">
-  <link rel="modulepreload" crossorigin href="./assets/yjs-provider-reset-guard-9ul1qF6k.js">
-  <link rel="modulepreload" crossorigin href="./assets/drawio-room-yBUzk-vg.js">
-  <link rel="modulepreload" crossorigin href="./assets/preload-helper-HclGiUj8.js">
-  <link rel="modulepreload" crossorigin href="./assets/comment-threads-BnRwo5B9.js">
-  <link rel="modulepreload" crossorigin href="./assets/excalidraw-scene-6uROebca.js">
-  <link rel="modulepreload" crossorigin href="./assets/rolldown-runtime-Dd_uD5pT.js">
-  <link rel="modulepreload" crossorigin href="./assets/es-Bfdp096f.js">
-  <link rel="modulepreload" crossorigin href="./assets/excalidraw-element-link-YLIaTnVF.js">
-  <link rel="modulepreload" crossorigin href="./assets/base-BYODPHdS.js">
-  <link rel="modulepreload" crossorigin href="./assets/preview-diagram-utils-txBCoW8d.js">
-  <link rel="modulepreload" crossorigin href="./assets/wiki-link-resolver-DFIwErjc.js">
-  <link rel="modulepreload" crossorigin href="./assets/document-formatter-rDDjRfZ2.js">
-  <link rel="modulepreload" crossorigin href="./assets/file-icon-svg-Y_kpF957.js">
-  <link rel="stylesheet" crossorigin href="./assets/vault-api-client-C3mlS_4N.css">
-  <link rel="stylesheet" crossorigin href="./assets/base-CaIEJUF9.css">
-  <link rel="stylesheet" crossorigin href="./assets/index-DREVKl_K.css">
+  <script  defer src="./app-config.js"></script>
+  <script type="module" crossorigin src="./assets/index-uw9O0z1c.js"></script>
+  <link rel="stylesheet" crossorigin href="./assets/index-BxAuGDoN.css">
 </head>
 <body>
     <a href="#editorContainer" class="sr-only skip-link" id="skipToEditor">Skip to editor</a>
-    <div class="app-shell">
+    <div class="app-shell" id="appShell">
       <aside id="sidebar" class="sidebar">
         <div class="sidebar-header">
           <div class="sidebar-brand">
-            <svg width="20" height="20" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
-              <rect x="6" y="8" width="28" height="38" rx="4" stroke="var(--color-primary)" stroke-width="2" fill="var(--color-primary)" fill-opacity="0.12"></rect>
-              <rect x="22" y="10" width="28" height="38" rx="4" stroke="var(--color-primary)" stroke-width="2" fill="var(--color-primary)" fill-opacity="0.25"></rect>
-              <path d="M14 20l4 10 1.5-4 4-1.5L14 20z" fill="var(--color-primary)" opacity="0.7"></path>
-              <path d="M38 28l-4-10-1.5 4-4 1.5L38 28z" fill="var(--color-primary)"></path>
+            <svg width="20" height="20" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+              <rect x="3" y="4" width="17" height="24" rx="3" stroke="var(--color-primary)" stroke-width="2"></rect>
+              <rect x="12" y="4" width="17" height="24" rx="3" fill="var(--color-primary)"></rect>
+              <path d="M17 12h7m-7 4h7m-7 4h4" stroke="var(--color-primary-contrast)" stroke-width="1.5"></path>
             </svg>
             <span class="sidebar-title">CollabMD</span>
           </div>
@@ -250,7 +230,7 @@
               <span class="ui-toolbar-button-label">Preview</span>
             </button>
-            <div class="toolbar-status-cluster" aria-label="Workspace status">
+            <div class="toolbar-status-cluster" role="group" aria-label="Workspace status">
               <span class="ui-pill-badge ui-pill-badge--accent hidden toolbar-badge" id="toolbarDiffBadge">Diff</span>
               <span class="ui-pill-badge ui-pill-badge--muted hidden toolbar-badge" id="gitOperationStatus" aria-live="polite" aria-atomic="true"></span>
             </div>
@@ -391,6 +371,16 @@
                 <span class="ui-toolbar-button-label">Connect AI Agent</span>
               </button>
+              <button class="ui-button ui-button--ghost ui-button--toolbar hidden" id="teamSettingsBtn" aria-label="Team Settings" title="Team Settings">
+                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                  <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
+                  <circle cx="9" cy="7" r="4"></circle>
+                  <path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
+                  <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
+                </svg>
+                <span class="ui-toolbar-button-label">Team Settings</span>
+              </button>
               <button class="ui-button ui-button--ghost ui-button--toolbar toolbar-search-files-btn" id="searchFilesBtn" aria-label="Search files" title="Search files">
                 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true">
                   <circle cx="11" cy="11" r="7"></circle>
@@ -399,6 +389,15 @@
                 <span class="ui-toolbar-button-label">Search files</span>
               </button>
+              <button type="button" class="ui-button ui-button--ghost ui-button--toolbar ui-button--toggle" id="toggleCursorNamesBtn" aria-label="Hide cursor names" aria-pressed="true" title="Hide cursor names">
+                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                  <circle cx="12" cy="8" r="4"></circle>
+                  <path d="M5 21v-2a7 7 0 0 1 14 0v2"></path>
+                </svg>
+                <span class="ui-toolbar-button-label">Cursor names</span>
+                <span class="ui-pill-badge ui-pill-badge--muted toolbar-toggle-state" id="cursorNamesToggleLabel">On</span>
+              </button>
               <button class="ui-button ui-button--ghost ui-button--toolbar ui-button--toggle toolbar-vim-button" id="toggleVimModeBtn" aria-label="Enable Vim keybindings" aria-pressed="false" title="Enable Vim keybindings">
                 <span class="toolbar-vim-icon" aria-hidden="true">
                   <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
@@ -408,7 +407,7 @@
                   </svg>
                 </span>
                 <span class="ui-toolbar-button-label">Vim</span>
-                <span class="ui-pill-badge ui-pill-badge--muted toolbar-vim-state" id="vimModeToggleLabel">Off</span>
+                <span class="ui-pill-badge ui-pill-badge--muted toolbar-toggle-state" id="vimModeToggleLabel">Off</span>
               </button>
               <details class="toolbar-overflow-group hidden" id="exportMenuGroup">
@@ -466,11 +465,10 @@
         <div id="emptyState" class="empty-state">
           <div class="empty-state-content">
             <div class="empty-state-logo" aria-hidden="true">
-              <svg width="48" height="48" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
-                <rect x="6" y="8" width="28" height="38" rx="4" stroke="var(--color-primary)" stroke-width="2" fill="var(--color-primary)" fill-opacity="0.12"></rect>
-                <rect x="22" y="10" width="28" height="38" rx="4" stroke="var(--color-primary)" stroke-width="2" fill="var(--color-primary)" fill-opacity="0.25"></rect>
-                <path d="M14 20l4 10 1.5-4 4-1.5L14 20z" fill="var(--color-primary)" opacity="0.7"></path>
-                <path d="M38 28l-4-10-1.5 4-4 1.5L38 28z" fill="var(--color-primary)"></path>
+              <svg width="48" height="48" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+                <rect x="3" y="4" width="17" height="24" rx="3" stroke="var(--color-primary)" stroke-width="2"></rect>
+                <rect x="12" y="4" width="17" height="24" rx="3" fill="var(--color-primary)"></rect>
+                <path d="M17 12h7m-7 4h7m-7 4h4" stroke="var(--color-primary-contrast)" stroke-width="1.5"></path>
               </svg>
             </div>
             <h2 class="empty-state-title">Welcome to CollabMD</h2>
@@ -568,7 +566,7 @@
                       <div class="backlinks-list"></div>
                     </div>
                   </div>
-                  <button class="ui-button ui-button--ghost ui-button--compact ui-button--toggle hidden" id="commentsToggle" aria-label="Toggle comments" title="Toggle comments">
+                  <button class="ui-button ui-button--ghost ui-button--compact ui-button--toggle hidden" id="commentsToggle" aria-expanded="false" title="Toggle comments">
                     <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                       <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
                     </svg>
@@ -725,6 +723,20 @@
       </div>
     </dialog>
+    <dialog class="app-dialog team-settings-dialog" id="teamSettingsDialog" aria-labelledby="teamSettingsTitle">
+      <div class="app-dialog-form">
+        <div class="app-dialog-header">
+          <h2 class="app-dialog-title" id="teamSettingsTitle">Team Settings</h2>
+          <p class="app-dialog-copy">Manage collaborators, pending invitations, and access history.</p>
+        </div>
+        <div id="teamSettingsContent"></div>
+      </div>
+    </dialog>
+    <div class="hosted-gate hidden" id="hostedGate">
+      <div class="hosted-gate-card" data-hosted-gate-content role="dialog" aria-modal="true" aria-labelledby="hostedGateTitle"></div>
+    </div>
     <dialog class="app-dialog" id="fileActionDialog" aria-labelledby="fileActionTitle">
       <form class="app-dialog-form" id="fileActionForm" method="dialog">
         <div class="app-dialog-header">
@@ -820,6 +832,5 @@
         </div>
       </div>
     </dialog>
-  <script  src="./app-config.js"></script>
 </body>
 </html>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "collabmd",
-  "version": "0.1.49",
+  "version": "0.1.52",
   "type": "module",
   "description": "Collaborative markdown vault — like Obsidian, but online. Serve any directory of markdown files for realtime collaborative editing.",
   "repository": {
@@ -19,17 +19,11 @@
     "scripts/cloudflare-tunnel.mjs",
     "scripts/local-plantuml-compose.mjs",
     "scripts/local-structurizr-compose.mjs",
-    "src/",
-    "integrations/"
+    "src/"
   ],
   "bin": {
     "collabmd": "./bin/collabmd.js"
   },
-  "pi": {
-    "extensions": [
-      "./integrations/pi/index.ts"
-    ]
-  },
   "scripts": {
     "prepack": "npm run build",
     "build": "vite build",
@@ -73,15 +67,18 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@excalidraw/fractional-indexing": "^0.18.0-abeeaeb",
+    "@excalidraw/fractional-indexing": "^0.18.0-afa3a65",
     "@modelcontextprotocol/client": "^2.0.0",
     "@modelcontextprotocol/node": "^2.0.0",
     "@modelcontextprotocol/server": "^2.0.0",
-    "@turbodocx/html-to-docx": "^1.22.2",
+    "@turbodocx/html-to-docx": "^1.23.0",
+    "@vscode/markdown-it-katex": "^1.1.2",
     "archiver": "^8.0.0",
     "js-yaml": "^5.4.1",
+    "katex": "^0.18.7",
     "lib0": "^0.2.117",
-    "openid-client": "^6.8.7",
+    "mathml2omml": "^0.5.0",
+    "openid-client": "^6.8.8",
     "sharp": "^0.35.4",
     "ws": "^8.21.3",
     "y-protocols": "^1.0.7",
@@ -107,28 +104,28 @@
     "@codemirror/lang-yaml": "^6.1.3",
     "@codemirror/language": "^6.12.4",
     "@codemirror/language-data": "^6.5.2",
-    "@codemirror/search": "^6.7.1",
-    "@codemirror/state": "^6.7.1",
+    "@codemirror/search": "^6.7.2",
+    "@codemirror/state": "^6.7.4",
     "@codemirror/theme-one-dark": "^6.1.3",
-    "@codemirror/view": "^6.43.9",
+    "@codemirror/view": "^6.43.11",
     "@embedpdf/snippet": "2.15.0",
     "@eslint/js": "^10.0.1",
-    "@excalidraw/excalidraw": "0.18.0-abeeaeb",
-    "@playwright/test": "^1.62.1",
+    "@excalidraw/excalidraw": "0.18.0-afa3a65",
+    "@playwright/test": "^1.63.0",
     "@replit/codemirror-vim": "^6.4.0",
-    "@vitest/browser": "^4.1.11",
-    "@vitest/browser-playwright": "^4.1.11",
-    "eslint": "^10.9.1",
-    "globals": "^17.11.0",
+    "@vitest/browser": "^5.0.0",
+    "@vitest/browser-playwright": "^5.0.0",
+    "eslint": "^10.10.0",
+    "globals": "^17.12.0",
     "highlight.js": "^11.12.0",
-    "markdown-it": "^15.0.1",
-    "mermaid": "^11.17.2",
+    "markdown-it": "^15.0.2",
+    "mermaid": "^12.0.0",
     "mermaid-formatter": "^0.3.0",
     "prettier": "^3.9.6",
-    "react": "^19.2.8",
-    "react-dom": "^19.2.8",
-    "vite": "^8.2.2",
-    "vitest": "^4.1.11",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
+    "vite": "^8.3.0",
+    "vitest": "^5.0.0",
     "y-codemirror.next": "^0.3.6",
     "y-websocket": "^3.1.0"
   }

package/src/client/app/drawio-editor.html CHANGED Viewed

@@ -4,12 +4,13 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>draw.io — CollabMD</title>
+  <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'><rect x='3' y='4' width='17' height='24' rx='3' stroke='%232563eb' stroke-width='2'/><rect x='12' y='4' width='17' height='24' rx='3' fill='%232563eb'/><path d='M17 12h7m-7 4h7m-7 4h4' stroke='white' stroke-width='1.5'/></svg>">
+  <script vite-ignore defer src="./app-config.js"></script>
 </head>
 <body data-theme="dark" data-surface="drawio-editor">
   <div id="root">
     <div class="drawio-loading" id="loadingState" role="status" aria-live="polite">Loading draw.io…</div>
   </div>
-  <script vite-ignore src="./app-config.js"></script>
   <script type="module" src="../drawio-editor.js"></script>
 </body>
 </html>

package/src/client/app/excalidraw-editor.html CHANGED Viewed

@@ -4,12 +4,13 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Excalidraw — CollabMD</title>
+  <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'><rect x='3' y='4' width='17' height='24' rx='3' stroke='%232563eb' stroke-width='2'/><rect x='12' y='4' width='17' height='24' rx='3' fill='%232563eb'/><path d='M17 12h7m-7 4h7m-7 4h4' stroke='white' stroke-width='1.5'/></svg>">
+  <script vite-ignore defer src="./app-config.js"></script>
 </head>
 <body data-theme="dark" data-surface="excalidraw-editor">
   <div id="root">
     <div class="loading-state" id="loadingState" role="status" aria-live="polite">Loading Excalidraw…</div>
   </div>
-  <script vite-ignore src="./app-config.js"></script>
   <script type="module" src="../excalidraw-editor.js"></script>
 </body>
 </html>

package/src/client/app/export-document-entry.js CHANGED Viewed

@@ -5,6 +5,7 @@ import '../styles/foundation/themes.css';
 import '../styles/features/preview-markdown.css';
 import '../styles/overrides/highlightjs.css';
 import '../styles/export-document.css';
+import 'katex/dist/katex.min.css';
 function ensureHighlightThemeStylesheet() {
   let themeStylesheet = document.getElementById('hljs-theme');

package/src/client/app/export-document.html CHANGED Viewed

@@ -4,6 +4,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>CollabMD Export</title>
+  <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'><rect x='3' y='4' width='17' height='24' rx='3' stroke='%232563eb' stroke-width='2'/><rect x='12' y='4' width='17' height='24' rx='3' fill='%232563eb'/><path d='M17 12h7m-7 4h7m-7 4h4' stroke='white' stroke-width='1.5'/></svg>">
+  <script vite-ignore defer src="./app-config.js"></script>
 </head>
 <body data-theme="light" data-surface="export-document">
   <main class="export-page-shell">
@@ -19,7 +21,6 @@
     </section>
     <article id="exportContent" class="preview-content export-content"></article>
   </main>
-  <script vite-ignore src="./app-config.js"></script>
   <script type="module" src="./export-document-entry.js"></script>
 </body>
 </html>

package/src/client/app/index.html CHANGED Viewed

@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="description" content="CollabMD — collaborative markdown vault. Edit markdown files together in realtime.">
   <title>CollabMD — Collaborative Markdown Vault</title>
-  <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect x='2' y='4' width='18' height='24' rx='3' fill='%23818cf8'/><rect x='12' y='4' width='18' height='24' rx='3' fill='%234f46e5' opacity='0.8'/><path d='M18 12h6M18 16h6M18 20h4' stroke='white' stroke-width='1.5' stroke-linecap='round'/></svg>">
+  <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'><rect x='3' y='4' width='17' height='24' rx='3' stroke='%232563eb' stroke-width='2'/><rect x='12' y='4' width='17' height='24' rx='3' fill='%232563eb'/><path d='M17 12h7m-7 4h7m-7 4h4' stroke='white' stroke-width='1.5'/></svg>">
   <script>
     if (
       window.location.hash.includes('file=')
@@ -15,20 +15,20 @@
       document.documentElement.setAttribute('data-initial-file-requested', 'true');
     }
   </script>
+  <script vite-ignore defer src="./app-config.js"></script>
 </head>
 <body>
     <a href="#editorContainer" class="sr-only skip-link" id="skipToEditor">Skip to editor</a>
-    <div class="app-shell">
+    <div class="app-shell" id="appShell">
       <aside id="sidebar" class="sidebar">
         <div class="sidebar-header">
           <div class="sidebar-brand">
-            <svg width="20" height="20" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
-              <rect x="6" y="8" width="28" height="38" rx="4" stroke="var(--color-primary)" stroke-width="2" fill="var(--color-primary)" fill-opacity="0.12"></rect>
-              <rect x="22" y="10" width="28" height="38" rx="4" stroke="var(--color-primary)" stroke-width="2" fill="var(--color-primary)" fill-opacity="0.25"></rect>
-              <path d="M14 20l4 10 1.5-4 4-1.5L14 20z" fill="var(--color-primary)" opacity="0.7"></path>
-              <path d="M38 28l-4-10-1.5 4-4 1.5L38 28z" fill="var(--color-primary)"></path>
+            <svg width="20" height="20" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+              <rect x="3" y="4" width="17" height="24" rx="3" stroke="var(--color-primary)" stroke-width="2"></rect>
+              <rect x="12" y="4" width="17" height="24" rx="3" fill="var(--color-primary)"></rect>
+              <path d="M17 12h7m-7 4h7m-7 4h4" stroke="var(--color-primary-contrast)" stroke-width="1.5"></path>
             </svg>
             <span class="sidebar-title">CollabMD</span>
           </div>
@@ -228,7 +228,7 @@
               <span class="ui-toolbar-button-label">Preview</span>
             </button>
-            <div class="toolbar-status-cluster" aria-label="Workspace status">
+            <div class="toolbar-status-cluster" role="group" aria-label="Workspace status">
               <span class="ui-pill-badge ui-pill-badge--accent hidden toolbar-badge" id="toolbarDiffBadge">Diff</span>
               <span class="ui-pill-badge ui-pill-badge--muted hidden toolbar-badge" id="gitOperationStatus" aria-live="polite" aria-atomic="true"></span>
             </div>
@@ -369,6 +369,16 @@
                 <span class="ui-toolbar-button-label">Connect AI Agent</span>
               </button>
+              <button class="ui-button ui-button--ghost ui-button--toolbar hidden" id="teamSettingsBtn" aria-label="Team Settings" title="Team Settings">
+                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                  <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
+                  <circle cx="9" cy="7" r="4"></circle>
+                  <path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
+                  <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
+                </svg>
+                <span class="ui-toolbar-button-label">Team Settings</span>
+              </button>
               <button class="ui-button ui-button--ghost ui-button--toolbar toolbar-search-files-btn" id="searchFilesBtn" aria-label="Search files" title="Search files">
                 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true">
                   <circle cx="11" cy="11" r="7"></circle>
@@ -377,6 +387,15 @@
                 <span class="ui-toolbar-button-label">Search files</span>
               </button>
+              <button type="button" class="ui-button ui-button--ghost ui-button--toolbar ui-button--toggle" id="toggleCursorNamesBtn" aria-label="Hide cursor names" aria-pressed="true" title="Hide cursor names">
+                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                  <circle cx="12" cy="8" r="4"></circle>
+                  <path d="M5 21v-2a7 7 0 0 1 14 0v2"></path>
+                </svg>
+                <span class="ui-toolbar-button-label">Cursor names</span>
+                <span class="ui-pill-badge ui-pill-badge--muted toolbar-toggle-state" id="cursorNamesToggleLabel">On</span>
+              </button>
               <button class="ui-button ui-button--ghost ui-button--toolbar ui-button--toggle toolbar-vim-button" id="toggleVimModeBtn" aria-label="Enable Vim keybindings" aria-pressed="false" title="Enable Vim keybindings">
                 <span class="toolbar-vim-icon" aria-hidden="true">
                   <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
@@ -386,7 +405,7 @@
                   </svg>
                 </span>
                 <span class="ui-toolbar-button-label">Vim</span>
-                <span class="ui-pill-badge ui-pill-badge--muted toolbar-vim-state" id="vimModeToggleLabel">Off</span>
+                <span class="ui-pill-badge ui-pill-badge--muted toolbar-toggle-state" id="vimModeToggleLabel">Off</span>
               </button>
               <details class="toolbar-overflow-group hidden" id="exportMenuGroup">
@@ -444,11 +463,10 @@
         <div id="emptyState" class="empty-state">
           <div class="empty-state-content">
             <div class="empty-state-logo" aria-hidden="true">
-              <svg width="48" height="48" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
-                <rect x="6" y="8" width="28" height="38" rx="4" stroke="var(--color-primary)" stroke-width="2" fill="var(--color-primary)" fill-opacity="0.12"></rect>
-                <rect x="22" y="10" width="28" height="38" rx="4" stroke="var(--color-primary)" stroke-width="2" fill="var(--color-primary)" fill-opacity="0.25"></rect>
-                <path d="M14 20l4 10 1.5-4 4-1.5L14 20z" fill="var(--color-primary)" opacity="0.7"></path>
-                <path d="M38 28l-4-10-1.5 4-4 1.5L38 28z" fill="var(--color-primary)"></path>
+              <svg width="48" height="48" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+                <rect x="3" y="4" width="17" height="24" rx="3" stroke="var(--color-primary)" stroke-width="2"></rect>
+                <rect x="12" y="4" width="17" height="24" rx="3" fill="var(--color-primary)"></rect>
+                <path d="M17 12h7m-7 4h7m-7 4h4" stroke="var(--color-primary-contrast)" stroke-width="1.5"></path>
               </svg>
             </div>
             <h2 class="empty-state-title">Welcome to CollabMD</h2>
@@ -546,7 +564,7 @@
                       <div class="backlinks-list"></div>
                     </div>
                   </div>
-                  <button class="ui-button ui-button--ghost ui-button--compact ui-button--toggle hidden" id="commentsToggle" aria-label="Toggle comments" title="Toggle comments">
+                  <button class="ui-button ui-button--ghost ui-button--compact ui-button--toggle hidden" id="commentsToggle" aria-expanded="false" title="Toggle comments">
                     <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                       <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
                     </svg>
@@ -703,6 +721,20 @@
       </div>
     </dialog>
+    <dialog class="app-dialog team-settings-dialog" id="teamSettingsDialog" aria-labelledby="teamSettingsTitle">
+      <div class="app-dialog-form">
+        <div class="app-dialog-header">
+          <h2 class="app-dialog-title" id="teamSettingsTitle">Team Settings</h2>
+          <p class="app-dialog-copy">Manage collaborators, pending invitations, and access history.</p>
+        </div>
+        <div id="teamSettingsContent"></div>
+      </div>
+    </dialog>
+    <div class="hosted-gate hidden" id="hostedGate">
+      <div class="hosted-gate-card" data-hosted-gate-content role="dialog" aria-modal="true" aria-labelledby="hostedGateTitle"></div>
+    </div>
     <dialog class="app-dialog" id="fileActionDialog" aria-labelledby="fileActionTitle">
       <form class="app-dialog-form" id="fileActionForm" method="dialog">
         <div class="app-dialog-header">
@@ -798,7 +830,6 @@
         </div>
       </div>
     </dialog>
-  <script vite-ignore src="./app-config.js"></script>
   <script type="module" src="./main-entry.js"></script>
 </body>
 </html>

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

@@ -1,29 +1,11 @@
-import darkHighlightThemeUrl from '../assets/vendor/highlight/github-dark.min.css?url';
-import lightHighlightThemeUrl from '../assets/vendor/highlight/github.min.css?url';
 import { CollabMdAppShell } from '../bootstrap/collabmd-app-shell.js';
 import { ensureClientAuthenticated } from '../infrastructure/auth-client.js';
-import '../styles/base.css';
 import '../styles/style.css';
-function ensureHighlightThemeStylesheet() {
-  let themeStylesheet = document.getElementById('hljs-theme');
-  if (!(themeStylesheet instanceof HTMLLinkElement)) {
-    themeStylesheet = document.createElement('link');
-    themeStylesheet.id = 'hljs-theme';
-    themeStylesheet.rel = 'stylesheet';
-    document.head.append(themeStylesheet);
-  }
-  themeStylesheet.href = darkHighlightThemeUrl;
-  themeStylesheet.dataset.darkHref = darkHighlightThemeUrl;
-  themeStylesheet.dataset.lightHref = lightHighlightThemeUrl;
-}
-ensureHighlightThemeStylesheet();
 async function start() {
   await ensureClientAuthenticated();
   const app = new CollabMdAppShell();
-  app.initialize();
+  await app.initialize();
 }
 if (document.readyState === 'loading') {

package/src/client/application/app-shell/comments-feature.js CHANGED Viewed

@@ -34,6 +34,9 @@ export const commentsFeature = {
   syncCommentChrome(filePath = this.currentFilePath) {
     const supported = supportsCommentsForFilePath(filePath) && !this.isExcalidrawFile(filePath);
+    if (supported && globalThis.document) {
+      this._deferredCollabStylesPromise ??= import('../../styles/deferred-collab.css');
+    }
     this.commentUi.setCurrentFile(filePath, {
       fileKind: this.getCommentFileKind(filePath),
       supported,
@@ -77,6 +80,9 @@ export const commentsFeature = {
   refreshCommentOverviewForSidebarOpen() {
     this._commentOverviewStale = false;
+    if (globalThis.document) {
+      this._deferredCollabStylesPromise ??= import('../../styles/deferred-collab.css');
+    }
     void this.commentsOverview?.refresh?.();
   },