npm - collabmd - Versions diffs - 0.1.48 → 0.1.51 - Mend

collabmd 0.1.48 → 0.1.51

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 (482) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "collabmd",
-  "version": "0.1.48",
+  "version": "0.1.51",
   "type": "module",
   "description": "Collaborative markdown vault — like Obsidian, but online. Serve any directory of markdown files for realtime collaborative editing.",
   "repository": {
@@ -67,37 +67,18 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@codemirror/autocomplete": "^6.20.3",
-    "@codemirror/commands": "^6.11.0",
-    "@codemirror/lang-html": "^6.4.11",
-    "@codemirror/lang-markdown": "^6.5.2",
-    "@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/theme-one-dark": "^6.1.3",
-    "@codemirror/view": "^6.43.9",
-    "@embedpdf/snippet": "2.15.0",
-    "@excalidraw/excalidraw": "0.18.0-abeeaeb",
-    "@replit/codemirror-vim": "^6.4.0",
-    "@turbodocx/html-to-docx": "^1.22.0",
+    "@excalidraw/fractional-indexing": "^0.18.0-214cd6e",
+    "@modelcontextprotocol/client": "^2.0.0",
+    "@modelcontextprotocol/node": "^2.0.0",
+    "@modelcontextprotocol/server": "^2.0.0",
+    "@turbodocx/html-to-docx": "^1.22.2",
     "archiver": "^8.0.0",
-    "highlight.js": "^11.12.0",
-    "js-yaml": "^5.3.0",
+    "js-yaml": "^5.4.1",
     "lib0": "^0.2.117",
-    "markdown-it": "^15.0.0",
-    "mermaid": "^11.17.0",
-    "mermaid-formatter": "^0.3.0",
-    "openid-client": "^6.8.7",
-    "prettier": "^3.9.6",
-    "react": "^19.2.8",
-    "react-dom": "^19.2.8",
-    "sharp": "^0.35.3",
+    "openid-client": "^6.8.8",
+    "sharp": "^0.35.4",
     "ws": "^8.21.3",
-    "y-codemirror.next": "^0.3.6",
     "y-protocols": "^1.0.7",
-    "y-websocket": "^3.1.0",
     "yjs": "^13.6.32"
   },
   "overrides": {
@@ -113,14 +94,36 @@
     "axios": "1.18.0"
   },
   "devDependencies": {
+    "@codemirror/autocomplete": "^6.20.3",
+    "@codemirror/commands": "^6.11.0",
+    "@codemirror/lang-html": "^6.4.12",
+    "@codemirror/lang-markdown": "^6.5.2",
+    "@codemirror/lang-yaml": "^6.1.3",
+    "@codemirror/language": "^6.12.4",
+    "@codemirror/language-data": "^6.5.2",
+    "@codemirror/search": "^6.7.2",
+    "@codemirror/state": "^6.7.4",
+    "@codemirror/theme-one-dark": "^6.1.3",
+    "@codemirror/view": "^6.43.11",
+    "@embedpdf/snippet": "2.15.0",
     "@eslint/js": "^10.0.1",
-    "@playwright/test": "^1.62.1",
-    "@vitest/browser": "^4.1.11",
-    "@vitest/browser-playwright": "^4.1.11",
-    "eslint": "^10.8.1",
-    "globals": "^17.11.0",
+    "@excalidraw/excalidraw": "0.18.0-214cd6e",
+    "@playwright/test": "^1.63.0",
+    "@replit/codemirror-vim": "^6.4.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",
+    "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"
-  },
-  "packageManager": "pnpm@11.22.0+sha512.1ff870c4c6133dfd88fb2afc46dd13d47f09c9794b438c6fdb47ca98caf3bc16381ee0be93a091b8e3824cf01f889f46d7d9e20910fb0be1ab0fb5baa80dd621"
+    "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,12 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>draw.io — CollabMD</title>
+  <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">Loading draw.io…</div>
+    <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-entry.js"></script>
+  <script type="module" src="../drawio-editor.js"></script>
 </body>
 </html>

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

@@ -4,12 +4,12 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Excalidraw — CollabMD</title>
+  <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">Loading Excalidraw...</div>
+    <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-entry.js"></script>
+  <script type="module" src="../excalidraw-editor.js"></script>
 </body>
 </html>

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

@@ -4,13 +4,14 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>CollabMD Export</title>
+  <script vite-ignore defer src="./app-config.js"></script>
 </head>
 <body data-theme="light" data-surface="export-document">
   <main class="export-page-shell">
     <header class="export-page-header">
       <div>
         <h1>Preparing export</h1>
