npm - collabmd - Versions diffs - 0.1.44 → 0.1.45 - Mend

collabmd 0.1.44 → 0.1.45

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

package/dist/client/index.html CHANGED Viewed

@@ -15,12 +15,12 @@
       document.documentElement.setAttribute('data-initial-file-requested', 'true');
     }
   </script>
-  <script type="module" crossorigin src="./assets/index-Bz1KuQ6y.js"></script>
-  <link rel="modulepreload" crossorigin href="./assets/runtime-config-loader-BHGniHP5.js">
+  <script type="module" crossorigin src="./assets/index-D2wXraJ1.js"></script>
+  <link rel="modulepreload" crossorigin href="./assets/modulepreload-polyfill-P2Xu9kJm.js">
   <link rel="modulepreload" crossorigin href="./assets/preload-helper-HclGiUj8.js">
   <link rel="modulepreload" crossorigin href="./assets/base-CxPEiHuy.js">
   <link rel="stylesheet" crossorigin href="./assets/base-CaIEJUF9.css">
-  <link rel="stylesheet" crossorigin href="./assets/index-7xOyXDhP.css">
+  <link rel="stylesheet" crossorigin href="./assets/index-C3YnUgMD.css">
 </head>
 <body>
@@ -61,6 +61,21 @@
                 <span class="sidebar-create-btn-label">Create</span>
               </button>
             </div>
+            <button
+              class="ui-icon-button sidebar-options-btn"
+              id="fileExplorerOptionsBtn"
+              type="button"
+              aria-label="File explorer options"
+              aria-expanded="false"
+              aria-haspopup="menu"
+              title="File explorer options"
+            >
+              <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="12" cy="5" r="1"></circle>
+                <circle cx="12" cy="12" r="1"></circle>
+                <circle cx="12" cy="19" r="1"></circle>
+              </svg>
+            </button>
           </div>
         </div>
         <div class="ui-nav-tabs" id="sidebarTabs">
@@ -117,6 +132,19 @@
         <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>
+        <div
+          class="sidebar-resizer"
+          id="sidebarResizer"
+          role="separator"
+          aria-orientation="vertical"
+          aria-label="Resize sidebar"
+          aria-controls="sidebar"
+          aria-valuemin="220"
+          aria-valuemax="420"
+          aria-valuenow="260"
+          tabindex="0"
+          title="Drag to resize sidebar"
+        ></div>
       </aside>
       <button
@@ -144,7 +172,24 @@
           </div>
           <div class="toolbar-center" id="toolbarCenter">
-            <div class="ui-segmented-control view-toggle" role="group" aria-label="View mode">
+            <button
+              class="ui-button ui-button--secondary ui-button--compact toolbar-search-trigger"
+              id="toolbarSearchBtn"
+              type="button"
+              aria-label="Search files and text"
+              aria-controls="quickSwitcher"
+              aria-haspopup="dialog"
+              aria-keyshortcuts="Meta+K Control+K"
+              title="Search files and text (⌘K)"
+            >
+              <svg width="15" height="15" 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>
+                <line x1="20" y1="20" x2="16.65" y2="16.65"></line>
+              </svg>
+              <span class="toolbar-search-label">Search</span>
+              <kbd class="toolbar-search-kbd">⌘K</kbd>
+            </button>
+            <div class="ui-segmented-control view-toggle" id="toolbarViewToggle" role="group" aria-label="View mode">
               <button class="ui-segmented-btn active view-btn" data-view="split" aria-label="Split view" aria-pressed="true" title="Split view">
                 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                   <rect x="3" y="3" width="18" height="18" rx="2"></rect>
@@ -192,7 +237,7 @@
             <div class="user-avatars toolbar-presence-cluster" id="userAvatars"></div>
-            <section class="presence-panel hidden" id="presencePanel" aria-label="Online users" aria-hidden="true">
+            <section class="collaboration-popover presence-panel hidden" id="presencePanel" aria-label="Online users" aria-hidden="true">
               <div class="presence-panel-header">
                 <div>
                   <h2 class="presence-panel-title">Online now</h2>
