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

collabmd 0.1.47 → 0.1.49

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

package/dist/client/index.html CHANGED Viewed

@@ -15,16 +15,32 @@
       document.documentElement.setAttribute('data-initial-file-requested', 'true');
     }
   </script>
-  <script type="module" crossorigin src="./assets/index-Z5sI0Bj-.js"></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-BIpgxyGZ.css">
+  <link rel="stylesheet" crossorigin href="./assets/index-DREVKl_K.css">
 </head>
 <body>
-    <a href="#editorContainer" class="sr-only skip-link">Skip to editor</a>
+    <a href="#editorContainer" class="sr-only skip-link" id="skipToEditor">Skip to editor</a>
     <div class="app-shell">
       <aside id="sidebar" class="sidebar">
@@ -78,8 +94,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>
@@ -87,7 +103,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>
@@ -95,7 +111,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>
@@ -131,9 +147,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"
@@ -216,6 +232,16 @@
           </div>
           <div class="toolbar-right">
+            <button class="ui-button ui-button--ghost ui-button--compact hidden" id="reviewFileChangesBtn" type="button" aria-label="Review changes to this file" title="Review changes to this file">
+              <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">
+                <line x1="6" y1="3" x2="6" y2="15"></line>
+                <circle cx="18" cy="6" r="3"></circle>
+                <circle cx="6" cy="18" r="3"></circle>
+                <path d="M18 9a9 9 0 0 1-9 9"></path>
+              </svg>
+              <span class="ui-toolbar-button-label">Review changes</span>
+            </button>
             <button class="ui-button ui-button--ghost ui-button--toolbar mobile-view-toggle" id="mobileViewToggle" aria-label="Toggle editor/preview" title="Toggle view">
               <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                 <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
@@ -227,19 +253,19 @@
             <div class="toolbar-status-cluster" 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>
+            <div class="toolbar-presence-cluster">
+              <div class="user-avatars" id="userAvatars"></div>
               <button
                 type="button"
-                class="ui-pill-badge ui-pill-badge--muted toolbar-badge toolbar-badge-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>
-            <div class="user-avatars toolbar-presence-cluster" id="userAvatars"></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>
@@ -250,7 +276,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>
@@ -259,7 +285,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>
@@ -286,7 +312,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>
@@ -321,7 +347,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">
@@ -331,7 +357,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>
@@ -357,6 +383,14 @@
                 <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 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>
@@ -454,7 +488,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>
@@ -483,6 +517,14 @@
                     </svg>
                     <span class="ui-action-label">Comment</span>
                   </button>
+                  <button class="ui-button ui-button--ghost ui-button--compact ui-button--toggle" id="editorFormatBtn" aria-label="Format document" title="Format document">
+                    <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="M4 7h10"></path>
+                      <path d="M4 12h16"></path>
+                      <path d="M4 17h10"></path>
+                    </svg>
+                    <span class="ui-action-label">Format</span>
+                  </button>
                   <button class="ui-button ui-button--ghost ui-button--compact ui-button--toggle" id="toggleWrapBtn" aria-label="Disable line wrap" title="Disable line wrap">
                     <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="M3 6h14a4 4 0 1 1 0 8H9"></path>
@@ -495,7 +537,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>
@@ -513,6 +555,7 @@
               <div class="pane-header">
                 <span class="pane-label">Preview</span>
                 <div class="pane-header-actions">
+                  <button class="ui-button ui-button--ghost ui-button--compact ui-button--toggle hidden" id="htmlPreviewMaximize" aria-label="Maximize HTML preview" title="Maximize HTML preview"></button>
                   <div id="backlinksHeaderPanel" class="backlinks-panel backlinks-panel-header hidden" data-backlinks-variant="header">
                     <button type="button" class="backlinks-header" aria-expanded="false">
                       <svg class="backlinks-chevron" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
@@ -615,20 +658,14 @@
               </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>
-                    Stage
+                    Include in commit
                   </button>
                   <button class="ui-button ui-button--primary ui-button--action ui-button--wide" id="diffCommitBtn" type="button" disabled>
-                    Commit Staged
-                  </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">
-                  <button class="ui-button ui-button--secondary ui-button--action ui-button--wide ui-button--surface diff-open-editor-btn" id="diffOpenEditorBtn" type="button" disabled>
-                    Open in Editor
+                    Commit included files
                   </button>
                 </div>
               </div>