-        <p id="exportStatus">Initializing…</p>
+        <p id="exportStatus" role="status" aria-live="polite">Initializing…</p>
       </div>
     </header>
     <section id="exportWarningsSection" class="export-warnings-panel" hidden>
@@ -19,7 +20,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

@@ -15,12 +15,13 @@
       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">
@@ -72,8 +73,8 @@
             </button>
           </div>
         </div>
-        <div class="ui-nav-tabs" id="sidebarTabs">
-          <button class="ui-nav-tab active" id="filesSidebarTab" type="button">
+        <div class="ui-nav-tabs" id="sidebarTabs" role="tablist" aria-label="Sidebar views">
+          <button class="ui-nav-tab active" id="filesSidebarTab" type="button" role="tab" aria-selected="true" aria-controls="fileTree" tabindex="0">
             <span class="ui-nav-tab-icon" aria-hidden="true">
               <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
                 <path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path>
@@ -81,7 +82,7 @@
             </span>
             <span class="ui-nav-tab-label">Files</span>
           </button>
-          <button class="ui-nav-tab" id="commentsSidebarTab" type="button">
+          <button class="ui-nav-tab" id="commentsSidebarTab" type="button" role="tab" aria-selected="false" aria-controls="commentOverviewPanel" tabindex="-1">
             <span class="ui-nav-tab-icon" aria-hidden="true">
               <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                 <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>
@@ -89,7 +90,7 @@
             </span>
             <span class="ui-nav-tab-label">Comments</span>
           </button>
-          <button class="ui-nav-tab hidden" id="gitSidebarTab" type="button">
+          <button class="ui-nav-tab hidden" id="gitSidebarTab" type="button" role="tab" aria-selected="false" aria-controls="gitPanel" tabindex="-1">
             <span class="ui-nav-tab-icon" aria-hidden="true">
               <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                 <circle cx="18" cy="18" r="3"></circle>
@@ -125,9 +126,9 @@
             aria-label="Search changed files"
           >
         </div>
-        <nav id="fileTree" class="file-tree" aria-label="File explorer"></nav>
-        <section id="commentOverviewPanel" class="comment-overview-panel hidden" aria-label="Open comments"></section>
-        <div id="gitPanel" class="git-panel hidden" aria-label="Git changes"></div>
+        <nav id="fileTree" class="file-tree" role="tabpanel" aria-labelledby="filesSidebarTab"></nav>
+        <section id="commentOverviewPanel" class="comment-overview-panel hidden" role="tabpanel" aria-labelledby="commentsSidebarTab"></section>
+        <div id="gitPanel" class="git-panel hidden" role="tabpanel" aria-labelledby="gitSidebarTab"></div>
         <div
           class="sidebar-resizer"
           id="sidebarResizer"
@@ -228,7 +229,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>
@@ -239,13 +240,11 @@
                 type="button"
                 class="ui-pill-badge ui-pill-badge--muted toolbar-badge toolbar-badge-button toolbar-presence-count"
                 id="userCount"
-                aria-controls="presencePanel"
-                aria-expanded="false"
-                data-presence-panel-trigger="true"
+                popovertarget="presencePanel"
               ></button>
             </div>
-            <section class="collaboration-popover presence-panel hidden" id="presencePanel" aria-label="Online users" aria-hidden="true">
+            <section class="collaboration-popover presence-panel" id="presencePanel" aria-label="Online users" popover="auto">
               <div class="presence-panel-header">
                 <div>
                   <h2 class="presence-panel-title">Online now</h2>
@@ -256,7 +255,7 @@
             </section>
             <div class="chat-container" id="chatContainer">
-              <button type="button" class="ui-button ui-button--ghost ui-button--toolbar chat-toggle-btn" id="chatToggleBtn" aria-label="Open team chat" aria-controls="chatPanel" aria-expanded="false" title="Team chat">
+              <button type="button" class="ui-button ui-button--ghost ui-button--toolbar chat-toggle-btn" id="chatToggleBtn" aria-label="Open team chat" popovertarget="chatPanel" title="Team chat">
                 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                   <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>
@@ -265,7 +264,7 @@
               </button>
               <div class="toast-container chat-toast-container" id="chatToastContainer" aria-live="polite" aria-atomic="true"></div>