@@ -203,7 +248,7 @@
             </section>
             <div class="chat-container" id="chatContainer">
-              <button class="ui-button ui-button--ghost ui-button--toolbar chat-toggle-btn" id="chatToggleBtn" aria-label="Open team chat" 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" aria-controls="chatPanel" aria-expanded="false" 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>
@@ -212,23 +257,44 @@
               </button>
               <div class="toast-container chat-toast-container" id="chatToastContainer" aria-live="polite" aria-atomic="true"></div>
-              <section class="chat-panel hidden" id="chatPanel" aria-label="Team chat">
+              <section class="collaboration-popover chat-panel hidden" id="chatPanel" role="dialog" aria-labelledby="chatPanelTitle">
                 <div class="chat-panel-header">
-                  <div>
-                    <h2 class="chat-panel-title">Team chat</h2>
-                    <p class="chat-panel-status" id="chatStatus">Syncing...</p>
+                  <div class="chat-panel-heading">
+                    <h2 class="chat-panel-title" id="chatPanelTitle">Team chat</h2>
+                    <p class="chat-panel-status" id="chatStatus" role="status" aria-live="polite" aria-atomic="true">Syncing...</p>
+                  </div>
+                  <div class="chat-panel-actions">
+                    <span class="ui-status-badge ui-status-badge--accent chat-notification-status hidden" id="chatNotificationStatus" role="status"></span>
+                    <button
+                      type="button"
+                      class="ui-button ui-button--ghost ui-button--compact chat-notification-action"
+                      id="chatNotificationBtn"
+                    >Enable desktop alerts</button>
+                    <button
+                      type="button"
+                      class="ui-icon-button chat-notification-mute-action hidden"
+                      id="chatNotificationMuteBtn"
+                      aria-label="Mute desktop alerts for one hour"
+                      aria-pressed="false"
+                      title="Mute desktop alerts for one hour"
+                    >
+                      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                        <path d="M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9"></path>
+                        <path d="M13.73 21a2 2 0 0 1-3.46 0"></path>
+                        <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">
+                      <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>
+                      </svg>
+                    </button>
                   </div>
-                  <button
-                    class="ui-button ui-button--secondary ui-button--compact ui-button--action ui-button--surface ui-button--pill chat-notification-action"
-                    id="chatNotificationBtn"
-                    type="button"
-                  >
-                    Enable alerts
-                  </button>
                 </div>
-                <div class="chat-empty-state" id="chatEmptyState">
-                  Temporary room chat for whoever is online right now.
+                <div class="ui-empty-state ui-empty-state--compact chat-empty-state" id="chatEmptyState">
+                  Messages are visible to everyone in this room.
                 </div>
                 <div class="chat-messages hidden" id="chatMessages" role="log" aria-live="polite" aria-relevant="additions text"></div>
@@ -237,10 +303,11 @@
                     type="text"
                     class="ui-input chat-input"
                     id="chatInput"
-                    placeholder="Send a quick update..."
+                    placeholder="Message the room..."
                     autocomplete="off"
                     spellcheck="true"
                     maxlength="280"
+                    enterkeyhint="send"
                     aria-label="Team chat message"
                   >
                   <button type="submit" class="ui-button ui-button--primary chat-send-btn">Send</button>
@@ -652,28 +719,31 @@
     <div class="toast-container" id="toastContainer"></div>
-    <div class="qs-overlay" id="quickSwitcher">
+    <div class="qs-overlay" id="quickSwitcher" role="dialog" aria-modal="true" aria-labelledby="quickSwitcherTitle" aria-hidden="true">
       <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">