@@ -639,12 +676,18 @@
                 <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">
+                <button class="ui-button ui-button--secondary ui-button--action ui-button--wide ui-button--surface diff-open-editor-btn" id="diffOpenEditorBtn" type="button" disabled>
+                  Open in editor
+                </button>
               </div>
             </div>
           </div>
@@ -655,7 +698,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>
@@ -672,7 +715,17 @@
       </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" 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>
@@ -691,24 +744,25 @@
       </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 staged changes</h2>
-          <p class="app-dialog-copy" id="gitCommitCopy">All staged changes will be included.</p>
+          <h2 class="app-dialog-title" id="gitCommitTitle">Commit included files</h2>
+          <p class="app-dialog-copy" id="gitCommitCopy">All included changes will be committed.</p>
         </div>
         <label class="app-dialog-field" for="gitCommitInput">
-          <span class="app-dialog-label">Commit message</span>
-          <input type="text" class="ui-input" id="gitCommitInput" name="gitCommitMessage" autocomplete="off" spellcheck="true" required>
+          <span class="app-dialog-label">What changed?</span>
+          <input type="text" class="ui-input" id="gitCommitInput" name="gitCommitMessage" autocomplete="off" spellcheck="true" aria-describedby="gitCommitHint" required>
+          <span class="app-dialog-hint" id="gitCommitHint">This becomes the Git commit message.</span>
         </label>
         <div class="app-dialog-actions">
           <button type="button" class="ui-button ui-button--secondary" id="gitCommitCancel">Cancel</button>
-          <button type="submit" class="ui-button ui-button--primary" id="gitCommitSubmit">Commit staged changes</button>
+          <button type="submit" class="ui-button ui-button--primary" id="gitCommitSubmit">Commit included files</button>
         </div>
       </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>
@@ -723,12 +777,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>
@@ -737,11 +791,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">
@@ -753,7 +807,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>
@@ -765,7 +819,7 @@
           <span><kbd>Tab</kbd> Switch mode</span>
         </div>
       </div>
-    </div>
+    </dialog>
   <script  src="./app-config.js"></script>
 </body>
 </html>

package/integrations/pi/index.ts ADDED Viewed