-              <section class="collaboration-popover chat-panel hidden" id="chatPanel" role="dialog" aria-labelledby="chatPanelTitle">
+              <section class="collaboration-popover chat-panel" id="chatPanel" role="dialog" aria-labelledby="chatPanelTitle" popover="auto">
                 <div class="chat-panel-header">
                   <div class="chat-panel-heading">
                     <h2 class="chat-panel-title" id="chatPanelTitle">Team chat</h2>
@@ -292,7 +291,7 @@
                         <path class="chat-notification-mute-slash" d="m4 4 16 16"></path>
                       </svg>
                     </button>
-                    <button type="button" class="ui-icon-button chat-close-btn" id="chatCloseBtn" aria-label="Close team chat" title="Close team chat">
+                    <button type="button" class="ui-icon-button chat-close-btn" id="chatCloseBtn" aria-label="Close team chat" popovertarget="chatPanel" popovertargetaction="hide" title="Close team chat">
                       <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true">
                         <line x1="18" y1="6" x2="6" y2="18"></line>
                         <line x1="6" y1="6" x2="18" y2="18"></line>
@@ -327,7 +326,7 @@
               class="ui-button ui-button--ghost ui-button--toolbar toolbar-overflow-toggle"
               id="toolbarOverflowToggle"
               aria-label="Open more actions"
-              aria-expanded="false"
+              popovertarget="toolbarOverflowMenu"
               title="More actions"
             >
               <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true">
@@ -337,7 +336,7 @@
               </svg>
             </button>
-            <div class="toolbar-overflow-menu" id="toolbarOverflowMenu">
+            <div class="toolbar-overflow-menu" id="toolbarOverflowMenu" popover="auto">
               <button class="ui-button ui-button--ghost ui-button--toolbar hidden" id="fileHistoryBtn" aria-label="Open file history" title="View file history">
                 <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="M3 12a9 9 0 1 0 3-6.7"></path>
@@ -363,6 +362,24 @@
                 <span class="ui-toolbar-button-label">Share</span>
               </button>
+              <button class="ui-button ui-button--ghost ui-button--toolbar hidden" id="connectAgentBtn" aria-label="Connect AI Agent" title="Connect AI Agent">
+                <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">
+                  <rect x="5" y="7" width="14" height="11" rx="3"></rect>
+                  <path d="M12 3v4M8 12h.01M16 12h.01M9 16h6"></path>
+                </svg>
+                <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>
@@ -460,7 +477,7 @@
                   <circle cx="11" cy="11" r="8"></circle>
                   <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
                 </svg>
-                Search Everything
+                Search everything
                 <kbd class="empty-state-kbd">⌘K</kbd>
               </button>
             </div>
@@ -509,7 +526,7 @@
               </div>
               <div id="markdownToolbar" class="markdown-toolbar hidden" role="toolbar" aria-label="Markdown formatting"></div>
               <div id="editorContainer" class="editor-container">
-                <div class="editor-loading" id="editorLoading">
+                <div class="editor-loading" id="editorLoading" role="status" aria-live="polite" aria-label="Loading file…">
                   <div class="skeleton-line skeleton-line--title skeleton-line--break"></div>
                   <div class="skeleton-line skeleton-line--full"></div>
                   <div class="skeleton-line skeleton-line--ninety"></div>
@@ -540,7 +557,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>
@@ -630,7 +647,7 @@
               </div>
               <div class="diff-toolbar-actions">
                 <button class="ui-button ui-button--secondary ui-button--action ui-button--wide ui-button--surface hidden diff-back-btn" id="diffBackToHistoryBtn" type="button">
-                  Back to History
+                  Back to history
                 </button>
                 <div class="diff-toolbar-actions-group diff-toolbar-actions-group-git" id="diffGitActionsGroup" role="group" aria-label="Git file actions">
                   <button class="ui-button ui-button--secondary ui-button--action ui-button--wide ui-button--surface" id="diffPrimaryActionBtn" type="button" disabled>
@@ -648,12 +665,12 @@
                 <span class="ui-stat-token ui-stat-token--del diff-stats-del">-0</span>
               </div>
               <div class="ui-segmented-control hidden diff-layout-toggle" id="diffLayoutToggle" role="group" aria-label="Commit diff layout">
-                <button class="ui-segmented-btn view-btn diff-layout-btn" data-diff-layout="stacked" type="button">Stacked</button>
-                <button class="ui-segmented-btn active view-btn diff-layout-btn" data-diff-layout="focused" type="button">Focused</button>
+                <button class="ui-segmented-btn diff-layout-btn" data-diff-layout="stacked" type="button" aria-pressed="false">Stacked</button>
+                <button class="ui-segmented-btn active diff-layout-btn" data-diff-layout="focused" type="button" aria-pressed="true">Focused</button>
               </div>
               <div class="ui-segmented-control diff-mode-toggle" role="group" aria-label="Diff view mode">