-          <button class="qs-mode-tab active" type="button" role="tab" aria-selected="true" data-qs-mode="files">Files</button>
-          <button class="qs-mode-tab" type="button" role="tab" aria-selected="false" data-qs-mode="text">Text</button>
+          <button class="qs-mode-tab active" id="quickSwitcherFilesTab" type="button" role="tab" aria-controls="quickSwitcherResults" aria-selected="true" data-qs-mode="files">Files</button>
+          <button class="qs-mode-tab" id="quickSwitcherTextTab" type="button" role="tab" aria-controls="quickSwitcherResults" aria-selected="false" data-qs-mode="text">Text</button>
         </div>
         <div class="qs-input-wrap">
           <svg class="qs-search-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
             <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" placeholder="Search files..." autocomplete="off" spellcheck="false">
+          <input type="text" class="qs-input" id="quickSwitcherInput" placeholder="Search files..." aria-label="Search files" aria-controls="quickSwitcherResults" aria-describedby="quickSwitcherHint quickSwitcherScope" autocomplete="off" spellcheck="false">
           <kbd class="qs-kbd">esc</kbd>
         </div>
-        <div class="qs-results" id="quickSwitcherResults"></div>
-        <div class="qs-hint" id="quickSwitcherHint">Type to search files</div>
-        <div class="qs-footer" aria-hidden="true">
+        <div class="qs-scope hidden" id="quickSwitcherScope" role="note" aria-hidden="true">Exact, case-insensitive text in Markdown, Base, Mermaid, PlantUML, and Draw.io files. Images and Excalidraw are excluded.</div>
+        <div class="qs-results" id="quickSwitcherResults" role="listbox" aria-label="Search results" aria-busy="false" tabindex="-1"></div>
+        <div class="qs-hint" id="quickSwitcherHint" role="status" aria-live="polite" aria-atomic="true">Type to search files</div>
+        <div class="qs-footer">
           <span><kbd>↑</kbd><kbd>↓</kbd> Navigate</span>
           <span><kbd>↵</kbd> Open</span>
           <span><kbd>Tab</kbd> Switch mode</span>
         </div>
       </div>
     </div>
+  <script  src="./app-config.js"></script>
 </body>
 </html>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "collabmd",
-  "version": "0.1.44",
+  "version": "0.1.45",
   "type": "module",
   "description": "Collaborative markdown vault — like Obsidian, but online. Serve any directory of markdown files for realtime collaborative editing.",
   "repository": {
@@ -43,10 +43,10 @@
     "test:e2e:headed": "npm run build && playwright test --headed",
     "test:e2e:prebuilt": "playwright test",
     "test:excalidraw:stress": "node scripts/run-excalidraw-reliability-stress.mjs",
-    "test:guardrails": "node --test tests/node/style-system-guardrails.test.js",
-    "test:integration": "npm run build && node scripts/run-node-tests.mjs integration",
-    "test:integration:prebuilt": "node scripts/run-node-tests.mjs integration",
-    "test:unit": "npm run build && node scripts/run-node-tests.mjs fast",
+    "test:guardrails": "node --test tests/node/guardrails/*.test.js",
+    "test:integration": "npm run build && npm run test:integration:prebuilt",
+    "test:integration:prebuilt": "node --test --test-force-exit --test-concurrency=2 tests/node/integration/*.test.js",
+    "test:unit": "npm run build && node --test --test-force-exit tests/node/*.test.js",
     "tunnel": "node scripts/cloudflare-tunnel.mjs"
   },
   "keywords": [
@@ -73,9 +73,7 @@
     "@codemirror/state": "^6.7.1",
     "@codemirror/theme-one-dark": "^6.1.3",
     "@codemirror/view": "^6.43.8",
-    "@excalidraw/excalidraw": "0.18.0-ab0255f",
-    "@fontsource-variable/inter": "^5.3.0",
-    "@fontsource/jetbrains-mono": "^5.3.0",
+    "@excalidraw/excalidraw": "0.18.0-4872083",
     "@turbodocx/html-to-docx": "^1.22.0",
     "archiver": "^8.0.0",
     "highlight.js": "^11.11.1",
@@ -87,10 +85,10 @@
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
     "sharp": "^0.35.3",
-    "ws": "^8.21.2",
+    "ws": "^8.21.3",
     "y-codemirror.next": "^0.3.5",
     "y-protocols": "^1.0.7",
-    "y-websocket": "^3.0.0",
+    "y-websocket": "^3.1.0",
     "yjs": "^13.6.32"
   },
   "overrides": {
@@ -103,9 +101,9 @@
     "@playwright/test": "^1.62.1",
     "@vitest/browser": "^4.1.10",
     "@vitest/browser-playwright": "^4.1.10",
-    "eslint": "^10.8.0",
+    "eslint": "^10.8.1",
     "globals": "^17.9.0",
-    "vite": "^8.2.0",
+    "vite": "^8.2.1",
     "vitest": "^4.1.10"
   }
 }

