feat(wopi): add WOPI protocol support for collaborative editing

Implement the Web Application Open Platform Interface (WOPI) protocol
to enable collaborative document editing with Collabora Online and
OnlyOffice through OxiCloud.

Backend:
- WOPI token service with HMAC-SHA256 signed access tokens
- WOPI lock service with in-memory lock management and expiry
- WOPI discovery service for auto-detecting editor capabilities
- WOPI HTTP handler: CheckFileInfo, GetFile, PutFile, Lock/Unlock
- File entity extended with owner_id for WOPI file-info responses
- Configuration via WOPI_* environment variables
- Services wired through DI in AppState

Frontend:
- WOPI editor component with modal and new-tab viewing modes
- Context menu integration for opening files in online editors
- Inline viewer integration for document preview

Infrastructure:
- Docker Compose file for local Collabora/OnlyOffice dev setup

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

static/js/app/ui.js

@@ -48,6 +48,12 @@ const ui = {
                 <div class="context-menu-item" id="view-file-option">
                     <i class="fas fa-eye"></i> <span data-i18n="actions.view">View</span>
                 </div>
+                <div class="context-menu-item" id="wopi-edit-file-option" style="display:none">
+                    <i class="fas fa-file-word"></i> <span>Edit in Office</span>
+                </div>
+                <div class="context-menu-item" id="wopi-edit-file-tab-option" style="display:none">
+                    <i class="fas fa-external-link-alt"></i> <span>Edit in Office (new tab)</span>
+                </div>
                 <div class="context-menu-item" id="download-file-option">
                     <i class="fas fa-download"></i> <span data-i18n="actions.download">Download</span>
                 </div>
@@ -721,6 +727,11 @@ const ui = {
             if (window.recent) {
                 document.dispatchEvent(new CustomEvent('file-accessed', { detail: { file } }));
             }
+            // WOPI editor intercept: open Office documents in the WOPI editor
+            if (window.wopiEditor && window.wopiEditor.canEdit(file.name)) {
+                window.wopiEditor.openInModal(file.id, file.name, 'edit');
+                return;
+            }
             if (self.isViewableFile(file)) {
                 if (window.inlineViewer) window.inlineViewer.openFile(file);
                 else window.fileOps.downloadFile(file.id, file.name);
@@ -838,6 +849,9 @@ const ui = {
                 if (window.contextMenus && typeof window.contextMenus.syncFavoriteOptionLabels === 'function') {
                     window.contextMenus.syncFavoriteOptionLabels();
                 }
+                if (window.contextMenus && typeof window.contextMenus.syncWopiOptionVisibility === 'function') {
+                    window.contextMenus.syncWopiOptionVisibility().catch(function(){});
+                }
                 menu.style.left = `${e.pageX}px`;
                 menu.style.top  = `${e.pageY}px`;
                 menu.style.display = 'block';
@@ -1268,6 +1282,9 @@ function showContextMenuAtElement(triggerElement, menuId) {
     if (window.contextMenus && typeof window.contextMenus.syncFavoriteOptionLabels === 'function') {
         window.contextMenus.syncFavoriteOptionLabels();
     }
+    if (window.contextMenus && typeof window.contextMenus.syncWopiOptionVisibility === 'function') {
+        window.contextMenus.syncWopiOptionVisibility().catch(function(){});
+    }
 
     menu.style.left = `${left}px`;
     menu.style.top = `${top}px`;