[stable33] fix(files): edited files marked locked in files list after close

src/components/Editor.vue

@@ -652,6 +652,7 @@ export default defineComponent({
 
 		onSave() {
 			if (this.fileNode) {
+				// Cheap file update for Files app while the editor is still open
 				this.fileNode.mtime = new Date()
 				this.fileNode.size = new Blob([this.serialize()]).size
 				emit('files:node:updated', this.fileNode)
@@ -728,6 +729,16 @@ export default defineComponent({
 					logger.warn('Failed to destroy editor', { error })
 				}
 			}
+
+			// Update the file in Files with the latest size, mtime, the lock state
+			if (this.fileNode) {
+				const updatedNode = await fetchNode(this.fileNode).catch((err) =>
+					logger.warn('Failed to fetch node', { err }),
+				)
+				if (updatedNode) {
+					emit('files:node:updated', updatedNode)
+				}
+			}
 		},
 
 		/**

src/services/SyncService.ts

@@ -342,16 +342,20 @@ class SyncService {
 
 	async close() {
 		this.backend?.disconnect()
-		if (this.hasActiveConnection()) {
-			close(this.connection.value)
+
+		const activeConnection = this.connection.value
+
+		// Clear connection immediately so hasActiveConnection turns false and we can reconnect.
+		this.connection.value = undefined
+		this.bus.emit('close')
+
+		if (activeConnection) {
+			await close(activeConnection)
 				// Log and ignore possible network issues.
 				.catch((e) => {
 					logger.info('Failed to close connection.', { e })
 				})
 		}
-		// Clear connection so hasActiveConnection turns false and we can reconnect.
-		this.connection.value = undefined
-		this.bus.emit('close')
 	}
 }