package/src/client/app/drawio-editor-entry.js CHANGED Viewed

@@ -1,4 +1 @@
-import { ensureRuntimeConfigLoaded } from '../infrastructure/runtime-config-loader.js';
-await ensureRuntimeConfigLoaded();
 await import('../drawio-editor.js');

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

@@ -9,6 +9,7 @@
   <div id="root">
     <div class="drawio-loading" id="loadingState">Loading draw.io…</div>
   </div>
+  <script vite-ignore src="./app-config.js"></script>
   <script type="module" src="./drawio-editor-entry.js"></script>
 </body>
 </html>

package/src/client/app/excalidraw-editor-entry.js CHANGED Viewed

@@ -1,4 +1 @@
-import { ensureRuntimeConfigLoaded } from '../infrastructure/runtime-config-loader.js';
-await ensureRuntimeConfigLoaded();
 await import('../excalidraw-editor.js');

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

@@ -9,6 +9,7 @@
   <div id="root">
     <div class="loading-state" id="loadingState">Loading Excalidraw...</div>
   </div>
+  <script vite-ignore src="./app-config.js"></script>
   <script type="module" src="./excalidraw-editor-entry.js"></script>
 </body>
 </html>

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

@@ -6,8 +6,6 @@ import '../styles/features/preview-markdown.css';
 import '../styles/overrides/highlightjs.css';
 import '../styles/export-document.css';