@@ -0,0 +1,94 @@
+import { Client, StreamableHTTPClientTransport } from '@modelcontextprotocol/client';
+import type { ExtensionAPI } from '@earendil-works/pi-coding-agent';
+import { Type } from 'typebox';
+let client: Client | null = null;
+let transport: StreamableHTTPClientTransport | null = null;
+async function getClient() {
+  if (client) return client;
+  const endpoint = process.env.COLLABMD_MCP_URL?.trim();
+  const token = process.env.COLLABMD_ACCESS_TOKEN?.trim();
+  if (!endpoint) {
+    throw new Error('Set COLLABMD_MCP_URL from CollabMD Connect AI Agent.');
+  }
+  const url = new URL(endpoint);
+  if (url.protocol !== 'https:' && !['localhost', '127.0.0.1', '::1'].includes(url.hostname)) {
+    throw new Error('Remote CollabMD MCP endpoints must use HTTPS.');
+  }
+  client = new Client({ name: 'collabmd-pi', version: '1.0.0' });
+  transport = new StreamableHTTPClientTransport(url, token
+    ? { authProvider: { token: async () => token } }
+    : {});
+  await client.connect(transport);
+  return client;
+}
+async function callTool(name: string, args: Record<string, unknown>, signal: AbortSignal) {
+  const connected = await getClient();
+  const result = await connected.callTool({ arguments: args, name }, { signal });
+  return { content: result.content, details: result.structuredContent ?? result };
+}
+export default function collabMdExtension(pi: ExtensionAPI) {
+  pi.registerTool({
+    name: 'collabmd_list_documents',
+    label: 'List CollabMD documents',
+    description: 'List readable documents in the connected CollabMD vault.',
+    parameters: Type.Object({
+      kinds: Type.Optional(Type.Array(Type.String())),
+      limit: Type.Optional(Type.Integer({ maximum: 200, minimum: 1 })),
+      prefix: Type.Optional(Type.String()),
+    }),
+    execute: (_id, params, signal) => callTool('list_documents', params, signal),
+  });
+  pi.registerTool({
+    name: 'collabmd_search_vault',
+    label: 'Search CollabMD vault',
+    description: 'Search current CollabMD Vault Content and return path/line evidence.',
+    parameters: Type.Object({ query: Type.String({ minLength: 2 }) }),
+    execute: (_id, params, signal) => callTool('search_vault', params, signal),
+  });
+  pi.registerTool({
+    name: 'collabmd_read_document',
+    label: 'Read CollabMD document',
+    description: 'Read current document content and revision before answering or editing.',
+    parameters: Type.Object({
+      lineCount: Type.Optional(Type.Integer({ maximum: 500, minimum: 1 })),
+      path: Type.String(),
+      startLine: Type.Optional(Type.Integer({ minimum: 1 })),
+    }),
+    execute: (_id, params, signal) => callTool('read_document', params, signal),
+  });
+  pi.registerTool({
+    name: 'collabmd_apply_text_edits',
+    label: 'Edit CollabMD document',
+    description: 'Apply exact replacements using current CollabMD document revision.',
+    parameters: Type.Object({
+      path: Type.String(),
+      replacements: Type.Array(Type.Object({ newText: Type.String(), oldText: Type.String() })),
+      revision: Type.String(),
+    }),
+    execute: (_id, params, signal) => callTool('apply_text_edits', params, signal),
+  });
+  pi.registerTool({
+    name: 'collabmd_create_document',
+    label: 'Create CollabMD document',
+    description: 'Create a new supported CollabMD text document.',
+    parameters: Type.Object({ content: Type.String(), path: Type.String() }),
+    execute: (_id, params, signal) => callTool('create_document', params, signal),
+  });
+  pi.registerTool({
+    name: 'collabmd_get_supported_syntax',
+    label: 'Get CollabMD syntax',
+    description: 'Describe CollabMD-supported formats and syntax before creating files.',
+    parameters: Type.Object({ kind: Type.Optional(Type.String()) }),
+    execute: (_id, params, signal) => callTool('get_collabmd_syntax', params, signal),
+  });
+  pi.on('session_shutdown', async () => {
+    await transport?.close().catch(() => {});
+    transport = null;
+    client = null;
+  });
+}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "collabmd",
-  "version": "0.1.47",
+  "version": "0.1.49",
   "type": "module",
   "description": "Collaborative markdown vault — like Obsidian, but online. Serve any directory of markdown files for realtime collaborative editing.",
   "repository": {
@@ -19,11 +19,17 @@
     "scripts/cloudflare-tunnel.mjs",
     "scripts/local-plantuml-compose.mjs",
     "scripts/local-structurizr-compose.mjs",
-    "src/"
+    "src/",
+    "integrations/"
   ],
   "bin": {
     "collabmd": "./bin/collabmd.js"
   },
+  "pi": {
+    "extensions": [
+      "./integrations/pi/index.ts"
+    ]
+  },
   "scripts": {
     "prepack": "npm run build",
     "build": "vite build",
@@ -67,34 +73,18 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@codemirror/autocomplete": "^6.20.3",
-    "@codemirror/commands": "^6.11.0",
-    "@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-abeeaeb",
+    "@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",
     "openid-client": "^6.8.7",
-    "react": "^19.2.8",
-    "react-dom": "^19.2.8",
-    "sharp": "^0.35.3",
+    "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": {
@@ -110,14 +100,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.1",
+    "@codemirror/state": "^6.7.1",
+    "@codemirror/theme-one-dark": "^6.1.3",
+    "@codemirror/view": "^6.43.9",
+    "@embedpdf/snippet": "2.15.0",
     "@eslint/js": "^10.0.1",
+    "@excalidraw/excalidraw": "0.18.0-abeeaeb",
     "@playwright/test": "^1.62.1",
+    "@replit/codemirror-vim": "^6.4.0",
     "@vitest/browser": "^4.1.11",
     "@vitest/browser-playwright": "^4.1.11",
-    "eslint": "^10.8.1",
+    "eslint": "^10.9.1",
     "globals": "^17.11.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": "^4.1.11",
+    "y-codemirror.next": "^0.3.6",
+    "y-websocket": "^3.1.0"
+  }
 }

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

@@ -7,9 +7,9 @@
 </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

@@ -7,9 +7,9 @@
 </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

@@ -10,7 +10,7 @@
     <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>