-                <button class="ui-segmented-btn active view-btn diff-mode-btn" data-diff-mode="unified" type="button">Unified</button>
-                <button class="ui-segmented-btn view-btn diff-mode-btn" data-diff-mode="split" type="button">Split</button>
+                <button class="ui-segmented-btn active diff-mode-btn" data-diff-mode="unified" type="button" aria-pressed="true">Unified</button>
+                <button class="ui-segmented-btn diff-mode-btn" data-diff-mode="split" type="button" aria-pressed="false">Split</button>
               </div>
               <span class="diff-toolbar-actions-divider" id="diffToolbarDivider" aria-hidden="true"></span>
               <div class="diff-toolbar-actions-group" id="diffEditorActionsGroup" role="group" aria-label="Navigation actions">
@@ -670,7 +687,7 @@
       </main>
     </div>
-    <dialog class="app-dialog" id="displayNameDialog">
+    <dialog class="app-dialog" id="displayNameDialog" aria-labelledby="displayNameTitle">
       <form class="app-dialog-form" id="displayNameForm" method="dialog">
         <div class="app-dialog-header">
           <h2 class="app-dialog-title" id="displayNameTitle">Update display name</h2>
@@ -687,7 +704,31 @@
       </form>
     </dialog>
-    <dialog class="app-dialog" id="fileActionDialog">
+    <dialog class="app-dialog agent-connection-dialog" id="agentConnectionDialog" aria-labelledby="agentConnectionTitle">
+      <div class="app-dialog-form">
+        <div class="app-dialog-header">
+          <h2 class="app-dialog-title" id="agentConnectionTitle">Connect an AI agent</h2>
+          <p class="app-dialog-copy">Follow the steps below to give an agent secure access to this workspace.</p>
+        </div>
+        <div id="agentConnectionContent"></div>
+      </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">
           <h2 class="app-dialog-title" id="fileActionTitle">Create file</h2>
@@ -706,7 +747,7 @@
       </form>
     </dialog>
-    <dialog class="app-dialog" id="gitCommitDialog">
+    <dialog class="app-dialog" id="gitCommitDialog" aria-labelledby="gitCommitTitle">
       <form class="app-dialog-form" id="gitCommitForm" method="dialog">
         <div class="app-dialog-header">
           <h2 class="app-dialog-title" id="gitCommitTitle">Commit included files</h2>
@@ -724,7 +765,7 @@
       </form>
     </dialog>
-    <dialog class="app-dialog" id="gitResetDialog">
+    <dialog class="app-dialog" id="gitResetDialog" aria-labelledby="gitResetTitle">
       <form class="app-dialog-form" method="dialog">
         <div class="app-dialog-header">
           <h2 class="app-dialog-title" id="gitResetTitle">Reset file</h2>
@@ -739,12 +780,12 @@
         </div>
         <div class="app-dialog-actions">
           <button class="ui-button ui-button--secondary" id="gitResetCancel" type="button">Cancel</button>
-          <button class="ui-button ui-button--danger" id="gitResetSubmit" type="button">Reset File</button>
+          <button class="ui-button ui-button--danger" id="gitResetSubmit" type="button">Reset file</button>
         </div>
       </form>
     </dialog>
-    <div class="tab-lock-overlay hidden" id="tabLockOverlay" role="dialog" aria-modal="true" aria-labelledby="tabLockTitle">
+    <dialog class="tab-lock-overlay" id="tabLockOverlay" aria-labelledby="tabLockTitle">
       <div class="tab-lock-card">
         <span class="tab-lock-kicker">Single active tab</span>
         <h2 class="tab-lock-title" id="tabLockTitle">This vault is active in another tab</h2>
@@ -753,11 +794,11 @@
           <button type="button" class="ui-button ui-button--primary ui-button--lg" id="tabLockTakeoverBtn">Take over here</button>
         </div>
       </div>
-    </div>
+    </dialog>
     <div class="toast-container" id="toastContainer"></div>
-    <div class="qs-overlay" id="quickSwitcher" role="dialog" aria-modal="true" aria-labelledby="quickSwitcherTitle" aria-hidden="true">
+    <dialog class="qs-overlay" id="quickSwitcher" aria-labelledby="quickSwitcherTitle" closedby="any">
       <div class="qs-modal">
         <h2 class="sr-only" id="quickSwitcherTitle">Search files and text</h2>
         <div class="qs-mode-tabs" role="tablist" aria-label="Search mode">
