fontastic 1.2.0 → 1.3.0

package/app/database/repository/Store.repository.ts

@@ -135,9 +135,8 @@ export const StoreRepository = {
       });
     }
 
-    if (options.take) {
-      db.limit(options.take);
-    }
+    const MAX_SEARCH_LIMIT = 5000;
+    db.limit(Math.min(options.take || 500, MAX_SEARCH_LIMIT));
 
     if (options.skip) {
       db.offset(options.skip);
@@ -322,13 +321,7 @@ export const StoreRepository = {
       data.version = item.version;
     }
 
-    //@todo Log errors in log table.
-    return await this.createQueryBuilder()
-      .insert()
-      .into(Store)
-      .values(data)
-      .execute()
-      .catch((err: any) => console.log('insert-error', err));
+    return await this.createQueryBuilder().insert().into(Store).values(data).execute();
   },
 
   async evaluateSmartRules(rules: SmartCollectionRule[], matchType: string, options: any = {}) {
@@ -437,19 +430,18 @@ export const StoreRepository = {
   },
 
   async fetchSystemStats() {
-    const rowCount = await this.createQueryBuilder().select('COUNT(*)', 'total').getRawOne();
-
-    const favoriteCount = await this.createQueryBuilder().select('COUNT(*)', 'total').where('store.favorite = 1').getRawOne();
-
-    const systemCount = await this.createQueryBuilder().select('COUNT(*)', 'total').where('store.system = 1').getRawOne();
-
-    const temporaryCount = await this.createQueryBuilder().select('COUNT(*)', 'total').where('store.temporary = 1').getRawOne();
+    const stats = await this.createQueryBuilder()
+      .select('COUNT(*)', 'rowCount')
+      .addSelect('SUM(CASE WHEN store.favorite = 1 THEN 1 ELSE 0 END)', 'favoriteCount')
+      .addSelect('SUM(CASE WHEN store.system = 1 THEN 1 ELSE 0 END)', 'systemCount')
+      .addSelect('SUM(CASE WHEN store.temporary = 1 THEN 1 ELSE 0 END)', 'temporaryCount')
+      .getRawOne();
 
     return {
-      rowCount: rowCount.total,
-      favoriteCount: favoriteCount.total,
-      systemCount: systemCount.total,
-      temporaryCount: temporaryCount.total,
+      rowCount: Number(stats.rowCount) || 0,
+      favoriteCount: Number(stats.favoriteCount) || 0,
+      systemCount: Number(stats.systemCount) || 0,
+      temporaryCount: Number(stats.temporaryCount) || 0,
     };
   },
 };

package/app/enums/ChannelType.js

@@ -63,6 +63,24 @@ var ChannelType;
     ChannelType["IPC_SMART_COLLECTION_UPDATE"] = "IPC_SMART_COLLECTION_UPDATE";
     ChannelType["IPC_SMART_COLLECTION_DELETE"] = "IPC_SMART_COLLECTION_DELETE";
     ChannelType["IPC_SMART_COLLECTION_EVALUATE"] = "IPC_SMART_COLLECTION_EVALUATE";
+    ChannelType["IPC_SMART_COLLECTION_PREVIEW"] = "IPC_SMART_COLLECTION_PREVIEW";
     ChannelType["IPC_TOGGLE_PANEL"] = "IPC_TOGGLE_PANEL";