-import { ensureRuntimeConfigLoaded } from '../infrastructure/runtime-config-loader.js';
 function ensureHighlightThemeStylesheet() {
   let themeStylesheet = document.getElementById('hljs-theme');
   if (!(themeStylesheet instanceof HTMLLinkElement)) {
@@ -20,6 +18,5 @@ function ensureHighlightThemeStylesheet() {
   themeStylesheet.href = lightHighlightThemeUrl;
 }
-await ensureRuntimeConfigLoaded();
 ensureHighlightThemeStylesheet();
 await import('../export/export-page.js');

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

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

@@ -55,6 +55,21 @@
                 <span class="sidebar-create-btn-label">Create</span>
               </button>
             </div>
+            <button
+              class="ui-icon-button sidebar-options-btn"
+              id="fileExplorerOptionsBtn"
+              type="button"
+              aria-label="File explorer options"
+              aria-expanded="false"
+              aria-haspopup="menu"
+              title="File explorer options"
+            >
+              <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="12" cy="5" r="1"></circle>
+                <circle cx="12" cy="12" r="1"></circle>
+                <circle cx="12" cy="19" r="1"></circle>
+              </svg>
+            </button>
           </div>
         </div>
         <div class="ui-nav-tabs" id="sidebarTabs">
@@ -111,6 +126,19 @@
         <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>
+        <div
+          class="sidebar-resizer"
+          id="sidebarResizer"
+          role="separator"
+          aria-orientation="vertical"
+          aria-label="Resize sidebar"
+          aria-controls="sidebar"
+          aria-valuemin="220"
+          aria-valuemax="420"
+          aria-valuenow="260"
+          tabindex="0"
+          title="Drag to resize sidebar"
+        ></div>
       </aside>
       <button
@@ -138,7 +166,24 @@
           </div>
           <div class="toolbar-center" id="toolbarCenter">
-            <div class="ui-segmented-control view-toggle" role="group" aria-label="View mode">
+            <button
+              class="ui-button ui-button--secondary ui-button--compact toolbar-search-trigger"
+              id="toolbarSearchBtn"
+              type="button"
+              aria-label="Search files and text"
+              aria-controls="quickSwitcher"
+              aria-haspopup="dialog"
+              aria-keyshortcuts="Meta+K Control+K"
+              title="Search files and text (⌘K)"
+            >
+              <svg width="15" height="15" 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>
+                <line x1="20" y1="20" x2="16.65" y2="16.65"></line>
+              </svg>
+              <span class="toolbar-search-label">Search</span>
+              <kbd class="toolbar-search-kbd">⌘K</kbd>
+            </button>
+            <div class="ui-segmented-control view-toggle" id="toolbarViewToggle" role="group" aria-label="View mode">
               <button class="ui-segmented-btn active view-btn" data-view="split" aria-label="Split view" aria-pressed="true" title="Split view">
                 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                   <rect x="3" y="3" width="18" height="18" rx="2"></rect>
@@ -186,7 +231,7 @@
             <div class="user-avatars toolbar-presence-cluster" id="userAvatars"></div>
-            <section class="presence-panel hidden" id="presencePanel" aria-label="Online users" aria-hidden="true">
+            <section class="collaboration-popover presence-panel hidden" id="presencePanel" aria-label="Online users" aria-hidden="true">
               <div class="presence-panel-header">
                 <div>
                   <h2 class="presence-panel-title">Online now</h2>
@@ -197,7 +242,7 @@
             </section>
             <div class="chat-container" id="chatContainer">
-              <button class="ui-button ui-button--ghost ui-button--toolbar chat-toggle-btn" id="chatToggleBtn" aria-label="Open team chat" 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" aria-controls="chatPanel" aria-expanded="false" 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>
@@ -206,23 +251,44 @@
               </button>
               <div class="toast-container chat-toast-container" id="chatToastContainer" aria-live="polite" aria-atomic="true"></div>
-              <section class="chat-panel hidden" id="chatPanel" aria-label="Team chat">
+              <section class="collaboration-popover chat-panel hidden" id="chatPanel" role="dialog" aria-labelledby="chatPanelTitle">
                 <div class="chat-panel-header">
-                  <div>
-                    <h2 class="chat-panel-title">Team chat</h2>
-                    <p class="chat-panel-status" id="chatStatus">Syncing...</p>
+                  <div class="chat-panel-heading">
+                    <h2 class="chat-panel-title" id="chatPanelTitle">Team chat</h2>
+                    <p class="chat-panel-status" id="chatStatus" role="status" aria-live="polite" aria-atomic="true">Syncing...</p>
+                  </div>
+                  <div class="chat-panel-actions">
+                    <span class="ui-status-badge ui-status-badge--accent chat-notification-status hidden" id="chatNotificationStatus" role="status"></span>
+                    <button
+                      type="button"
+                      class="ui-button ui-button--ghost ui-button--compact chat-notification-action"
+                      id="chatNotificationBtn"
+                    >Enable desktop alerts</button>
+                    <button
+                      type="button"
+                      class="ui-icon-button chat-notification-mute-action hidden"
+                      id="chatNotificationMuteBtn"
+                      aria-label="Mute desktop alerts for one hour"
+                      aria-pressed="false"
+                      title="Mute desktop alerts for one hour"
+                    >
+                      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                        <path d="M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9"></path>
+                        <path d="M13.73 21a2 2 0 0 1-3.46 0"></path>
+                        <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">
+                      <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>
+                      </svg>
+                    </button>
                   </div>
-                  <button
-                    class="ui-button ui-button--secondary ui-button--compact ui-button--action ui-button--surface ui-button--pill chat-notification-action"
-                    id="chatNotificationBtn"
-                    type="button"
-                  >
-                    Enable alerts
-                  </button>
                 </div>
-                <div class="chat-empty-state" id="chatEmptyState">
-                  Temporary room chat for whoever is online right now.
+                <div class="ui-empty-state ui-empty-state--compact chat-empty-state" id="chatEmptyState">
+                  Messages are visible to everyone in this room.
                 </div>
                 <div class="chat-messages hidden" id="chatMessages" role="log" aria-live="polite" aria-relevant="additions text"></div>
@@ -231,10 +297,11 @@
                     type="text"
                     class="ui-input chat-input"
                     id="chatInput"
-                    placeholder="Send a quick update..."
+                    placeholder="Message the room..."
                     autocomplete="off"
                     spellcheck="true"
                     maxlength="280"
+                    enterkeyhint="send"
                     aria-label="Team chat message"
                   >
                   <button type="submit" class="ui-button ui-button--primary chat-send-btn">Send</button>
@@ -646,29 +713,32 @@
     <div class="toast-container" id="toastContainer"></div>
-    <div class="qs-overlay" id="quickSwitcher">
+    <div class="qs-overlay" id="quickSwitcher" role="dialog" aria-modal="true" aria-labelledby="quickSwitcherTitle" aria-hidden="true">
       <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">
-          <button class="qs-mode-tab active" type="button" role="tab" aria-selected="true" data-qs-mode="files">Files</button>
-          <button class="qs-mode-tab" type="button" role="tab" aria-selected="false" data-qs-mode="text">Text</button>
+          <button class="qs-mode-tab active" id="quickSwitcherFilesTab" type="button" role="tab" aria-controls="quickSwitcherResults" aria-selected="true" data-qs-mode="files">Files</button>
+          <button class="qs-mode-tab" id="quickSwitcherTextTab" type="button" role="tab" aria-controls="quickSwitcherResults" aria-selected="false" data-qs-mode="text">Text</button>
         </div>
         <div class="qs-input-wrap">
           <svg class="qs-search-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
             <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" placeholder="Search files..." autocomplete="off" spellcheck="false">
+          <input type="text" class="qs-input" id="quickSwitcherInput" placeholder="Search files..." aria-label="Search files" aria-controls="quickSwitcherResults" aria-describedby="quickSwitcherHint quickSwitcherScope" autocomplete="off" spellcheck="false">
           <kbd class="qs-kbd">esc</kbd>
         </div>
-        <div class="qs-results" id="quickSwitcherResults"></div>
-        <div class="qs-hint" id="quickSwitcherHint">Type to search files</div>
-        <div class="qs-footer" aria-hidden="true">
+        <div class="qs-scope hidden" id="quickSwitcherScope" role="note" aria-hidden="true">Exact, case-insensitive text in Markdown, Base, Mermaid, PlantUML, and Draw.io files. Images and Excalidraw are excluded.</div>
+        <div class="qs-results" id="quickSwitcherResults" role="listbox" aria-label="Search results" aria-busy="false" tabindex="-1"></div>
+        <div class="qs-hint" id="quickSwitcherHint" role="status" aria-live="polite" aria-atomic="true">Type to search files</div>
+        <div class="qs-footer">
           <span><kbd>↑</kbd><kbd>↓</kbd> Navigate</span>
           <span><kbd>↵</kbd> Open</span>
           <span><kbd>Tab</kbd> Switch mode</span>
         </div>
       </div>
     </div>
+  <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,12 +1,8 @@
 import darkHighlightThemeUrl from '../assets/vendor/highlight/github-dark.min.css?url';
 import lightHighlightThemeUrl from '../assets/vendor/highlight/github.min.css?url';
-import '@fontsource-variable/inter';
-import '@fontsource/jetbrains-mono';
 import '../styles/base.css';
 import '../styles/style.css';
-import { ensureRuntimeConfigLoaded } from '../infrastructure/runtime-config-loader.js';
 function ensureHighlightThemeStylesheet() {
   let themeStylesheet = document.getElementById('hljs-theme');
   if (!(themeStylesheet instanceof HTMLLinkElement)) {
@@ -21,6 +17,5 @@ function ensureHighlightThemeStylesheet() {
   themeStylesheet.dataset.lightHref = lightHighlightThemeUrl;
 }
-await ensureRuntimeConfigLoaded();
 ensureHighlightThemeStylesheet();
 await import('../main.js');