@@ -769,7 +810,7 @@
             <circle cx="11" cy="11" r="8"></circle>
             <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
           </svg>
-          <input type="text" class="qs-input" id="quickSwitcherInput" role="combobox" placeholder="Search files..." aria-label="Search files" aria-controls="quickSwitcherResults" aria-describedby="quickSwitcherHint quickSwitcherScope" aria-autocomplete="list" aria-expanded="false" autocomplete="off" spellcheck="false">
+          <input type="text" class="qs-input" id="quickSwitcherInput" role="combobox" placeholder="Search files..." aria-label="Search files" aria-controls="quickSwitcherResults" aria-describedby="quickSwitcherHint quickSwitcherScope" aria-autocomplete="list" aria-expanded="false" autocomplete="off" spellcheck="false" autofocus>
           <kbd class="qs-kbd">esc</kbd>
         </div>
         <div class="qs-scope hidden" id="quickSwitcherScope" role="note" aria-hidden="true">Exact, case-insensitive text in Markdown, Base, Mermaid, PlantUML, Draw.io, and Excalidraw files. Images are excluded.</div>
@@ -781,8 +822,7 @@
           <span><kbd>Tab</kbd> Switch mode</span>
         </div>
       </div>
-    </div>
-  <script vite-ignore src="./app-config.js"></script>
+    </dialog>
   <script type="module" src="./main-entry.js"></script>
 </body>
 </html>

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

@@ -1,21 +1,17 @@
-import darkHighlightThemeUrl from '../assets/vendor/highlight/github-dark.min.css?url';
-import lightHighlightThemeUrl from '../assets/vendor/highlight/github.min.css?url';
-import '../styles/base.css';
+import { CollabMdAppShell } from '../bootstrap/collabmd-app-shell.js';
+import { ensureClientAuthenticated } from '../infrastructure/auth-client.js';
 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;
+async function start() {
+  await ensureClientAuthenticated();
+  const app = new CollabMdAppShell();
+  await app.initialize();
 }
-ensureHighlightThemeStylesheet();
-await import('../main.js');
+if (document.readyState === 'loading') {
+  document.addEventListener('DOMContentLoaded', () => {
+    void start();
+  }, { once: true });
+} else {
+  void start();
+}

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

@@ -72,34 +72,23 @@ export const chatFeature = {
     this.renderChat();
   },
-  toggleChatPanel() {
-    if (this.chatIsOpen) {
-      this.closeChatPanel({ restoreFocus: true });
-      return;
-    }
-    this.openChatPanel();
-  },
   openChatPanel() {
     this.chatIsOpen = true;
     this.chatUnreadCount = 0;
+    if (!this.elements.chatPanel?.matches(':popover-open')) {
+      this.elements.chatPanel?.showPopover();
+    }
     this.renderChat({ stickToBottom: true });
-    requestAnimationFrame(() => {
-      this.elements.chatInput?.focus();
-    });
+    requestAnimationFrame(() => this.elements.chatInput?.focus());
   },
-  closeChatPanel({ restoreFocus = false } = {}) {
-    if (!this.chatIsOpen) {
-      return;
+  closeChatPanel() {
+    if (this.elements.chatPanel?.matches(':popover-open')) {
+      this.elements.chatPanel.hidePopover();
     }
     this.chatIsOpen = false;
     this.renderChat({ messagesChanged: false });
-    if (restoreFocus) {
-      requestAnimationFrame(() => this.elements.chatToggleButton?.focus());
-    }
   },
   handleChatSubmit() {
@@ -129,8 +118,6 @@ export const chatFeature = {
   },
   renderChat({ messagesChanged = true, stickToBottom = false } = {}) {
-    this.elements.chatContainer?.classList.toggle('is-open', this.chatIsOpen);
-    this.elements.chatPanel?.classList.toggle('hidden', !this.chatIsOpen);
     this.syncChatToggleButton();
     this.syncChatNotificationButton();
@@ -363,8 +350,6 @@ export const chatFeature = {
     button.classList.toggle('is-active', this.chatIsOpen);
     button.classList.toggle('is-unread', shouldEmphasizeUnread);
-    button.setAttribute('aria-controls', 'chatPanel');
-    button.setAttribute('aria-expanded', String(this.chatIsOpen));
     button.setAttribute(
       'aria-label',
       hasUnread ? `Open team chat, ${this.chatUnreadCount} unread` : 'Open team chat',

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?.();
   },