+    // Native Theme
+    ChannelType["IPC_GET_NATIVE_THEME"] = "IPC_GET_NATIVE_THEME";
+    ChannelType["IPC_NATIVE_THEME_CHANGED"] = "IPC_NATIVE_THEME_CHANGED";
+    // Safe Storage
+    ChannelType["IPC_SAFE_STORE"] = "IPC_SAFE_STORE";
+    ChannelType["IPC_SAFE_RETRIEVE"] = "IPC_SAFE_RETRIEVE";
+    // Session
+    ChannelType["IPC_CLEAR_CACHE"] = "IPC_CLEAR_CACHE";
+    // Power Monitor
+    ChannelType["IPC_POWER_SUSPEND"] = "IPC_POWER_SUSPEND";
+    ChannelType["IPC_POWER_RESUME"] = "IPC_POWER_RESUME";
+    ChannelType["IPC_POWER_SHUTDOWN"] = "IPC_POWER_SHUTDOWN";
+    ChannelType["IPC_POWER_LOCK_SCREEN"] = "IPC_POWER_LOCK_SCREEN";
+    // System Preferences
+    ChannelType["IPC_GET_SYSTEM_PREFERENCES"] = "IPC_GET_SYSTEM_PREFERENCES";
+    // Scan Progress (MessageChannelMain)
+    ChannelType["IPC_SCAN_PROGRESS_PORT"] = "IPC_SCAN_PROGRESS_PORT";
 })(ChannelType || (exports.ChannelType = ChannelType = {}));
 //# sourceMappingURL=ChannelType.js.map

package/app/enums/ChannelType.ts

@@ -68,6 +68,30 @@ export enum ChannelType {
   IPC_SMART_COLLECTION_UPDATE = 'IPC_SMART_COLLECTION_UPDATE',
   IPC_SMART_COLLECTION_DELETE = 'IPC_SMART_COLLECTION_DELETE',
   IPC_SMART_COLLECTION_EVALUATE = 'IPC_SMART_COLLECTION_EVALUATE',
+  IPC_SMART_COLLECTION_PREVIEW = 'IPC_SMART_COLLECTION_PREVIEW',
 
   IPC_TOGGLE_PANEL = 'IPC_TOGGLE_PANEL',
+
+  // Native Theme
+  IPC_GET_NATIVE_THEME = 'IPC_GET_NATIVE_THEME',
+  IPC_NATIVE_THEME_CHANGED = 'IPC_NATIVE_THEME_CHANGED',
+
+  // Safe Storage
+  IPC_SAFE_STORE = 'IPC_SAFE_STORE',
+  IPC_SAFE_RETRIEVE = 'IPC_SAFE_RETRIEVE',
+
+  // Session
+  IPC_CLEAR_CACHE = 'IPC_CLEAR_CACHE',
+
+  // Power Monitor
+  IPC_POWER_SUSPEND = 'IPC_POWER_SUSPEND',
+  IPC_POWER_RESUME = 'IPC_POWER_RESUME',
+  IPC_POWER_SHUTDOWN = 'IPC_POWER_SHUTDOWN',
+  IPC_POWER_LOCK_SCREEN = 'IPC_POWER_LOCK_SCREEN',
+
+  // System Preferences
+  IPC_GET_SYSTEM_PREFERENCES = 'IPC_GET_SYSTEM_PREFERENCES',
+
+  // Scan Progress (MessageChannelMain)
+  IPC_SCAN_PROGRESS_PORT = 'IPC_SCAN_PROGRESS_PORT',
 }

package/app/main.js

@@ -1,10 +1,20 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const electron_1 = require("electron");
 const path = require("path");
 const fs = require("fs");
 const node_machine_id_1 = require("node-machine-id");
 const Application_1 = require("./Application");
