chore: update GitHub Actions workflows to use Node.js 22.x and enhance connection indicator styling

.github/workflows/obsidian-plugin-lint.yml

@@ -25,17 +25,12 @@ jobs:
     defaults:
       run:
         working-directory: surfsense_obsidian
-    strategy:
-      fail-fast: false
-      matrix:
-        node-version: [20.x, 22.x]
-
     steps:
       - uses: actions/checkout@v6
 
       - uses: actions/setup-node@v6
         with:
-          node-version: ${{ matrix.node-version }}
+          node-version: 22.x
           cache: npm
           cache-dependency-path: surfsense_obsidian/package-lock.json
 

.github/workflows/release-obsidian-plugin.yml

@@ -36,7 +36,7 @@ jobs:
 
       - uses: actions/setup-node@v6
         with:
-          node-version: 20.x
+          node-version: 22.x
           cache: npm
           cache-dependency-path: surfsense_obsidian/package-lock.json
 

surfsense_obsidian/src/settings.ts

@@ -115,7 +115,7 @@ export class SurfSenseSettingTab extends PluginSettingTab {
 					if (this.plugin.settings.searchSpaceId !== null) {
 						try {
 							await this.plugin.engine.ensureConnected();
-							await this.plugin.engine.flushQueue();
+							await this.plugin.engine.maybeReconcile(true);
 							new Notice("Surfsense: vault connected.");
 							this.display();
 						} catch (err) {
@@ -267,6 +267,7 @@ export class SurfSenseSettingTab extends PluginSettingTab {
 
 	private renderConnectionHeading(containerEl: HTMLElement): void {
 		const heading = new Setting(containerEl).setName("Connection").setHeading();
+		heading.nameEl.addClass("surfsense-connection-heading");
 		const indicator = heading.nameEl.createSpan({
 			cls: "surfsense-connection-indicator",
 		});

surfsense_obsidian/styles.css

@@ -40,12 +40,16 @@
 
 .surfsense-connection-indicator {
 	display: inline-flex;
-	margin-left: 8px;
-	vertical-align: middle;
 	width: 14px;
 	height: 14px;
 }
 
+.surfsense-connection-heading {
+	display: inline-flex;
+	align-items: center;
+	gap: 8px;
+}
+
 .surfsense-connection-indicator svg {
 	width: 14px;
 	height: 14px;