+const ChannelType_1 = require("./enums/ChannelType");
 electron_1.app.name = 'Fontastic';
 const iconPath = path.join(__dirname, '..', 'src', 'assets', 'icons', 'favicon.512x512.png');
 electron_1.app.setAboutPanelOptions({
@@ -18,6 +28,32 @@ const appReadyPromise = new Promise((resolve) => {
     resolveAppReady = resolve;
 });
 const args = process.argv.slice(1), serve = args.some((val) => val === '--serve');
+// --- Native Theme ---
+function getNativeThemeState() {
+    return {
+        shouldUseDarkColors: electron_1.nativeTheme.shouldUseDarkColors,
+        themeSource: electron_1.nativeTheme.themeSource,
+    };
+}
+electron_1.ipcMain.handle(ChannelType_1.ChannelType.IPC_GET_NATIVE_THEME, () => getNativeThemeState());
+electron_1.nativeTheme.on('updated', () => {
+    if (win && !win.isDestroyed()) {
+        win.webContents.send(ChannelType_1.ChannelType.IPC_NATIVE_THEME_CHANGED, getNativeThemeState());
+    }
+});
+// --- System Preferences ---
+function getSystemPreferencesState() {
+    var _a, _b;
+    let reduceMotion = false;
+    if (process.platform === 'darwin') {
+        reduceMotion = electron_1.systemPreferences.getAnimationSettings().prefersReducedMotion;
+    }
+    return {
+        accentColor: (_b = (_a = electron_1.systemPreferences.getAccentColor) === null || _a === void 0 ? void 0 : _a.call(electron_1.systemPreferences)) !== null && _b !== void 0 ? _b : '',
+        reduceMotion,
+    };
+}
+electron_1.ipcMain.handle(ChannelType_1.ChannelType.IPC_GET_SYSTEM_PREFERENCES, () => getSystemPreferencesState());
 function createWindow() {
     const size = electron_1.screen.getPrimaryDisplay().workAreaSize;
     // Create the browser window.
@@ -80,9 +116,50 @@ try {
     // Some APIs can only be used after this event occurs.
     // Added 400 ms to fix the black background issue while using transparent window. More detais at https://github.com/electron/electron/issues/15947
     electron_1.app.on('ready', () => {
-        electron_1.protocol.handle('font', (request) => {
+        electron_1.protocol.handle('font', (request) => __awaiter(void 0, void 0, void 0, function* () {
             const filePath = decodeURIComponent(request.url.replace('font://', ''));
-            return electron_1.net.fetch(`file://${filePath}`);
+            try {
+                return yield electron_1.net.fetch(`file://${filePath}`);
+            }
+            catch (_a) {
+                return new Response('Not found', { status: 404 });
+            }
+        }));
+        // --- Session: deny unnecessary permissions ---
+        electron_1.session.defaultSession.setPermissionRequestHandler((_webContents, permission, callback) => {
+            const allowed = ['clipboard-read', 'clipboard-sanitized-write'];
+            callback(allowed.includes(permission));
+        });
+        // --- Session: set CSP in production ---
+        if (!serve) {
+            electron_1.session.defaultSession.webRequest.onHeadersReceived((details, callback) => {
+                callback({
+                    responseHeaders: Object.assign(Object.assign({}, details.responseHeaders), { 'Content-Security-Policy': [
+                            "default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; font-src 'self' font:; img-src 'self' data: https:;",
+                        ] }),
+                });
+            });
+        }
+        // --- Power Monitor ---
+        electron_1.powerMonitor.on('suspend', () => {
+            if (win && !win.isDestroyed()) {
+                win.webContents.send(ChannelType_1.ChannelType.IPC_POWER_SUSPEND);
+            }
+        });
+        electron_1.powerMonitor.on('resume', () => {
+            if (win && !win.isDestroyed()) {
+                win.webContents.send(ChannelType_1.ChannelType.IPC_POWER_RESUME);
+            }
+        });
+        electron_1.powerMonitor.on('shutdown', () => {
+            if (win && !win.isDestroyed()) {
+                win.webContents.send(ChannelType_1.ChannelType.IPC_POWER_SHUTDOWN);
+            }
+        });
+        electron_1.powerMonitor.on('lock-screen', () => {
+            if (win && !win.isDestroyed()) {
+                win.webContents.send(ChannelType_1.ChannelType.IPC_POWER_LOCK_SCREEN);
+            }
         });
         setTimeout(createWindow, 400);
     });

package/app/main.ts

@@ -1,8 +1,22 @@
-import { app, BrowserWindow, ipcMain, nativeImage, net, protocol, screen } from 'electron';
+import {
+  app,
+  BrowserWindow,
+  ipcMain,
+  nativeImage,
+  nativeTheme,
+  net,
+  powerMonitor,
+  protocol,
+  screen,
+  session,
+  systemPreferences,
+} from 'electron';
 import * as path from 'path';
 import * as fs from 'fs';
 import { machineId } from 'node-machine-id';
 import Application from './Application';
+import { ChannelType } from './enums/ChannelType';
+import type { NativeThemeState, SystemPreferencesState } from './types';
 
 app.name = 'Fontastic';
 
@@ -23,6 +37,39 @@ const appReadyPromise = new Promise<void>((resolve) => {
 const args = process.argv.slice(1),
   serve = args.some((val) => val === '--serve');
 
+// --- Native Theme ---
+
+function getNativeThemeState(): NativeThemeState {
+  return {
+    shouldUseDarkColors: nativeTheme.shouldUseDarkColors,
+    themeSource: nativeTheme.themeSource,
+  };
+}
+
+ipcMain.handle(ChannelType.IPC_GET_NATIVE_THEME, () => getNativeThemeState());
+
+nativeTheme.on('updated', () => {
+  if (win && !win.isDestroyed()) {
+    win.webContents.send(ChannelType.IPC_NATIVE_THEME_CHANGED, getNativeThemeState());
+  }
+});
+
+// --- System Preferences ---
+
+function getSystemPreferencesState(): SystemPreferencesState {
+  let reduceMotion = false;
+  if (process.platform === 'darwin') {
+    reduceMotion = systemPreferences.getAnimationSettings().prefersReducedMotion;
+  }
+
+  return {
+    accentColor: systemPreferences.getAccentColor?.() ?? '',
+    reduceMotion,
+  };
+}
+
+ipcMain.handle(ChannelType.IPC_GET_SYSTEM_PREFERENCES, () => getSystemPreferencesState());
+
 function createWindow(): BrowserWindow {
   const size = screen.getPrimaryDisplay().workAreaSize;
 
@@ -95,10 +142,60 @@ try {
   // Some APIs can only be used after this event occurs.
   // Added 400 ms to fix the black background issue while using transparent window. More detais at https://github.com/electron/electron/issues/15947
   app.on('ready', () => {
-    protocol.handle('font', (request) => {
+    protocol.handle('font', async (request) => {
       const filePath = decodeURIComponent(request.url.replace('font://', ''));
-      return net.fetch(`file://${filePath}`);
+      try {
+        return await net.fetch(`file://${filePath}`);
+      } catch {
+        return new Response('Not found', { status: 404 });
+      }
     });
+
+    // --- Session: deny unnecessary permissions ---
+    session.defaultSession.setPermissionRequestHandler((_webContents, permission, callback) => {
+      const allowed = ['clipboard-read', 'clipboard-sanitized-write'];
+      callback(allowed.includes(permission));
+    });
+
+    // --- Session: set CSP in production ---
+    if (!serve) {
+      session.defaultSession.webRequest.onHeadersReceived((details, callback) => {
+        callback({
+          responseHeaders: {
+            ...details.responseHeaders,
+            'Content-Security-Policy': [
+              "default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; font-src 'self' font:; img-src 'self' data: https:;",
+            ],
+          },
+        });
+      });
+    }
+
+    // --- Power Monitor ---
+    powerMonitor.on('suspend', () => {
+      if (win && !win.isDestroyed()) {
+        win.webContents.send(ChannelType.IPC_POWER_SUSPEND);
+      }
+    });
+
+    powerMonitor.on('resume', () => {
+      if (win && !win.isDestroyed()) {
+        win.webContents.send(ChannelType.IPC_POWER_RESUME);
+      }
+    });
+
+    powerMonitor.on('shutdown', () => {
+      if (win && !win.isDestroyed()) {
+        win.webContents.send(ChannelType.IPC_POWER_SHUTDOWN);
+      }
+    });
+
+    powerMonitor.on('lock-screen', () => {
+      if (win && !win.isDestroyed()) {
+        win.webContents.send(ChannelType.IPC_POWER_LOCK_SCREEN);
+      }
+    });
+
     setTimeout(createWindow, 400);
   });
 

package/app/package.json

@@ -5,7 +5,7 @@
     "name": "Tom Shaw",
     "email": ""
   },
-  "version": "1.2.0",
+  "version": "1.3.0",
   "main": "main.js",
   "private": true,
   "dependencies": {

package/app/types/NativeThemeState.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=NativeThemeState.js.map

package/app/types/NativeThemeState.ts

@@ -0,0 +1,4 @@
+export interface NativeThemeState {
+  shouldUseDarkColors: boolean;
+  themeSource: 'system' | 'light' | 'dark';
+}

package/app/types/ScanProgress.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=ScanProgress.js.map

package/app/types/ScanProgress.ts

@@ -0,0 +1,6 @@
+export interface ScanProgress {
+  processed: number;
+  total: number;
+  currentFile: string;
+  errors: number;
+}

package/app/types/SystemPreferencesState.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=SystemPreferencesState.js.map

package/app/types/SystemPreferencesState.ts

@@ -0,0 +1,4 @@
+export interface SystemPreferencesState {
+  accentColor: string;
+  reduceMotion: boolean;
+}

package/app/types/index.js

@@ -24,4 +24,7 @@ __exportStar(require("./SystemStats"), exports);
 __exportStar(require("./SystemConfig"), exports);
 __exportStar(require("./ImportOptions"), exports);
 __exportStar(require("./SmartCollection"), exports);
+__exportStar(require("./NativeThemeState"), exports);
+__exportStar(require("./SystemPreferencesState"), exports);
+__exportStar(require("./ScanProgress"), exports);
 //# sourceMappingURL=index.js.map

package/app/types/index.ts

@@ -8,3 +8,6 @@ export * from './SystemStats';
 export * from './SystemConfig';
 export * from './ImportOptions';
 export * from './SmartCollection';
+export * from './NativeThemeState';
+export * from './SystemPreferencesState';
+export * from './ScanProgress';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fontastic",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Fontastic is an Electron-based font management and cataloging application built for organizing, browsing, and inspecting font libraries.",
   "homepage": "https://github.com/tomshaw/fontastic",
   "private": false,

package/src/app/core/services/database/database.service.ts

@@ -371,6 +371,12 @@ export class DatabaseService {
     );
   }
 
+  smartCollectionPreview(rules: any[], matchType: string): Promise<number> {
+    return this.message.smartCollectionPreview(rules, matchType).then((result) => {
+      return result[1] as number;
+    });
+  }
+
   // Store
 
   storeFind(args: any): Promise<Store[]> {

package/src/app/core/services/message/message.service.ts

@@ -4,7 +4,7 @@ import type { Collection } from '@main/database/entity/Collection.schema';
 import type { Logger } from '@main/database/entity/Logger.schema';
 import type { Store, StoreManyAndCountType } from '@main/database/entity/Store.schema';
 import { ChannelType } from '@main/enums';
-import type { FontMetrics, SystemConfig, SystemStats } from '@main/types';
+import type { FontMetrics, NativeThemeState, SystemConfig, SystemPreferencesState, SystemStats } from '@main/types';
 import type { SmartCollection } from '@main/database/entity/SmartCollection.schema';
 
 @Injectable({
@@ -236,6 +236,10 @@ export class MessageService {
     return this.invoke<StoreManyAndCountType>(ChannelType.IPC_SMART_COLLECTION_EVALUATE, { id, ...options });
   }
 
+  smartCollectionPreview(rules: any[], matchType: string): Promise<StoreManyAndCountType> {
+    return this.invoke<StoreManyAndCountType>(ChannelType.IPC_SMART_COLLECTION_PREVIEW, { rules, match_type: matchType });
+  }
+
   // Store
 
   storeFind(args: any): Promise<Store[]> {
@@ -311,4 +315,32 @@ export class MessageService {
   loggerTruncate(): Promise<Logger[]> {
     return this.invoke<Logger[]>(ChannelType.IPC_LOGGER_TRUNCATE);
   }
+
+  // Native Theme
+
+  getNativeTheme(): Promise<NativeThemeState> {
+    return this.invoke<NativeThemeState>(ChannelType.IPC_GET_NATIVE_THEME);
+  }
+
+  // Safe Storage
+
+  safeStore(key: string, value: string): Promise<void> {
+    return this.invoke(ChannelType.IPC_SAFE_STORE, { key, value });
+  }
+
+  safeRetrieve(key: string): Promise<string | null> {
+    return this.invoke<string | null>(ChannelType.IPC_SAFE_RETRIEVE, key);
+  }
+
+  // Session
+
+  clearCache(): Promise<void> {
+    return this.invoke(ChannelType.IPC_CLEAR_CACHE);
+  }
+
+  // System Preferences
+
+  getSystemPreferences(): Promise<SystemPreferencesState> {
+    return this.invoke<SystemPreferencesState>(ChannelType.IPC_GET_SYSTEM_PREFERENCES);
+  }
 }

package/src/app/core/services/presentation/presentation.service.ts

@@ -2,7 +2,7 @@ import { Injectable, inject, signal, computed, effect, untracked } from '@angula
 import { ElectronService } from '../electron/electron.service';
 import { MessageService } from '../message/message.service';
 import { ChannelType, StorageType } from '@main/enums';
-import type { LayoutPanelType, LayoutPreviewType } from '@main/types';
+import type { LayoutPanelType, LayoutPreviewType, NativeThemeState, ScanProgress } from '@main/types';
 
 @Injectable({ providedIn: 'root' })
 export class PresentationService {
@@ -21,6 +21,7 @@ export class PresentationService {
     this.loadingCount--;
     if (this.loadingCount === 0) {
       this.loading.set(false);
+      this.scanProgress.set(null);
     }
   }
 
@@ -28,6 +29,20 @@ export class PresentationService {
 
   readonly theme = signal<string>('light');
 
+  // Native Theme: auto-sync with OS dark mode
+  readonly autoTheme = signal(false);
+  readonly nativeThemeState = signal<NativeThemeState | null>(null);
+
+  // System Preferences
+  readonly systemAccentColor = signal('');
+  readonly reduceMotion = signal(false);
+
+  // Power Monitor
+  readonly suspended = signal(false);
+
+  // Scan Progress (MessageChannelMain)
+  readonly scanProgress = signal<ScanProgress | null>(null);
+
   constructor() {
     effect(() => {
       const current = this.theme();
@@ -37,12 +52,21 @@ export class PresentationService {
       }
     });
 
+    // Apply reduce-motion class based on OS preference
+    effect(() => {
+      document.documentElement.classList.toggle('reduce-motion', this.reduceMotion());
+    });
+
     if (this.electronService.isElectron) {
       this.loadThemeSettings();
       this.loadLayoutSettings();
       this.loadPreviewSettings();
       this.loadNavigationExpandedSettings();
       this.listenForMenuToggle();
+      this.initNativeTheme();
+      this.initSystemPreferences();
+      this.initPowerMonitor();
+      this.initScanProgress();
 
       let themeInitialized = false;
       effect(() => {
@@ -241,6 +265,74 @@ export class PresentationService {
     this.navigationExpandedIds.set([]);
   }
 
+  // --- Native Theme ---
+
+  private async initNativeTheme() {
+    const state = await this.messageService.getNativeTheme();
+    this.nativeThemeState.set(state);
+    this.applyAutoTheme(state);
+
+    this.messageService.on(ChannelType.IPC_NATIVE_THEME_CHANGED, (_event: any, state: NativeThemeState) => {
+      this.nativeThemeState.set(state);
+      this.applyAutoTheme(state);
+    });
+  }
+
+  private applyAutoTheme(state: NativeThemeState) {
+    if (this.autoTheme()) {
+      this.theme.set(state.shouldUseDarkColors ? 'midnight' : 'light');
+    }
+  }
+
+  setAutoTheme(enabled: boolean) {
+    this.autoTheme.set(enabled);
+    if (enabled) {
+      const state = this.nativeThemeState();
+      if (state) {
+        this.theme.set(state.shouldUseDarkColors ? 'midnight' : 'light');
+      }
+    }
+  }
+
+  // --- System Preferences ---
+
+  private async initSystemPreferences() {
+    const prefs = await this.messageService.getSystemPreferences();
+    this.systemAccentColor.set(prefs.accentColor);
+    this.reduceMotion.set(prefs.reduceMotion);
+  }
+
+  // --- Power Monitor ---
+
+  private initPowerMonitor() {
+    this.messageService.on(ChannelType.IPC_POWER_SUSPEND, () => {
+      this.suspended.set(true);
+    });
+
+    this.messageService.on(ChannelType.IPC_POWER_RESUME, () => {
+      this.suspended.set(false);
+    });
+  }
+
+  // --- Scan Progress (MessageChannelMain) ---
+
+  private initScanProgress() {
+    this.electronService.ipcRenderer.on(ChannelType.IPC_SCAN_PROGRESS_PORT, (event: any) => {
+      const port = event.ports[0];
+      if (!port) return;
+
+      port.onmessage = (msgEvent: MessageEvent<ScanProgress>) => {
+        this.scanProgress.set(msgEvent.data);
+      };
+
+      port.onclose = () => {
+        this.scanProgress.set(null);
+      };
+
+      port.start();
+    });
+  }
+
   private async loadNavigationExpandedSettings() {
     const ids = (await this.messageService.get(StorageType.NavigationExpanded, null)) as number[] | null;
     if (Array.isArray(ids)) {

package/src/app/layout/footer/footer.component.html

@@ -1,5 +1,16 @@
-<div class="panel">
-  <div class="flex items-center px-2">
+<div class="panel h-full w-full flex items-center justify-between px-2">
+  <div class="flex items-center gap-2">
     <app-spinner [animating]="presentation.loading()" />
+    @if (presentation.scanProgress(); as progress) {
+      <span class="text-[10px] truncate" [style.color]="'var(--text-muted)'">
+        {{ progress.currentFile }} ({{ progress.processed }}/{{ progress.total }})
+      </span>
+    }
+  </div>
+  <div class="flex items-center gap-3">
+    <span class="text-[10px]" [style.color]="'var(--text-muted)'">Fontastic v{{ appVersion() }}</span>
+    <span class="text-[10px]" [style.color]="'var(--text-muted)'">Electron {{ electronVersion() }}</span>
+    <span class="text-[10px]" [style.color]="'var(--text-muted)'">Chrome {{ chromeVersion() }}</span>
+    <span class="text-[10px]" [style.color]="'var(--text-muted)'">Node {{ nodeVersion() }}</span>
   </div>
 </div>

package/src/app/layout/footer/footer.component.ts

@@ -1,6 +1,6 @@
-import { Component, inject } from '@angular/core';
+import { Component, inject, signal } from '@angular/core';
 import { SpinnerComponent } from '../../shared/components';
-import { PresentationService } from '../../core/services';
+import { ElectronService, PresentationService } from '../../core/services';
 
 @Component({
   selector: 'app-footer',
@@ -10,4 +10,20 @@ import { PresentationService } from '../../core/services';
 })
 export class FooterComponent {
   readonly presentation = inject(PresentationService);
+  private readonly electron = inject(ElectronService);
+
+  readonly appVersion = signal('');
+  readonly electronVersion = signal('');
+  readonly chromeVersion = signal('');
+  readonly nodeVersion = signal('');
+
+  constructor() {
+    if (this.electron.isElectron) {
+      const versions = (window as any).process.versions;
+      this.electronVersion.set(versions.electron ?? '');
+      this.chromeVersion.set(versions.chrome ?? '');
+      this.nodeVersion.set(versions.node ?? '');
+      this.electron.ipcRenderer.invoke('app:get-version').then((v: string) => this.appVersion.set(v));
+    }
+  }
 }