🐛 Fixed startup failure issue

🎨 Optimize code
🎨 Optimize preset theme code
2025-10-20 23:07:29 +08:00 · 2025-10-20 23:00:04 +08:00 · 2025-10-20 21:58:37 +08:00 · 2025-10-19 23:57:03 +08:00 · 2025-10-10 23:40:23 +08:00 · 2025-10-05 18:53:49 +08:00
420 changed files with 22098 additions and 26873 deletions
--- a/frontend/bindings/github.com/wailsapp/wails/v3/pkg/application/models.ts
+++ b/frontend/bindings/github.com/wailsapp/wails/v3/pkg/application/models.ts
@@ -5,303 +5,6 @@
 // @ts-ignore: Unused imports
 import {Create as $Create} from "@wailsio/runtime";

-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore: Unused imports
-import * as slog$0 from "../../../../../../log/slog/models.js";
-
-export class App {
-    /**
-     * Manager pattern for organized API
-     */
-    "Window": WindowManager | null;
-    "ContextMenu": ContextMenuManager | null;
-    "KeyBinding": KeyBindingManager | null;
-    "Browser": BrowserManager | null;
-    "Env": EnvironmentManager | null;
-    "Dialog": DialogManager | null;
-    "Event": EventManager | null;
-    "Menu": MenuManager | null;
-    "Screen": ScreenManager | null;
-    "Clipboard": ClipboardManager | null;
-    "SystemTray": SystemTrayManager | null;
-    "Logger": slog$0.Logger | null;
-
-    /** Creates a new App instance. */
-    constructor($$source: Partial<App> = {}) {
-        if (!("Window" in $$source)) {
-            this["Window"] = null;
-        }
-        if (!("ContextMenu" in $$source)) {
-            this["ContextMenu"] = null;
-        }
-        if (!("KeyBinding" in $$source)) {
-            this["KeyBinding"] = null;
-        }
-        if (!("Browser" in $$source)) {
-            this["Browser"] = null;
-        }
-        if (!("Env" in $$source)) {
-            this["Env"] = null;
-        }
-        if (!("Dialog" in $$source)) {
-            this["Dialog"] = null;
-        }
-        if (!("Event" in $$source)) {
-            this["Event"] = null;
-        }
-        if (!("Menu" in $$source)) {
-            this["Menu"] = null;
-        }
-        if (!("Screen" in $$source)) {
-            this["Screen"] = null;
-        }
-        if (!("Clipboard" in $$source)) {
-            this["Clipboard"] = null;
-        }
-        if (!("SystemTray" in $$source)) {
-            this["SystemTray"] = null;
-        }
-        if (!("Logger" in $$source)) {
-            this["Logger"] = null;
-        }
-
-        Object.assign(this, $$source);
-    }
-
-    /**
-     * Creates a new App instance from a string or object.
-     */
-    static createFrom($$source: any = {}): App {
-        const $$createField0_0 = $$createType1;
-        const $$createField1_0 = $$createType3;
-        const $$createField2_0 = $$createType5;
-        const $$createField3_0 = $$createType7;
-        const $$createField4_0 = $$createType9;
-        const $$createField5_0 = $$createType11;
-        const $$createField6_0 = $$createType13;
-        const $$createField7_0 = $$createType15;
-        const $$createField8_0 = $$createType17;
-        const $$createField9_0 = $$createType19;
-        const $$createField10_0 = $$createType21;
-        const $$createField11_0 = $$createType23;
-        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
-        if ("Window" in $$parsedSource) {
-            $$parsedSource["Window"] = $$createField0_0($$parsedSource["Window"]);
-        }
-        if ("ContextMenu" in $$parsedSource) {
-            $$parsedSource["ContextMenu"] = $$createField1_0($$parsedSource["ContextMenu"]);
-        }
-        if ("KeyBinding" in $$parsedSource) {
-            $$parsedSource["KeyBinding"] = $$createField2_0($$parsedSource["KeyBinding"]);
-        }
-        if ("Browser" in $$parsedSource) {
-            $$parsedSource["Browser"] = $$createField3_0($$parsedSource["Browser"]);
-        }
-        if ("Env" in $$parsedSource) {
-            $$parsedSource["Env"] = $$createField4_0($$parsedSource["Env"]);
-        }
-        if ("Dialog" in $$parsedSource) {
-            $$parsedSource["Dialog"] = $$createField5_0($$parsedSource["Dialog"]);
-        }
-        if ("Event" in $$parsedSource) {
-            $$parsedSource["Event"] = $$createField6_0($$parsedSource["Event"]);
-        }
-        if ("Menu" in $$parsedSource) {
-            $$parsedSource["Menu"] = $$createField7_0($$parsedSource["Menu"]);
-        }
-        if ("Screen" in $$parsedSource) {
-            $$parsedSource["Screen"] = $$createField8_0($$parsedSource["Screen"]);
-        }
-        if ("Clipboard" in $$parsedSource) {
-            $$parsedSource["Clipboard"] = $$createField9_0($$parsedSource["Clipboard"]);
-        }
-        if ("SystemTray" in $$parsedSource) {
-            $$parsedSource["SystemTray"] = $$createField10_0($$parsedSource["SystemTray"]);
-        }
-        if ("Logger" in $$parsedSource) {
-            $$parsedSource["Logger"] = $$createField11_0($$parsedSource["Logger"]);
-        }
-        return new App($$parsedSource as Partial<App>);
-    }
-}
-
-/**
- * BrowserManager manages browser-related operations
- */
-export class BrowserManager {
-
-    /** Creates a new BrowserManager instance. */
-    constructor($$source: Partial<BrowserManager> = {}) {
-
-        Object.assign(this, $$source);
-    }
-
-    /**
-     * Creates a new BrowserManager instance from a string or object.
-     */
-    static createFrom($$source: any = {}): BrowserManager {
-        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
-        return new BrowserManager($$parsedSource as Partial<BrowserManager>);
-    }
-}
-
-/**
- * ClipboardManager manages clipboard operations
- */
-export class ClipboardManager {
-
-    /** Creates a new ClipboardManager instance. */
-    constructor($$source: Partial<ClipboardManager> = {}) {
-
-        Object.assign(this, $$source);
-    }
-
-    /**
-     * Creates a new ClipboardManager instance from a string or object.
-     */
-    static createFrom($$source: any = {}): ClipboardManager {
-        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
-        return new ClipboardManager($$parsedSource as Partial<ClipboardManager>);
-    }
-}
-
-/**
- * ContextMenuManager manages all context menu operations
- */
-export class ContextMenuManager {
-
-    /** Creates a new ContextMenuManager instance. */
-    constructor($$source: Partial<ContextMenuManager> = {}) {
-
-        Object.assign(this, $$source);
-    }
-
-    /**
-     * Creates a new ContextMenuManager instance from a string or object.
-     */
-    static createFrom($$source: any = {}): ContextMenuManager {
-        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
-        return new ContextMenuManager($$parsedSource as Partial<ContextMenuManager>);
-    }
-}
-
-/**
- * DialogManager manages dialog-related operations
- */
-export class DialogManager {
-
-    /** Creates a new DialogManager instance. */
-    constructor($$source: Partial<DialogManager> = {}) {
-
-        Object.assign(this, $$source);
-    }
-
-    /**
-     * Creates a new DialogManager instance from a string or object.
-     */
-    static createFrom($$source: any = {}): DialogManager {
-        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
-        return new DialogManager($$parsedSource as Partial<DialogManager>);
-    }
-}
-
-/**
- * EnvironmentManager manages environment-related operations
- */
-export class EnvironmentManager {
-
-    /** Creates a new EnvironmentManager instance. */
-    constructor($$source: Partial<EnvironmentManager> = {}) {
-
-        Object.assign(this, $$source);
-    }
-
-    /**
-     * Creates a new EnvironmentManager instance from a string or object.
-     */
-    static createFrom($$source: any = {}): EnvironmentManager {
-        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
-        return new EnvironmentManager($$parsedSource as Partial<EnvironmentManager>);
-    }
-}
-
-/**
- * EventManager manages event-related operations
- */
-export class EventManager {
-
-    /** Creates a new EventManager instance. */
-    constructor($$source: Partial<EventManager> = {}) {
-
-        Object.assign(this, $$source);
-    }
-
-    /**
-     * Creates a new EventManager instance from a string or object.
-     */
-    static createFrom($$source: any = {}): EventManager {
-        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
-        return new EventManager($$parsedSource as Partial<EventManager>);
-    }
-}
-
-/**
- * KeyBindingManager manages all key binding operations
- */
-export class KeyBindingManager {
-
-    /** Creates a new KeyBindingManager instance. */
-    constructor($$source: Partial<KeyBindingManager> = {}) {
-
-        Object.assign(this, $$source);
-    }
-
-    /**
-     * Creates a new KeyBindingManager instance from a string or object.
-     */
-    static createFrom($$source: any = {}): KeyBindingManager {
-        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
-        return new KeyBindingManager($$parsedSource as Partial<KeyBindingManager>);
-    }
-}
-
-/**
- * MenuManager manages menu-related operations
- */
-export class MenuManager {
-
-    /** Creates a new MenuManager instance. */
-    constructor($$source: Partial<MenuManager> = {}) {
-
-        Object.assign(this, $$source);
-    }
-
-    /**
-     * Creates a new MenuManager instance from a string or object.
-     */
-    static createFrom($$source: any = {}): MenuManager {
-        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
-        return new MenuManager($$parsedSource as Partial<MenuManager>);
-    }
-}
-
-export class ScreenManager {
-
-    /** Creates a new ScreenManager instance. */
-    constructor($$source: Partial<ScreenManager> = {}) {
-
-        Object.assign(this, $$source);
-    }
-
-    /**
-     * Creates a new ScreenManager instance from a string or object.
-     */
-    static createFrom($$source: any = {}): ScreenManager {
-        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
-        return new ScreenManager($$parsedSource as Partial<ScreenManager>);
-    }
-}
-
 /**
 * ServiceOptions provides optional parameters for calls to [NewService].
 */
@@ -359,26 +62,6 @@ export class ServiceOptions {
    }
 }

-/**
- * SystemTrayManager manages system tray-related operations
- */
-export class SystemTrayManager {
-
-    /** Creates a new SystemTrayManager instance. */
-    constructor($$source: Partial<SystemTrayManager> = {}) {
-
-        Object.assign(this, $$source);
-    }
-
-    /**
-     * Creates a new SystemTrayManager instance from a string or object.
-     */
-    static createFrom($$source: any = {}): SystemTrayManager {
-        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
-        return new SystemTrayManager($$parsedSource as Partial<SystemTrayManager>);
-    }
-}
-
 export class WebviewWindow {

    /** Creates a new WebviewWindow instance. */
@@ -395,49 +78,3 @@ export class WebviewWindow {
        return new WebviewWindow($$parsedSource as Partial<WebviewWindow>);
    }
 }
-
-/**
- * WindowManager manages all window-related operations
- */
-export class WindowManager {
-
-    /** Creates a new WindowManager instance. */
-    constructor($$source: Partial<WindowManager> = {}) {
-
-        Object.assign(this, $$source);
-    }
-
-    /**
-     * Creates a new WindowManager instance from a string or object.
-     */
-    static createFrom($$source: any = {}): WindowManager {
-        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
-        return new WindowManager($$parsedSource as Partial<WindowManager>);
-    }
-}
-
-// Private type creation functions
-const $$createType0 = WindowManager.createFrom;
-const $$createType1 = $Create.Nullable($$createType0);
-const $$createType2 = ContextMenuManager.createFrom;
-const $$createType3 = $Create.Nullable($$createType2);
-const $$createType4 = KeyBindingManager.createFrom;
-const $$createType5 = $Create.Nullable($$createType4);
-const $$createType6 = BrowserManager.createFrom;
-const $$createType7 = $Create.Nullable($$createType6);
-const $$createType8 = EnvironmentManager.createFrom;
-const $$createType9 = $Create.Nullable($$createType8);
-const $$createType10 = DialogManager.createFrom;
-const $$createType11 = $Create.Nullable($$createType10);
-const $$createType12 = EventManager.createFrom;
-const $$createType13 = $Create.Nullable($$createType12);
-const $$createType14 = MenuManager.createFrom;
-const $$createType15 = $Create.Nullable($$createType14);
-const $$createType16 = ScreenManager.createFrom;
-const $$createType17 = $Create.Nullable($$createType16);
-const $$createType18 = ClipboardManager.createFrom;
-const $$createType19 = $Create.Nullable($$createType18);
-const $$createType20 = SystemTrayManager.createFrom;
-const $$createType21 = $Create.Nullable($$createType20);
-const $$createType22 = slog$0.Logger.createFrom;
-const $$createType23 = $Create.Nullable($$createType22);
--- a/frontend/bindings/github.com/wailsapp/wails/v3/pkg/services/badge/badgeservice.ts
+++ b/frontend/bindings/github.com/wailsapp/wails/v3/pkg/services/badge/badgeservice.ts
@@ -2,7 +2,7 @@
 // This file is automatically generated. DO NOT EDIT

 /**
- * Service represents the notifications service
+ * Service represents the dock service
 * @module
 */

@@ -18,11 +18,19 @@ import * as application$0 from "../../application/models.js";
 // @ts-ignore: Unused imports
 import * as $models from "./models.js";

+/**
+ * HideAppIcon hides the app icon in the dock/taskbar.
+ */
+export function HideAppIcon(): Promise<void> & { cancel(): void } {
+    let $resultPromise = $Call.ByID(3413658144) as any;
+    return $resultPromise;
+}
+
 /**
 * RemoveBadge removes the badge label from the application icon.
 */
 export function RemoveBadge(): Promise<void> & { cancel(): void } {
-    let $resultPromise = $Call.ByID(2374916939) as any;
+    let $resultPromise = $Call.ByID(2752757297) as any;
    return $resultPromise;
 }

@@ -30,7 +38,7 @@ export function RemoveBadge(): Promise<void> & { cancel(): void } {
 * ServiceName returns the name of the service.
 */
 export function ServiceName(): Promise<string> & { cancel(): void } {
-    let $resultPromise = $Call.ByID(2428202016) as any;
+    let $resultPromise = $Call.ByID(2949906614) as any;
    return $resultPromise;
 }

@@ -38,7 +46,7 @@ export function ServiceName(): Promise<string> & { cancel(): void } {
 * ServiceShutdown is called when the service is unloaded.
 */
 export function ServiceShutdown(): Promise<void> & { cancel(): void } {
-    let $resultPromise = $Call.ByID(3893755233) as any;
+    let $resultPromise = $Call.ByID(307064411) as any;
    return $resultPromise;
 }

@@ -46,7 +54,7 @@ export function ServiceShutdown(): Promise<void> & { cancel(): void } {
 * ServiceStartup is called when the service is loaded.
 */
 export function ServiceStartup(options: application$0.ServiceOptions): Promise<void> & { cancel(): void } {
-    let $resultPromise = $Call.ByID(4078800764, options) as any;
+    let $resultPromise = $Call.ByID(1350118426, options) as any;
    return $resultPromise;
 }

@@ -54,11 +62,22 @@ export function ServiceStartup(options: application$0.ServiceOptions): Promise<v
 * SetBadge sets the badge label on the application icon.
 */
 export function SetBadge(label: string): Promise<void> & { cancel(): void } {
-    let $resultPromise = $Call.ByID(784276339, label) as any;
+    let $resultPromise = $Call.ByID(1717705661, label) as any;
    return $resultPromise;
 }

-export function SetCustomBadge(label: string, options: $models.Options): Promise<void> & { cancel(): void } {
-    let $resultPromise = $Call.ByID(3058653106, label, options) as any;
+/**
+ * SetCustomBadge sets the badge label on the application icon with custom options.
+ */
+export function SetCustomBadge(label: string, options: $models.BadgeOptions): Promise<void> & { cancel(): void } {
+    let $resultPromise = $Call.ByID(2730169760, label, options) as any;
+    return $resultPromise;
+}
+
+/**
+ * ShowAppIcon shows the app icon in the dock/taskbar.
+ */
+export function ShowAppIcon(): Promise<void> & { cancel(): void } {
+    let $resultPromise = $Call.ByID(3409697379) as any;
    return $resultPromise;
 }
--- a/frontend/bindings/github.com/wailsapp/wails/v3/pkg/services/badge/index.ts
+++ b/frontend/bindings/github.com/wailsapp/wails/v3/pkg/services/badge/index.ts
@@ -1,9 +1,9 @@
 // Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
 // This file is automatically generated. DO NOT EDIT

-import * as BadgeService from "./badgeservice.js";
+import * as DockService from "./dockservice.js";
 export {
-    BadgeService
+    DockService
 };

 export * from "./models.js";
--- a/frontend/bindings/github.com/wailsapp/wails/v3/pkg/services/badge/models.ts
+++ b/frontend/bindings/github.com/wailsapp/wails/v3/pkg/services/badge/models.ts
@@ -9,15 +9,18 @@ import {Create as $Create} from "@wailsio/runtime";
 // @ts-ignore: Unused imports
 import * as color$0 from "../../../../../../../image/color/models.js";

-export class Options {
+/**
+ * BadgeOptions represents options for customizing badge appearance
+ */
+export class BadgeOptions {
    "TextColour": color$0.RGBA;
    "BackgroundColour": color$0.RGBA;
    "FontName": string;
    "FontSize": number;
    "SmallFontSize": number;

-    /** Creates a new Options instance. */
-    constructor($$source: Partial<Options> = {}) {
+    /** Creates a new BadgeOptions instance. */
+    constructor($$source: Partial<BadgeOptions> = {}) {
        if (!("TextColour" in $$source)) {
            this["TextColour"] = (new color$0.RGBA());
        }
@@ -38,9 +41,9 @@ export class Options {
    }

    /**
-     * Creates a new Options instance from a string or object.
+     * Creates a new BadgeOptions instance from a string or object.
     */
-    static createFrom($$source: any = {}): Options {
+    static createFrom($$source: any = {}): BadgeOptions {
        const $$createField0_0 = $$createType0;
        const $$createField1_0 = $$createType0;
        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
@@ -50,7 +53,7 @@ export class Options {
        if ("BackgroundColour" in $$parsedSource) {
            $$parsedSource["BackgroundColour"] = $$createField1_0($$parsedSource["BackgroundColour"]);
        }
-        return new Options($$parsedSource as Partial<Options>);
+        return new BadgeOptions($$parsedSource as Partial<BadgeOptions>);
    }
 }

--- a/frontend/bindings/log/slog/index.ts
+++ b/frontend/bindings/log/slog/index.ts
@@ -1,4 +0,0 @@
-// Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
-// This file is automatically generated. DO NOT EDIT
-
-export * from "./models.js";
--- a/frontend/bindings/log/slog/models.ts
+++ b/frontend/bindings/log/slog/models.ts
@@ -1,31 +0,0 @@
-// Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
-// This file is automatically generated. DO NOT EDIT
-
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore: Unused imports
-import {Create as $Create} from "@wailsio/runtime";
-
-/**
- * A Logger records structured information about each call to its
- * Log, Debug, Info, Warn, and Error methods.
- * For each call, it creates a [Record] and passes it to a [Handler].
- * 
- * To create a new Logger, call [New] or a Logger method
- * that begins "With".
- */
-export class Logger {
-
-    /** Creates a new Logger instance. */
-    constructor($$source: Partial<Logger> = {}) {
-
-        Object.assign(this, $$source);
-    }
-
-    /**
-     * Creates a new Logger instance from a string or object.
-     */
-    static createFrom($$source: any = {}): Logger {
-        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
-        return new Logger($$parsedSource as Partial<Logger>);
-    }
-}
--- a/frontend/bindings/time/index.ts
+++ b/frontend/bindings/time/index.ts
@@ -1,4 +0,0 @@
-// Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
-// This file is automatically generated. DO NOT EDIT
-
-export * from "./models.js";
--- a/frontend/bindings/time/models.ts
+++ b/frontend/bindings/time/models.ts
@@ -1,51 +0,0 @@
-// Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
-// This file is automatically generated. DO NOT EDIT
-
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore: Unused imports
-import {Create as $Create} from "@wailsio/runtime";
-
-/**
- * A Time represents an instant in time with nanosecond precision.
- * 
- * Programs using times should typically store and pass them as values,
- * not pointers. That is, time variables and struct fields should be of
- * type [time.Time], not *time.Time.
- * 
- * A Time value can be used by multiple goroutines simultaneously except
- * that the methods [Time.GobDecode], [Time.UnmarshalBinary], [Time.UnmarshalJSON] and
- * [Time.UnmarshalText] are not concurrency-safe.
- * 
- * Time instants can be compared using the [Time.Before], [Time.After], and [Time.Equal] methods.
- * The [Time.Sub] method subtracts two instants, producing a [Duration].
- * The [Time.Add] method adds a Time and a Duration, producing a Time.
- * 
- * The zero value of type Time is January 1, year 1, 00:00:00.000000000 UTC.
- * As this time is unlikely to come up in practice, the [Time.IsZero] method gives
- * a simple way of detecting a time that has not been initialized explicitly.
- * 
- * Each time has an associated [Location]. The methods [Time.Local], [Time.UTC], and Time.In return a
- * Time with a specific Location. Changing the Location of a Time value with
- * these methods does not change the actual instant it represents, only the time
- * zone in which to interpret it.
- * 
- * Representations of a Time value saved by the [Time.GobEncode], [Time.MarshalBinary], [Time.AppendBinary],
- * [Time.MarshalJSON], [Time.MarshalText] and [Time.AppendText] methods store the [Time.Location]'s offset,
- * but not the location name. They therefore lose information about Daylight Saving Time.
- * 
- * In addition to the required “wall clock” reading, a Time may contain an optional
- * reading of the current process's monotonic clock, to provide additional precision
- * for comparison or subtraction.
- * See the “Monotonic Clocks” section in the package documentation for details.
- * 
- * Note that the Go == operator compares not just the time instant but also the
- * Location and the monotonic clock reading. Therefore, Time values should not
- * be used as map or database keys without first guaranteeing that the
- * identical Location has been set for all values, which can be achieved
- * through use of the UTC or Local method, and that the monotonic clock reading
- * has been stripped by setting t = t.Round(0). In general, prefer t.Equal(u)
- * to t == u, since t.Equal uses the most accurate comparison available and
- * correctly handles the case when only one of its arguments has a monotonic
- * clock reading.
- */
-export type Time = any;
--- a/frontend/bindings/voidraft/internal/common/translator/models.ts
+++ b/frontend/bindings/voidraft/internal/common/translator/models.ts
@@ -68,4 +68,9 @@ export enum TranslatorType {
     * DeeplTranslatorType DeepL翻译器
     */
    DeeplTranslatorType = "deepl",
+
+    /**
+     * TartuNLPTranslatorType TartuNLP翻译器
+     */
+    TartuNLPTranslatorType = "tartunlp",
 };
--- a/frontend/bindings/voidraft/internal/models/models.ts
+++ b/frontend/bindings/voidraft/internal/models/models.ts
@@ -5,10 +5,6 @@
 // @ts-ignore: Unused imports
 import {Create as $Create} from "@wailsio/runtime";

-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore: Unused imports
-import * as time$0 from "../../../time/models.js";
-
 /**
 * AppConfig 应用配置 - 按照前端设置页面分类组织
 */
@@ -114,6 +110,11 @@ export class AppearanceConfig {
     */
    "systemTheme": SystemThemeType;

+    /**
+     * 当前选择的预设主题名称
+     */
+    "currentTheme": string;
+
    /** Creates a new AppearanceConfig instance. */
    constructor($$source: Partial<AppearanceConfig> = {}) {
        if (!("language" in $$source)) {
@@ -122,6 +123,9 @@ export class AppearanceConfig {
        if (!("systemTheme" in $$source)) {
            this["systemTheme"] = ("" as SystemThemeType);
        }
+        if (!("currentTheme" in $$source)) {
+            this["currentTheme"] = "";
+        }

        Object.assign(this, $$source);
    }
@@ -196,8 +200,8 @@ export class Document {
    "id": number;
    "title": string;
    "content": string;
-    "createdAt": time$0.Time;
-    "updatedAt": time$0.Time;
+    "createdAt": string;
+    "updatedAt": string;
    "is_deleted": boolean;

    /**
@@ -217,10 +221,10 @@ export class Document {
            this["content"] = "";
        }
        if (!("createdAt" in $$source)) {
-            this["createdAt"] = null;
+            this["createdAt"] = "";
        }
        if (!("updatedAt" in $$source)) {
-            this["updatedAt"] = null;
+            this["updatedAt"] = "";
        }
        if (!("is_deleted" in $$source)) {
            this["is_deleted"] = false;
@@ -484,6 +488,17 @@ export class GeneralConfig {
     */
    "globalHotkey": HotkeyCombo;

+    /**
+     * 界面设置
+     * 是否启用加载动画
+     */
+    "enableLoadingAnimation": boolean;
+
+    /**
+     * 是否启用标签页模式
+     */
+    "enableTabs": boolean;
+
    /** Creates a new GeneralConfig instance. */
    constructor($$source: Partial<GeneralConfig> = {}) {
        if (!("alwaysOnTop" in $$source)) {
@@ -507,6 +522,12 @@ export class GeneralConfig {
        if (!("globalHotkey" in $$source)) {
            this["globalHotkey"] = (new HotkeyCombo());
        }
+        if (!("enableLoadingAnimation" in $$source)) {
+            this["enableLoadingAnimation"] = false;
+        }
+        if (!("enableTabs" in $$source)) {
+            this["enableTabs"] = false;
+        }

        Object.assign(this, $$source);
    }
@@ -1134,8 +1155,8 @@ export class Theme {
    "type": ThemeType;
    "colors": ThemeColorConfig;
    "isDefault": boolean;
-    "createdAt": time$0.Time;
-    "updatedAt": time$0.Time;
+    "createdAt": string;
+    "updatedAt": string;

    /** Creates a new Theme instance. */
    constructor($$source: Partial<Theme> = {}) {
@@ -1155,10 +1176,10 @@ export class Theme {
            this["isDefault"] = false;
        }
        if (!("createdAt" in $$source)) {
-            this["createdAt"] = null;
+            this["createdAt"] = "";
        }
        if (!("updatedAt" in $$source)) {
-            this["updatedAt"] = null;
+            this["updatedAt"] = "";
        }

        Object.assign(this, $$source);
@@ -1178,9 +1199,20 @@ export class Theme {
 }

 /**
- * ThemeColorConfig 主题颜色配置
+ * ThemeColorConfig 主题颜色配置（与前端 ThemeColors 接口保持一致）
 */
 export class ThemeColorConfig {
+    /**
+     * 主题基本信息
+     * 主题名称
+     */
+    "name": string;
+
+    /**
+     * 是否为深色主题
+     */
+    "dark": boolean;
+
    /**
     * 基础色调
     * 主背景色
@@ -1188,7 +1220,7 @@ export class ThemeColorConfig {
    "background": string;

    /**
-     * 次要背景色
+     * 次要背景色（用于代码块交替背景）
     */
    "backgroundSecondary": string;

@@ -1198,6 +1230,17 @@ export class ThemeColorConfig {
    "surface": string;

    /**
+     * 下拉菜单背景
+     */
+    "dropdownBackground": string;
+
+    /**
+     * 下拉菜单边框
+     */
+    "dropdownBorder": string;
+
+    /**
+     * 文本颜色
     * 主文本色
     */
    "foreground": string;
@@ -1208,12 +1251,12 @@ export class ThemeColorConfig {
    "foregroundSecondary": string;

    /**
-     * 语法高亮
     * 注释色
     */
    "comment": string;

    /**
+     * 语法高亮色 - 核心
     * 关键字
     */
    "keyword": string;
@@ -1248,6 +1291,42 @@ export class ThemeColorConfig {
     */
    "type": string;

+    /**
+     * 语法高亮色 - 扩展
+     * 常量
+     */
+    "constant": string;
+
+    /**
+     * 存储类型（如 static, const）
+     */
+    "storage": string;
+
+    /**
+     * 参数
+     */
+    "parameter": string;
+
+    /**
+     * 类名
+     */
+    "class": string;
+
+    /**
+     * 标题（Markdown等）
+     */
+    "heading": string;
+
+    /**
+     * 无效内容/错误
+     */
+    "invalid": string;
+
+    /**
+     * 正则表达式
+     */
+    "regexp": string;
+
    /**
     * 界面元素
     * 光标
@@ -1275,12 +1354,12 @@ export class ThemeColorConfig {
    "lineNumber": string;

    /**
-     * 活动行号
+     * 活动行号颜色
     */
    "activeLineNumber": string;

    /**
-     * 边框分割线
+     * 边框和分割线
     * 边框色
     */
    "borderColor": string;
@@ -1291,7 +1370,7 @@ export class ThemeColorConfig {
    "borderLight": string;

    /**
-     * 搜索匹配
+     * 搜索和匹配
     * 搜索匹配
     */
    "searchMatch": string;
@@ -1303,6 +1382,12 @@ export class ThemeColorConfig {

    /** Creates a new ThemeColorConfig instance. */
    constructor($$source: Partial<ThemeColorConfig> = {}) {
+        if (!("name" in $$source)) {
+            this["name"] = "";
+        }
+        if (!("dark" in $$source)) {
+            this["dark"] = false;
+        }
        if (!("background" in $$source)) {
            this["background"] = "";
        }
@@ -1312,6 +1397,12 @@ export class ThemeColorConfig {
        if (!("surface" in $$source)) {
            this["surface"] = "";
        }
+        if (!("dropdownBackground" in $$source)) {
+            this["dropdownBackground"] = "";
+        }
+        if (!("dropdownBorder" in $$source)) {
+            this["dropdownBorder"] = "";
+        }
        if (!("foreground" in $$source)) {
            this["foreground"] = "";
        }
@@ -1342,6 +1433,27 @@ export class ThemeColorConfig {
        if (!("type" in $$source)) {
            this["type"] = "";
        }
+        if (!("constant" in $$source)) {
+            this["constant"] = "";
+        }
+        if (!("storage" in $$source)) {
+            this["storage"] = "";
+        }
+        if (!("parameter" in $$source)) {
+            this["parameter"] = "";
+        }
+        if (!("class" in $$source)) {
+            this["class"] = "";
+        }
+        if (!("heading" in $$source)) {
+            this["heading"] = "";
+        }
+        if (!("invalid" in $$source)) {
+            this["invalid"] = "";
+        }
+        if (!("regexp" in $$source)) {
+            this["regexp"] = "";
+        }
        if (!("cursor" in $$source)) {
            this["cursor"] = "";
        }
--- a/frontend/bindings/voidraft/internal/services/backupservice.ts
+++ b/frontend/bindings/voidraft/internal/services/backupservice.ts
@@ -10,6 +10,9 @@
 // @ts-ignore: Unused imports
 import {Call as $Call, Create as $Create} from "@wailsio/runtime";

+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore: Unused imports
+import * as application$0 from "../../../github.com/wailsapp/wails/v3/pkg/application/models.js";
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore: Unused imports
 import * as models$0 from "../models/models.js";
@@ -54,6 +57,11 @@ export function ServiceShutdown(): Promise<void> & { cancel(): void } {
    return $resultPromise;
 }

+export function ServiceStartup(options: application$0.ServiceOptions): Promise<void> & { cancel(): void } {
+    let $resultPromise = $Call.ByID(2900331732, options) as any;
+    return $resultPromise;
+}
+
 /**
 * StartAutoBackup 启动自动备份定时器
 */
--- a/frontend/bindings/voidraft/internal/services/dialogservice.ts
+++ b/frontend/bindings/voidraft/internal/services/dialogservice.ts
@@ -10,10 +10,6 @@
 // @ts-ignore: Unused imports
 import {Call as $Call, Create as $Create} from "@wailsio/runtime";

-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore: Unused imports
-import * as application$0 from "../../../github.com/wailsapp/wails/v3/pkg/application/models.js";
-
 /**
 * SelectDirectory 打开目录选择对话框
 */
@@ -29,11 +25,3 @@ export function SelectFile(): Promise<string> & { cancel(): void } {
    let $resultPromise = $Call.ByID(37302920) as any;
    return $resultPromise;
 }
-
-/**
- * SetWindow 设置绑定的窗口
- */
-export function SetWindow(window: application$0.WebviewWindow | null): Promise<void> & { cancel(): void } {
-    let $resultPromise = $Call.ByID(968177170, window) as any;
-    return $resultPromise;
-}
--- a/frontend/bindings/voidraft/internal/services/documentservice.ts
+++ b/frontend/bindings/voidraft/internal/services/documentservice.ts
@@ -49,14 +49,6 @@ export function GetDocumentByID(id: number): Promise<models$0.Document | null> &
    return $typingPromise;
 }

-/**
- * GetFirstDocumentID gets the first active document's ID for frontend initialization
- */
-export function GetFirstDocumentID(): Promise<number> & { cancel(): void } {
-    let $resultPromise = $Call.ByID(2970773833) as any;
-    return $resultPromise;
-}
-
 /**
 * ListAllDocumentsMeta lists all active (non-deleted) document metadata
 */
--- a/frontend/bindings/voidraft/internal/services/hotkeyservice.ts
+++ b/frontend/bindings/voidraft/internal/services/hotkeyservice.ts
@@ -32,8 +32,8 @@ export function GetCurrentHotkey(): Promise<models$0.HotkeyCombo | null> & { can
 /**
 * Initialize 初始化热键服务
 */
-export function Initialize(app: application$0.App | null, mainWindow: application$0.WebviewWindow | null): Promise<void> & { cancel(): void } {
-    let $resultPromise = $Call.ByID(3671360458, app, mainWindow) as any;
+export function Initialize(): Promise<void> & { cancel(): void } {
+    let $resultPromise = $Call.ByID(3671360458) as any;
    return $resultPromise;
 }

@@ -61,6 +61,14 @@ export function ServiceShutdown(): Promise<void> & { cancel(): void } {
    return $resultPromise;
 }

+/**
+ * ServiceStartup initializes the service when the application starts
+ */
+export function ServiceStartup(options: application$0.ServiceOptions): Promise<void> & { cancel(): void } {
+    let $resultPromise = $Call.ByID(3079990808, options) as any;
+    return $resultPromise;
+}
+
 /**
 * UnregisterHotkey 取消注册全局热键
 */
--- a/frontend/bindings/voidraft/internal/services/index.ts
+++ b/frontend/bindings/voidraft/internal/services/index.ts
@@ -18,6 +18,7 @@ import * as ThemeService from "./themeservice.js";
 import * as TranslationService from "./translationservice.js";
 import * as TrayService from "./trayservice.js";
 import * as WindowService from "./windowservice.js";
+import * as WindowSnapService from "./windowsnapservice.js";
 export {
    BackupService,
    ConfigService,
@@ -35,7 +36,8 @@ export {
    ThemeService,
    TranslationService,
    TrayService,
-    WindowService
+    WindowService,
+    WindowSnapService
 };

 export * from "./models.js";
--- a/frontend/bindings/voidraft/internal/services/models.ts
+++ b/frontend/bindings/voidraft/internal/services/models.ts
@@ -119,6 +119,42 @@ export enum MigrationStatus {
    MigrationStatusFailed = "failed",
 };

+/**
+ * OSInfo 操作系统信息
+ */
+export class OSInfo {
+    "id": string;
+    "name": string;
+    "version": string;
+    "branding": string;
+
+    /** Creates a new OSInfo instance. */
+    constructor($$source: Partial<OSInfo> = {}) {
+        if (!("id" in $$source)) {
+            this["id"] = "";
+        }
+        if (!("name" in $$source)) {
+            this["name"] = "";
+        }
+        if (!("version" in $$source)) {
+            this["version"] = "";
+        }
+        if (!("branding" in $$source)) {
+            this["branding"] = "";
+        }
+
+        Object.assign(this, $$source);
+    }
+
+    /**
+     * Creates a new OSInfo instance from a string or object.
+     */
+    static createFrom($$source: any = {}): OSInfo {
+        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
+        return new OSInfo($$parsedSource as Partial<OSInfo>);
+    }
+}
+
 /**
 * SelfUpdateResult 自我更新结果
 */
@@ -203,7 +239,55 @@ export class SelfUpdateResult {
 }

 /**
- * WindowInfo 窗口信息（简化版）
+ * SystemInfo 系统信息
+ */
+export class SystemInfo {
+    "os": string;
+    "arch": string;
+    "debug": boolean;
+    "osInfo": OSInfo | null;
+    "platformInfo": { [_: string]: any };
+
+    /** Creates a new SystemInfo instance. */
+    constructor($$source: Partial<SystemInfo> = {}) {
+        if (!("os" in $$source)) {
+            this["os"] = "";
+        }
+        if (!("arch" in $$source)) {
+            this["arch"] = "";
+        }
+        if (!("debug" in $$source)) {
+            this["debug"] = false;
+        }
+        if (!("osInfo" in $$source)) {
+            this["osInfo"] = null;
+        }
+        if (!("platformInfo" in $$source)) {
+            this["platformInfo"] = {};
+        }
+
+        Object.assign(this, $$source);
+    }
+
+    /**
+     * Creates a new SystemInfo instance from a string or object.
+     */
+    static createFrom($$source: any = {}): SystemInfo {
+        const $$createField3_0 = $$createType1;
+        const $$createField4_0 = $$createType2;
+        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
+        if ("osInfo" in $$parsedSource) {
+            $$parsedSource["osInfo"] = $$createField3_0($$parsedSource["osInfo"]);
+        }
+        if ("platformInfo" in $$parsedSource) {
+            $$parsedSource["platformInfo"] = $$createField4_0($$parsedSource["platformInfo"]);
+        }
+        return new SystemInfo($$parsedSource as Partial<SystemInfo>);
+    }
+}
+
+/**
+ * WindowInfo 窗口信息
 */
 export class WindowInfo {
    "Window": application$0.WebviewWindow | null;
@@ -229,7 +313,7 @@ export class WindowInfo {
     * Creates a new WindowInfo instance from a string or object.
     */
    static createFrom($$source: any = {}): WindowInfo {
-        const $$createField0_0 = $$createType1;
+        const $$createField0_0 = $$createType4;
        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
        if ("Window" in $$parsedSource) {
            $$parsedSource["Window"] = $$createField0_0($$parsedSource["Window"]);
@@ -259,5 +343,8 @@ export class WindowSnapService {
 }

 // Private type creation functions
-const $$createType0 = application$0.WebviewWindow.createFrom;
+const $$createType0 = OSInfo.createFrom;
 const $$createType1 = $Create.Nullable($$createType0);
+const $$createType2 = $Create.Map($Create.Any, $Create.Any);
+const $$createType3 = application$0.WebviewWindow.createFrom;
+const $$createType4 = $Create.Nullable($$createType3);
--- a/frontend/bindings/voidraft/internal/services/systemservice.ts
+++ b/frontend/bindings/voidraft/internal/services/systemservice.ts
@@ -34,6 +34,18 @@ export function GetMemoryStats(): Promise<$models.MemoryStats> & { cancel(): voi
    return $typingPromise;
 }

+/**
+ * GetSystemInfo 获取系统环境信息
+ */
+export function GetSystemInfo(): Promise<$models.SystemInfo | null> & { cancel(): void } {
+    let $resultPromise = $Call.ByID(2629436820) as any;
+    let $typingPromise = $resultPromise.then(($result: any) => {
+        return $$createType2($result);
+    }) as any;
+    $typingPromise.cancel = $resultPromise.cancel.bind($resultPromise);
+    return $typingPromise;
+}
+
 /**
 * TriggerGC 手动触发垃圾回收
 */
@@ -44,3 +56,5 @@ export function TriggerGC(): Promise<void> & { cancel(): void } {

 // Private type creation functions
 const $$createType0 = $models.MemoryStats.createFrom;
+const $$createType1 = $models.SystemInfo.createFrom;
+const $$createType2 = $Create.Nullable($$createType1);
--- a/frontend/bindings/voidraft/internal/services/themeservice.ts
+++ b/frontend/bindings/voidraft/internal/services/themeservice.ts
@@ -17,18 +17,6 @@ import * as application$0 from "../../../github.com/wailsapp/wails/v3/pkg/applic
 // @ts-ignore: Unused imports
 import * as models$0 from "../models/models.js";

-/**
- * CreateTheme 创建新主题
- */
-export function CreateTheme(theme: models$0.Theme | null): Promise<models$0.Theme | null> & { cancel(): void } {
-    let $resultPromise = $Call.ByID(3274757686, theme) as any;
-    let $typingPromise = $resultPromise.then(($result: any) => {
-        return $$createType1($result);
-    }) as any;
-    $typingPromise.cancel = $resultPromise.cancel.bind($resultPromise);
-    return $typingPromise;
-}
-
 /**
 * GetAllThemes 获取所有主题
 */
@@ -42,22 +30,11 @@ export function GetAllThemes(): Promise<(models$0.Theme | null)[]> & { cancel():
 }

 /**
- * GetDefaultThemes 获取默认主题
+ * GetThemeByID 根据ID或名称获取主题
+ * 如果 id > 0，按ID查询；如果 id = 0，按名称查询
 */
-export function GetDefaultThemes(): Promise<{ [_: string]: models$0.Theme | null }> & { cancel(): void } {
-    let $resultPromise = $Call.ByID(3801788118) as any;
-    let $typingPromise = $resultPromise.then(($result: any) => {
-        return $$createType3($result);
-    }) as any;
-    $typingPromise.cancel = $resultPromise.cancel.bind($resultPromise);
-    return $typingPromise;
-}
-
-/**
- * GetThemeByType 根据类型获取默认主题
- */
-export function GetThemeByType(themeType: models$0.ThemeType): Promise<models$0.Theme | null> & { cancel(): void } {
-    let $resultPromise = $Call.ByID(1680465265, themeType) as any;
+export function GetThemeByIdOrName(id: number, ...name: string[]): Promise<models$0.Theme | null> & { cancel(): void } {
+    let $resultPromise = $Call.ByID(127385338, id, name) as any;
    let $typingPromise = $resultPromise.then(($result: any) => {
        return $$createType1($result);
    }) as any;
@@ -66,10 +43,10 @@ export function GetThemeByType(themeType: models$0.ThemeType): Promise<models$0.
 }

 /**
- * ResetThemeColors 重置主题颜色为默认值
+ * ResetTheme 重置主题为预设配置
 */
-export function ResetThemeColors(themeType: models$0.ThemeType): Promise<void> & { cancel(): void } {
-    let $resultPromise = $Call.ByID(342461245, themeType) as any;
+export function ResetTheme(id: number, ...name: string[]): Promise<void> & { cancel(): void } {
+    let $resultPromise = $Call.ByID(1806334457, id, name) as any;
    return $resultPromise;
 }

@@ -90,10 +67,10 @@ export function ServiceStartup(options: application$0.ServiceOptions): Promise<v
 }

 /**
- * UpdateThemeColors 更新主题颜色
+ * UpdateTheme 更新主题
 */
-export function UpdateThemeColors(themeType: models$0.ThemeType, colors: models$0.ThemeColorConfig): Promise<void> & { cancel(): void } {
-    let $resultPromise = $Call.ByID(2750902529, themeType, colors) as any;
+export function UpdateTheme(id: number, colors: models$0.ThemeColorConfig): Promise<void> & { cancel(): void } {
+    let $resultPromise = $Call.ByID(70189749, id, colors) as any;
    return $resultPromise;
 }

@@ -101,4 +78,3 @@ export function UpdateThemeColors(themeType: models$0.ThemeType, colors: models$
 const $$createType0 = models$0.Theme.createFrom;
 const $$createType1 = $Create.Nullable($$createType0);
 const $$createType2 = $Create.Array($$createType1);
-const $$createType3 = $Create.Map($Create.Any, $$createType1);
--- a/frontend/bindings/voidraft/internal/services/translationservice.ts
+++ b/frontend/bindings/voidraft/internal/services/translationservice.ts
@@ -14,27 +14,6 @@ import {Call as $Call, Create as $Create} from "@wailsio/runtime";
 // @ts-ignore: Unused imports
 import * as translator$0 from "../common/translator/models.js";

-/**
- * GetAvailableTranslators 获取所有可用翻译器类型
- * @returns {[]string} 翻译器类型列表
- */
-export function GetAvailableTranslators(): Promise<string[]> & { cancel(): void } {
-    let $resultPromise = $Call.ByID(1186597995) as any;
-    let $typingPromise = $resultPromise.then(($result: any) => {
-        return $$createType0($result);
-    }) as any;
-    $typingPromise.cancel = $resultPromise.cancel.bind($resultPromise);
-    return $typingPromise;
-}
-
-/**
- * GetStandardLanguageCode 获取标准化的语言代码
- */
-export function GetStandardLanguageCode(translatorType: translator$0.TranslatorType, languageCode: string): Promise<string> & { cancel(): void } {
-    let $resultPromise = $Call.ByID(1158131995, translatorType, languageCode) as any;
-    return $resultPromise;
-}
-
 /**
 * GetTranslatorLanguages 获取翻译器的语言列表
 * @param {string} translatorType - 翻译器类型 ("google", "bing", "youdao", "deepl")
@@ -43,6 +22,19 @@ export function GetStandardLanguageCode(translatorType: translator$0.TranslatorT
 */
 export function GetTranslatorLanguages(translatorType: translator$0.TranslatorType): Promise<{ [_: string]: translator$0.LanguageInfo }> & { cancel(): void } {
    let $resultPromise = $Call.ByID(3976114458, translatorType) as any;
+    let $typingPromise = $resultPromise.then(($result: any) => {
+        return $$createType1($result);
+    }) as any;
+    $typingPromise.cancel = $resultPromise.cancel.bind($resultPromise);
+    return $typingPromise;
+}
+
+/**
+ * GetTranslators 获取所有可用翻译器类型
+ * @returns {[]string} 翻译器类型列表
+ */
+export function GetTranslators(): Promise<string[]> & { cancel(): void } {
+    let $resultPromise = $Call.ByID(3720069432) as any;
    let $typingPromise = $resultPromise.then(($result: any) => {
        return $$createType2($result);
    }) as any;
@@ -73,6 +65,6 @@ export function TranslateWith(text: string, $from: string, to: string, translato
 }

 // Private type creation functions
-const $$createType0 = $Create.Array($Create.Any);
-const $$createType1 = translator$0.LanguageInfo.createFrom;
-const $$createType2 = $Create.Map($Create.Any, $$createType1);
+const $$createType0 = translator$0.LanguageInfo.createFrom;
+const $$createType1 = $Create.Map($Create.Any, $$createType0);
+const $$createType2 = $Create.Array($Create.Any);
--- a/frontend/bindings/voidraft/internal/services/trayservice.ts
+++ b/frontend/bindings/voidraft/internal/services/trayservice.ts
@@ -10,10 +10,6 @@
 // @ts-ignore: Unused imports
 import {Call as $Call, Create as $Create} from "@wailsio/runtime";

-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore: Unused imports
-import * as application$0 from "../../../github.com/wailsapp/wails/v3/pkg/application/models.js";
-
 /**
 * HandleWindowClose 处理窗口关闭事件
 */
@@ -38,14 +34,6 @@ export function MinimizeButtonClicked(): Promise<void> & { cancel(): void } {
    return $resultPromise;
 }

-/**
- * SetAppReferences 设置应用引用
- */
-export function SetAppReferences(app: application$0.App | null, mainWindow: application$0.WebviewWindow | null): Promise<void> & { cancel(): void } {
-    let $resultPromise = $Call.ByID(3544515719, app, mainWindow) as any;
-    return $resultPromise;
-}
-
 /**
 * ShouldMinimizeToTray 检查是否应该最小化到托盘
 */
--- a/frontend/bindings/voidraft/internal/services/windowservice.ts
+++ b/frontend/bindings/voidraft/internal/services/windowservice.ts
@@ -10,10 +10,6 @@
 // @ts-ignore: Unused imports
 import {Call as $Call, Create as $Create} from "@wailsio/runtime";

-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore: Unused imports
-import * as application$0 from "../../../github.com/wailsapp/wails/v3/pkg/application/models.js";
-
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore: Unused imports
 import * as $models from "./models.js";
@@ -54,14 +50,6 @@ export function ServiceShutdown(): Promise<void> & { cancel(): void } {
    return $resultPromise;
 }

-/**
- * SetAppReferences 设置应用和主窗口引用
- */
-export function SetAppReferences(app: application$0.App | null, mainWindow: application$0.WebviewWindow | null): Promise<void> & { cancel(): void } {
-    let $resultPromise = $Call.ByID(1120840759, app, mainWindow) as any;
-    return $resultPromise;
-}
-
 /**
 * SetWindowSnapService 设置窗口吸附服务引用
 */
--- a/frontend/bindings/voidraft/internal/services/windowsnapservice.ts
+++ b/frontend/bindings/voidraft/internal/services/windowsnapservice.ts
@@ -0,0 +1,79 @@
+// Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
+// This file is automatically generated. DO NOT EDIT
+
+/**
+ * WindowSnapService 窗口吸附服务
+ * @module
+ */
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore: Unused imports
+import {Call as $Call, Create as $Create} from "@wailsio/runtime";
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore: Unused imports
+import * as application$0 from "../../../github.com/wailsapp/wails/v3/pkg/application/models.js";
+
+/**
+ * Cleanup 清理资源
+ */
+export function Cleanup(): Promise<void> & { cancel(): void } {
+    let $resultPromise = $Call.ByID(2155505498) as any;
+    return $resultPromise;
+}
+
+/**
+ * GetCurrentThreshold 获取当前自适应阈值（用于调试或显示）
+ */
+export function GetCurrentThreshold(): Promise<number> & { cancel(): void } {
+    let $resultPromise = $Call.ByID(3176419026) as any;
+    return $resultPromise;
+}
+
+/**
+ * OnWindowSnapConfigChanged 处理窗口吸附配置变更
+ */
+export function OnWindowSnapConfigChanged(enabled: boolean): Promise<void> & { cancel(): void } {
+    let $resultPromise = $Call.ByID(3794787039, enabled) as any;
+    return $resultPromise;
+}
+
+/**
+ * RegisterWindow 注册需要吸附管理的窗口
+ */
+export function RegisterWindow(documentID: number, window: application$0.WebviewWindow | null, title: string): Promise<void> & { cancel(): void } {
+    let $resultPromise = $Call.ByID(1000222723, documentID, window, title) as any;
+    return $resultPromise;
+}
+
+/**
+ * ServiceShutdown 实现服务关闭接口
+ */
+export function ServiceShutdown(): Promise<void> & { cancel(): void } {
+    let $resultPromise = $Call.ByID(1172710495) as any;
+    return $resultPromise;
+}
+
+/**
+ * ServiceStartup 服务启动时初始化
+ */
+export function ServiceStartup(options: application$0.ServiceOptions): Promise<void> & { cancel(): void } {
+    let $resultPromise = $Call.ByID(2456823262, options) as any;
+    return $resultPromise;
+}
+
+/**
+ * SetSnapEnabled 设置是否启用窗口吸附
+ */
+export function SetSnapEnabled(enabled: boolean): Promise<void> & { cancel(): void } {
+    let $resultPromise = $Call.ByID(2280126835, enabled) as any;
+    return $resultPromise;
+}
+
+/**
+ * UnregisterWindow 取消注册窗口
+ */
+export function UnregisterWindow(documentID: number): Promise<void> & { cancel(): void } {
+    let $resultPromise = $Call.ByID(2844230768, documentID) as any;
+    return $resultPromise;
+}
--- a/frontend/components.d.ts
+++ b/frontend/components.d.ts
@@ -16,6 +16,9 @@ declare module 'vue' {
    MemoryMonitor: typeof import('./src/components/monitor/MemoryMonitor.vue')['default']
    RouterLink: typeof import('vue-router')['RouterLink']
    RouterView: typeof import('vue-router')['RouterView']
+    TabContainer: typeof import('./src/components/tabs/TabContainer.vue')['default']
+    TabContextMenu: typeof import('./src/components/tabs/TabContextMenu.vue')['default']
+    TabItem: typeof import('./src/components/tabs/TabItem.vue')['default']
    Toolbar: typeof import('./src/components/toolbar/Toolbar.vue')['default']
    WindowsTitleBar: typeof import('./src/components/titlebar/WindowsTitleBar.vue')['default']
    WindowTitleBar: typeof import('./src/components/titlebar/WindowTitleBar.vue')['default']
--- a/frontend/eslint.config.js
+++ b/frontend/eslint.config.js
@@ -50,7 +50,11 @@ export default defineConfig([
            '.local',
            '/bin',
            'Dockerfile',
-            '**/bindings/'
+            '**/bindings/',
+            '*.js',
+            '**/*.js',
+            '**/*.cjs',
+            '**/*.mjs',
        ],
    }
 ]);
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -9,5 +9,6 @@
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
+    <script src="/math.js"></script>
  </body>
 </html>
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -9,88 +9,83 @@
    "build": "cross-env NODE_OPTIONS=\"--max-old-space-size=8192\" vue-tsc && cross-env NODE_OPTIONS=\"--max-old-space-size=8192\" vite build --mode production",
    "preview": "vite preview",
    "lint": "eslint",
-    "lint:fix": "eslint --fix"
+    "lint:fix": "eslint --fix",
+    "build:lang-parser": "node src/views/editor/extensions/codeblock/lang-parser/build-parser.js"
  },
  "dependencies": {
-    "@codemirror/autocomplete": "^6.18.7",
-    "@codemirror/commands": "^6.8.1",
+    "@codemirror/autocomplete": "^6.19.0",
+    "@codemirror/commands": "^6.9.0",
    "@codemirror/lang-angular": "^0.1.4",
    "@codemirror/lang-cpp": "^6.0.3",
    "@codemirror/lang-css": "^6.3.1",
    "@codemirror/lang-go": "^6.0.1",
-    "@codemirror/lang-html": "^6.4.10",
+    "@codemirror/lang-html": "^6.4.11",
    "@codemirror/lang-java": "^6.0.2",
    "@codemirror/lang-javascript": "^6.2.4",
    "@codemirror/lang-json": "^6.0.2",
    "@codemirror/lang-less": "^6.0.2",
    "@codemirror/lang-lezer": "^6.0.2",
    "@codemirror/lang-liquid": "^6.3.0",
-    "@codemirror/lang-markdown": "^6.3.4",
+    "@codemirror/lang-markdown": "^6.4.0",
    "@codemirror/lang-php": "^6.0.2",
    "@codemirror/lang-python": "^6.2.1",
    "@codemirror/lang-rust": "^6.0.2",
    "@codemirror/lang-sass": "^6.0.2",
-    "@codemirror/lang-sql": "^6.9.1",
+    "@codemirror/lang-sql": "^6.10.0",
    "@codemirror/lang-vue": "^0.1.3",
    "@codemirror/lang-wast": "^6.0.2",
    "@codemirror/lang-yaml": "^6.1.2",
    "@codemirror/language": "^6.11.3",
    "@codemirror/language-data": "^6.5.1",
-    "@codemirror/legacy-modes": "^6.5.1",
-    "@codemirror/lint": "^6.8.5",
+    "@codemirror/legacy-modes": "^6.5.2",
+    "@codemirror/lint": "^6.9.0",
    "@codemirror/search": "^6.5.11",
    "@codemirror/state": "^6.5.2",
-    "@codemirror/view": "^6.38.2",
+    "@codemirror/view": "^6.38.6",
    "@cospaia/prettier-plugin-clojure": "^0.0.2",
-    "@lezer/highlight": "^1.2.1",
+    "@lezer/highlight": "^1.2.2",
    "@lezer/lr": "^1.4.2",
    "@prettier/plugin-xml": "^3.4.2",
-    "@reteps/dockerfmt": "^0.3.6",
+    "@replit/codemirror-lang-svelte": "^6.0.0",
    "@toml-tools/lexer": "^1.0.0",
    "@toml-tools/parser": "^1.0.0",
    "codemirror": "^6.0.2",
    "codemirror-lang-elixir": "^4.0.0",
    "colors-named": "^1.0.2",
    "colors-named-hex": "^1.0.2",
-    "franc-min": "^6.2.0",
    "groovy-beautify": "^0.0.17",
    "hsl-matcher": "^1.2.4",
    "java-parser": "^3.0.1",
-    "jinx-rust": "^0.1.6",
    "jsox": "^1.2.123",
    "linguist-languages": "^9.0.0",
-    "node-sql-parser": "^5.3.12",
    "php-parser": "^3.2.5",
    "pinia": "^3.0.3",
    "pinia-plugin-persistedstate": "^4.5.0",
    "prettier": "^3.6.2",
    "remarkable": "^2.0.1",
-    "sass": "^1.92.1",
-    "sh-syntax": "^0.5.8",
-    "sql-formatter": "^15.6.9",
-    "vue": "^3.5.21",
+    "sass": "^1.93.2",
+    "vue": "^3.5.22",
    "vue-i18n": "^11.1.12",
    "vue-pick-colors": "^1.8.0",
-    "vue-router": "^4.5.1"
+    "vue-router": "^4.6.3"
  },
  "devDependencies": {
-    "@eslint/js": "^9.35.0",
+    "@eslint/js": "^9.38.0",
    "@lezer/generator": "^1.8.0",
-    "@types/node": "^24.3.1",
+    "@types/node": "^24.8.1",
    "@types/remarkable": "^2.0.8",
    "@vitejs/plugin-vue": "^6.0.1",
    "@wailsio/runtime": "latest",
-    "cross-env": "^7.0.3",
-    "eslint": "^9.35.0",
-    "eslint-plugin-vue": "^10.4.0",
+    "cross-env": "^10.1.0",
+    "eslint": "^9.38.0",
+    "eslint-plugin-vue": "^10.5.1",
    "globals": "^16.4.0",
-    "rollup-plugin-visualizer": "^6.0.3",
-    "typescript": "^5.9.2",
-    "typescript-eslint": "^8.43.0",
-    "unplugin-vue-components": "^29.0.0",
-    "vite": "^7.1.5",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.46.1",
+    "unplugin-vue-components": "^29.1.0",
+    "vite": "^7.1.10",
    "vite-plugin-node-polyfills": "^0.24.0",
    "vue-eslint-parser": "^10.2.0",
-    "vue-tsc": "^3.0.6"
+    "vue-tsc": "^3.1.1"
  }
 }
--- a/frontend/public/go-format.wasm
+++ b/frontend/public/go-format.wasm
--- a/frontend/public/langdetect-worker.js
+++ b/frontend/public/langdetect-worker.js
@@ -1,7 +1,5 @@
 importScripts("guesslang.min.js")

-const LANGUAGES = ["json", "py", "html", "sql", "md", "java", "php", "css", "xml", "cpp", "rs", "cs", "rb", "sh", "yaml", "toml", "go", "clj", "ex", "erl", "js", "ts", "swift", "kt", "groovy", "ps1", "dart", "scala"]
-
 const guessLang = new self.GuessLang()

 function sendResult(language, confidence, idx) {
@@ -27,20 +25,13 @@ onmessage = (event) => {

    guessLang.runModel(content).then((result) => {
        if (result.length > 0) {
-            const lang = result[0]
-            if (LANGUAGES.includes(lang.languageId) && lang.confidence > 0.15) {
-                sendResult(lang.languageId, lang.confidence, idx)
+            // 返回置信度最高的结果
+            const bestResult = result[0]
+            if (bestResult.confidence > 0.15) {
+                sendResult(bestResult.languageId, bestResult.confidence, idx)
                return
            }
        }
-
-        for (let lang of result) {
-            if (LANGUAGES.includes(lang.languageId) && lang.confidence > 0.5) {
-                sendResult(lang.languageId, lang.confidence, idx)
-                return
-            }
-        }
-
        sendResult("text", 0.0, idx)
    }).catch(() => {
        sendResult("text", 0.0, idx)
--- a/frontend/public/math.js
+++ b/frontend/public/math.js
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,22 +1,21 @@
 <script setup lang="ts">
-import {onMounted} from 'vue';
+import {onBeforeMount} from 'vue';
 import {useConfigStore} from '@/stores/configStore';
 import {useSystemStore} from '@/stores/systemStore';
 import {useKeybindingStore} from '@/stores/keybindingStore';
 import {useThemeStore} from '@/stores/themeStore';
 import {useUpdateStore} from '@/stores/updateStore';
-import {useBackupStore} from '@/stores/backupStore';
 import WindowTitleBar from '@/components/titlebar/WindowTitleBar.vue';
+import {useTranslationStore} from "@/stores/translationStore";

 const configStore = useConfigStore();
 const systemStore = useSystemStore();
 const keybindingStore = useKeybindingStore();
 const themeStore = useThemeStore();
 const updateStore = useUpdateStore();
-const backupStore = useBackupStore();
+const translationStore = useTranslationStore();

-// 应用启动时加载配置和初始化系统信息
-onMounted(async () => {
+onBeforeMount(async () => {
  // 并行初始化配置、系统信息和快捷键配置
  await Promise.all([
    configStore.initConfig(),
@@ -26,11 +25,9 @@ onMounted(async () => {
  
  // 初始化语言和主题
  await configStore.initializeLanguage();
-  themeStore.initializeTheme();
-  
-  // 初始化备份服务
-  await backupStore.initialize();
-  
+  await themeStore.initializeTheme();
+  await translationStore.loadTranslators();
+
  // 启动时检查更新
  await updateStore.checkOnStartup();
 });
--- a/frontend/src/assets/fonts/Hack/hack-bold.woff
+++ b/frontend/src/assets/fonts/Hack/hack-bold.woff
--- a/frontend/src/assets/fonts/Hack/hack-bold.woff2
+++ b/frontend/src/assets/fonts/Hack/hack-bold.woff2
--- a/frontend/src/assets/fonts/Hack/hack-bolditalic.woff
+++ b/frontend/src/assets/fonts/Hack/hack-bolditalic.woff
--- a/frontend/src/assets/fonts/Hack/hack-bolditalic.woff2
+++ b/frontend/src/assets/fonts/Hack/hack-bolditalic.woff2
--- a/frontend/src/assets/fonts/Hack/hack-italic.woff
+++ b/frontend/src/assets/fonts/Hack/hack-italic.woff
--- a/frontend/src/assets/fonts/Hack/hack-italic.woff2
+++ b/frontend/src/assets/fonts/Hack/hack-italic.woff2
--- a/frontend/src/assets/fonts/Hack/hack-regular.woff
+++ b/frontend/src/assets/fonts/Hack/hack-regular.woff
--- a/frontend/src/assets/fonts/Hack/hack-regular.woff2
+++ b/frontend/src/assets/fonts/Hack/hack-regular.woff2
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Black.ttf
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Black.ttf
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Black.woff2
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Black.woff2
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Bold.ttf
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Bold.ttf
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Bold.woff2
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Bold.woff2
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Light.ttf
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Light.ttf
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Light.woff2
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Light.woff2
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Medium.ttf
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Medium.ttf
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Medium.woff2
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Medium.woff2
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Regular.ttf
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Regular.ttf
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Regular.woff2
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Regular.woff2
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Semibold.ttf
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Semibold.ttf
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Semibold.woff2
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Semibold.woff2
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Thin.ttf
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Thin.ttf
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Thin.woff2
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Thin.woff2
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Black.ttf
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Black.ttf
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Black.woff2
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Black.woff2
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Bold.ttf
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Bold.ttf
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Bold.woff2
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Bold.woff2
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Light.ttf
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Light.ttf
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Light.woff2
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Light.woff2
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Medium.ttf
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Medium.ttf
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Medium.woff2
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Medium.woff2
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Regular.ttf
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Regular.ttf
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Regular.woff2
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Regular.woff2
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Semibold.ttf
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Semibold.ttf
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Semibold.woff2
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Semibold.woff2
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Thin.ttf
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Thin.ttf
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Thin.woff2
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Thin.woff2
--- a/frontend/src/assets/fonts/HarmonyOS/font_compressor.py
+++ b/frontend/src/assets/fonts/HarmonyOS/font_compressor.py
@@ -0,0 +1,254 @@
+#!/usr/bin/env python3
+# -*- coding: utf-8 -*-
+"""
+鸿蒙字体压缩工具
+使用 fonttools 库压缩 TTF 字体文件，减小文件大小
+"""
+
+import os
+import sys
+import subprocess
+import shutil
+from pathlib import Path
+from typing import List, Tuple
+
+def check_dependencies():
+    """检查必要的依赖是否已安装"""
+    missing_packages = []
+    
+    # 检查 fonttools
+    try:
+        import fontTools
+    except ImportError:
+        missing_packages.append('fonttools')
+    
+    # 检查 brotli
+    try:
+        import brotli
+    except ImportError:
+        missing_packages.append('brotli')
+    
+    # 检查 pyftsubset 命令是否可用
+    try:
+        result = subprocess.run(['pyftsubset', '--help'], capture_output=True, text=True)
+        if result.returncode != 0:
+            missing_packages.append('fonttools[subset]')
+    except FileNotFoundError:
+        if 'fonttools' not in missing_packages:
+            missing_packages.append('fonttools[subset]')
+    
+    if missing_packages:
+        print(f"缺少必要的依赖包: {', '.join(missing_packages)}")
+        print("请运行以下命令安装:")
+        print(f"pip install {' '.join(missing_packages)}")
+        return False
+    
+    return True
+
+def get_file_size(file_path: str) -> int:
+    """获取文件大小（字节）"""
+    return os.path.getsize(file_path)
+
+def format_file_size(size_bytes: int) -> str:
+    """格式化文件大小显示"""
+    if size_bytes < 1024:
+        return f"{size_bytes} B"
+    elif size_bytes < 1024 * 1024:
+        return f"{size_bytes / 1024:.2f} KB"
+    else:
+        return f"{size_bytes / (1024 * 1024):.2f} MB"
+
+def compress_font(input_path: str, output_path: str, compression_level: str = "basic") -> bool:
+    """
+    压缩单个字体文件
+    
+    Args:
+        input_path: 输入字体文件路径
+        output_path: 输出字体文件路径
+        compression_level: 压缩级别 ("basic", "medium", "aggressive")
+    
+    Returns:
+        bool: 压缩是否成功
+    """
+    try:
+        # 基础压缩参数
+        base_args = [
+            "pyftsubset", input_path,
+            "--output-file=" + output_path,
+            "--flavor=woff2",  # 输出为 WOFF2 格式，压缩率更高
+            "--with-zopfli",   # 使用 Zopfli 算法进一步压缩
+        ]
+        
+        # 根据压缩级别设置不同的参数
+        if compression_level == "basic":
+            # 基础压缩：保留常用字符和功能
+            args = base_args + [
+                "--unicodes=U+0020-007F,U+00A0-00FF,U+2000-206F,U+2070-209F,U+20A0-20CF",  # 基本拉丁字符、标点符号等
+                "--layout-features=*",  # 保留所有布局特性
+                "--glyph-names",        # 保留字形名称
+                "--symbol-cmap",        # 保留符号映射
+                "--legacy-cmap",        # 保留传统字符映射
+                "--notdef-glyph",       # 保留 .notdef 字形
+                "--recommended-glyphs", # 保留推荐字形
+                "--name-IDs=*",         # 保留所有名称ID
+                "--name-legacy",        # 保留传统名称
+            ]
+        elif compression_level == "medium":
+            # 中等压缩：移除一些不常用的功能
+            args = base_args + [
+                "--unicodes=U+0020-007F,U+00A0-00FF,U+2000-206F",  # 减少字符范围
+                "--layout-features=kern,liga,clig",  # 只保留关键布局特性
+                "--no-glyph-names",     # 移除字形名称
+                "--notdef-glyph",
+                "--name-IDs=1,2,3,4,5,6",  # 只保留基本名称ID
+            ]
+        else:  # aggressive
+            # 激进压缩：最大程度减小文件大小
+            args = base_args + [
+                "--unicodes=U+0020-007F",  # 只保留基本ASCII字符
+                "--no-layout-features",     # 移除所有布局特性
+                "--no-glyph-names",        # 移除字形名称
+                "--no-symbol-cmap",        # 移除符号映射
+                "--no-legacy-cmap",        # 移除传统映射
+                "--notdef-glyph",
+                "--name-IDs=1,2",          # 只保留最基本的名称
+                "--desubroutinize",        # 去子程序化（可能减小CFF字体大小）
+            ]
+        
+        # 执行压缩命令
+        result = subprocess.run(args, capture_output=True, text=True)
+        
+        if result.returncode == 0:
+            return True
+        else:
+            print(f"压缩失败: {result.stderr}")
+            return False
+            
+    except Exception as e:
+        print(f"压缩过程中出现错误: {str(e)}")
+        return False
+
+def find_font_files(directory: str) -> List[str]:
+    """查找目录中的所有字体文件"""
+    font_extensions = ['.ttf', '.otf', '.woff', '.woff2']
+    font_files = []
+    
+    for root, dirs, files in os.walk(directory):
+        for file in files:
+            if any(file.lower().endswith(ext) for ext in font_extensions):
+                font_files.append(os.path.join(root, file))
+    
+    return font_files
+
+def compress_fonts_batch(font_directory: str, compression_level: str = "basic"):
+    """
+    批量压缩字体文件
+    
+    Args:
+        font_directory: 字体文件目录
+        compression_level: 压缩级别
+    """
+    if not os.path.exists(font_directory):
+        print(f"错误: 目录 {font_directory} 不存在")
+        return
+    
+    # 查找所有字体文件
+    font_files = find_font_files(font_directory)
+    
+    if not font_files:
+        print("未找到字体文件")
+        return
+    
+    print(f"找到 {len(font_files)} 个字体文件")
+    print(f"压缩级别: {compression_level}")
+    print(f"压缩后的文件将与源文件放在同一目录，扩展名为 .woff2")
+    print("-" * 60)
+    
+    total_original_size = 0
+    total_compressed_size = 0
+    successful_compressions = 0
+    
+    for i, font_file in enumerate(font_files, 1):
+        print(f"[{i}/{len(font_files)}] 处理: {os.path.basename(font_file)}")
+        
+        # 获取原始文件大小
+        original_size = get_file_size(font_file)
+        total_original_size += original_size
+        
+        # 生成输出文件名（保持原文件名，只改变扩展名）
+        file_dir = os.path.dirname(font_file)
+        base_name = os.path.splitext(os.path.basename(font_file))[0]
+        output_file = os.path.join(file_dir, f"{base_name}.woff2")
+        
+        # 压缩字体
+        if compress_font(font_file, output_file, compression_level):
+            if os.path.exists(output_file):
+                compressed_size = get_file_size(output_file)
+                total_compressed_size += compressed_size
+                successful_compressions += 1
+                
+                # 计算压缩率
+                compression_ratio = (1 - compressed_size / original_size) * 100
+                
+                print(f"  ✓ 成功: {format_file_size(original_size)} → {format_file_size(compressed_size)} "
+                      f"(压缩 {compression_ratio:.1f}%)")
+            else:
+                print(f"  ✗ 失败: 输出文件未生成")
+        else:
+            print(f"  ✗ 失败: 压缩过程出错")
+        
+        print()
+    
+    # 显示总结
+    print("=" * 60)
+    print("压缩完成!")
+    print(f"成功压缩: {successful_compressions}/{len(font_files)} 个文件")
+    
+    if successful_compressions > 0:
+        total_compression_ratio = (1 - total_compressed_size / total_original_size) * 100
+        print(f"总大小: {format_file_size(total_original_size)} → {format_file_size(total_compressed_size)}")
+        print(f"总压缩率: {total_compression_ratio:.1f}%")
+        print(f"节省空间: {format_file_size(total_original_size - total_compressed_size)}")
+
+def main():
+    """主函数"""
+    print("鸿蒙字体压缩工具")
+    print("=" * 60)
+    
+    # 检查依赖
+    if not check_dependencies():
+        return
+    
+    # 获取当前脚本所在目录
+    current_dir = os.path.dirname(os.path.abspath(__file__))
+    
+    # 设置默认字体目录
+    font_directory = current_dir
+    
+    print(f"字体目录: {font_directory}")
+    
+    # 让用户选择压缩级别
+    print("\n请选择压缩级别:")
+    print("1. 基础压缩 (保留大部分功能，适合网页使用)")
+    print("2. 中等压缩 (平衡文件大小和功能)")
+    print("3. 激进压缩 (最小文件大小，可能影响显示效果)")
+    
+    while True:
+        choice = input("\n请输入选择 (1-3): ").strip()
+        if choice == "1":
+            compression_level = "basic"
+            break
+        elif choice == "2":
+            compression_level = "medium"
+            break
+        elif choice == "3":
+            compression_level = "aggressive"
+            break
+        else:
+            print("无效选择，请输入 1、2 或 3")
+    
+    # 开始批量压缩
+    compress_fonts_batch(font_directory, compression_level=compression_level)
+
+if __name__ == "__main__":
+    main()
--- a/frontend/src/assets/fonts/OpenSans/Bold/OpenSans-Bold.woff
+++ b/frontend/src/assets/fonts/OpenSans/Bold/OpenSans-Bold.woff
--- a/frontend/src/assets/fonts/OpenSans/Bold/OpenSans-Bold.woff2
+++ b/frontend/src/assets/fonts/OpenSans/Bold/OpenSans-Bold.woff2
--- a/frontend/src/assets/fonts/OpenSans/BoldItalic/OpenSans-BoldItalic.woff
+++ b/frontend/src/assets/fonts/OpenSans/BoldItalic/OpenSans-BoldItalic.woff
--- a/frontend/src/assets/fonts/OpenSans/BoldItalic/OpenSans-BoldItalic.woff2
+++ b/frontend/src/assets/fonts/OpenSans/BoldItalic/OpenSans-BoldItalic.woff2
--- a/frontend/src/assets/fonts/OpenSans/ExtraBold/OpenSans-ExtraBold.woff
+++ b/frontend/src/assets/fonts/OpenSans/ExtraBold/OpenSans-ExtraBold.woff
--- a/frontend/src/assets/fonts/OpenSans/ExtraBold/OpenSans-ExtraBold.woff2
+++ b/frontend/src/assets/fonts/OpenSans/ExtraBold/OpenSans-ExtraBold.woff2
--- a/frontend/src/assets/fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff
+++ b/frontend/src/assets/fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff
--- a/frontend/src/assets/fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2
+++ b/frontend/src/assets/fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2
--- a/frontend/src/assets/fonts/OpenSans/Italic/OpenSans-Italic.woff
+++ b/frontend/src/assets/fonts/OpenSans/Italic/OpenSans-Italic.woff
--- a/frontend/src/assets/fonts/OpenSans/Italic/OpenSans-Italic.woff2
+++ b/frontend/src/assets/fonts/OpenSans/Italic/OpenSans-Italic.woff2
--- a/frontend/src/assets/fonts/OpenSans/Light/OpenSans-Light.woff
+++ b/frontend/src/assets/fonts/OpenSans/Light/OpenSans-Light.woff
--- a/frontend/src/assets/fonts/OpenSans/Light/OpenSans-Light.woff2
+++ b/frontend/src/assets/fonts/OpenSans/Light/OpenSans-Light.woff2
--- a/frontend/src/assets/fonts/OpenSans/LightItalic/OpenSans-LightItalic.woff
+++ b/frontend/src/assets/fonts/OpenSans/LightItalic/OpenSans-LightItalic.woff
--- a/frontend/src/assets/fonts/OpenSans/LightItalic/OpenSans-LightItalic.woff2
+++ b/frontend/src/assets/fonts/OpenSans/LightItalic/OpenSans-LightItalic.woff2
--- a/frontend/src/assets/fonts/OpenSans/Regular/OpenSans-Regular.woff
+++ b/frontend/src/assets/fonts/OpenSans/Regular/OpenSans-Regular.woff
--- a/frontend/src/assets/fonts/OpenSans/Regular/OpenSans-Regular.woff2
+++ b/frontend/src/assets/fonts/OpenSans/Regular/OpenSans-Regular.woff2
--- a/frontend/src/assets/fonts/OpenSans/Semibold/OpenSans-Semibold.woff
+++ b/frontend/src/assets/fonts/OpenSans/Semibold/OpenSans-Semibold.woff
--- a/frontend/src/assets/fonts/OpenSans/Semibold/OpenSans-Semibold.woff2
+++ b/frontend/src/assets/fonts/OpenSans/Semibold/OpenSans-Semibold.woff2
--- a/frontend/src/assets/fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic.woff
+++ b/frontend/src/assets/fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic.woff
--- a/frontend/src/assets/fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic.woff2
+++ b/frontend/src/assets/fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic.woff2
--- a/frontend/src/assets/styles/fonts.css
+++ b/frontend/src/assets/styles/fonts.css
@@ -1,146 +0,0 @@
-/* HarmonyOS Sans 字体定义 */
-
-/* HarmonyOS Sans Regular */
-@font-face {
-  font-family: 'HarmonyOS Sans';
-  src: url('../fonts/HarmonyOS Sans/HarmonyOS_Sans/HarmonyOS_Sans_Regular.ttf') format('truetype');
-  font-weight: 400;
-  font-style: normal;
-  font-display: swap;
-}
-
-/* HarmonyOS Sans Light */
-@font-face {
-  font-family: 'HarmonyOS Sans';
-  src: url('../fonts/HarmonyOS Sans/HarmonyOS_Sans/HarmonyOS_Sans_Light.ttf') format('truetype');
-  font-weight: 300;
-  font-style: normal;
-  font-display: swap;
-}
-
-/* HarmonyOS Sans Medium */
-@font-face {
-  font-family: 'HarmonyOS Sans';
-  src: url('../fonts/HarmonyOS Sans/HarmonyOS_Sans/HarmonyOS_Sans_Medium.ttf') format('truetype');
-  font-weight: 500;
-  font-style: normal;
-  font-display: swap;
-}
-
-/* HarmonyOS Sans Semibold */
-@font-face {
-  font-family: 'HarmonyOS Sans';
-  src: url('../fonts/HarmonyOS Sans/HarmonyOS_Sans/HarmonyOS_Sans_Semibold.ttf') format('truetype');
-  font-weight: 600;
-  font-style: normal;
-  font-display: swap;
-}
-
-/* HarmonyOS Sans Bold */
-@font-face {
-  font-family: 'HarmonyOS Sans';
-  src: url('../fonts/HarmonyOS Sans/HarmonyOS_Sans/HarmonyOS_Sans_Bold.ttf') format('truetype');
-  font-weight: 700;
-  font-style: normal;
-  font-display: swap;
-}
-
-/* HarmonyOS Sans Black */
-@font-face {
-  font-family: 'HarmonyOS Sans';
-  src: url('../fonts/HarmonyOS Sans/HarmonyOS_Sans/HarmonyOS_Sans_Black.ttf') format('truetype');
-  font-weight: 900;
-  font-style: normal;
-  font-display: swap;
-}
-
-/* HarmonyOS Sans Thin */
-@font-face {
-  font-family: 'HarmonyOS Sans';
-  src: url('../fonts/HarmonyOS Sans/HarmonyOS_Sans/HarmonyOS_Sans_Thin.ttf') format('truetype');
-  font-weight: 100;
-  font-style: normal;
-  font-display: swap;
-}
-
-/* HarmonyOS Sans SC 简体中文字体 */
-
-/* HarmonyOS Sans SC Regular */
-@font-face {
-  font-family: 'HarmonyOS Sans SC';
-  src: url('../fonts/HarmonyOS Sans/HarmonyOS_SansSC/HarmonyOS_SansSC_Regular.ttf') format('truetype');
-  font-weight: 400;
-  font-style: normal;
-  font-display: swap;
-}
-
-/* HarmonyOS Sans SC Light */
-@font-face {
-  font-family: 'HarmonyOS Sans SC';
-  src: url('../fonts/HarmonyOS Sans/HarmonyOS_SansSC/HarmonyOS_SansSC_Light.ttf') format('truetype');
-  font-weight: 300;
-  font-style: normal;
-  font-display: swap;
-}
-
-/* HarmonyOS Sans SC Medium */
-@font-face {
-  font-family: 'HarmonyOS Sans SC';
-  src: url('../fonts/HarmonyOS Sans/HarmonyOS_SansSC/HarmonyOS_SansSC_Medium.ttf') format('truetype');
-  font-weight: 500;
-  font-style: normal;
-  font-display: swap;
-}
-
-/* HarmonyOS Sans SC Semibold */
-@font-face {
-  font-family: 'HarmonyOS Sans SC';
-  src: url('../fonts/HarmonyOS Sans/HarmonyOS_SansSC/HarmonyOS_SansSC_Semibold.ttf') format('truetype');
-  font-weight: 600;
-  font-style: normal;
-  font-display: swap;
-}
-
-/* HarmonyOS Sans SC Bold */
-@font-face {
-  font-family: 'HarmonyOS Sans SC';
-  src: url('../fonts/HarmonyOS Sans/HarmonyOS_SansSC/HarmonyOS_SansSC_Bold.ttf') format('truetype');
-  font-weight: 700;
-  font-style: normal;
-  font-display: swap;
-}
-
-/* HarmonyOS Sans SC Black */
-@font-face {
-  font-family: 'HarmonyOS Sans SC';
-  src: url('../fonts/HarmonyOS Sans/HarmonyOS_SansSC/HarmonyOS_SansSC_Black.ttf') format('truetype');
-  font-weight: 900;
-  font-style: normal;
-  font-display: swap;
-}
-
-/* HarmonyOS Sans SC Thin */
-@font-face {
-  font-family: 'HarmonyOS Sans SC';
-  src: url('../fonts/HarmonyOS Sans/HarmonyOS_SansSC/HarmonyOS_SansSC_Thin.ttf') format('truetype');
-  font-weight: 100;
-  font-style: normal;
-  font-display: swap;
-}
-
-/* 字体加载优化 */
-.font-loading {
-  font-family: system-ui, -apple-system, sans-serif;
-}
-
-.font-loaded {
-  font-family: 'HarmonyOS Sans SC', 'HarmonyOS Sans', 'Microsoft YaHei', 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
-}
-
-/* CodeMirror 专用字体类 */
-.cm-harmonyos-font {
-  font-family: 'HarmonyOS Sans SC', 'HarmonyOS Sans', 'Microsoft YaHei', 'PingFang SC', 'Helvetica Neue', Arial, sans-serif !important;
-  font-feature-settings: 'liga' 1, 'calt' 1;
-  font-variant-ligatures: contextual;
-  text-rendering: optimizeLegibility;
-} 
--- a/frontend/src/assets/styles/hack_fonts.css
+++ b/frontend/src/assets/styles/hack_fonts.css
@@ -0,0 +1,31 @@
+@font-face {
+    font-family: 'Hack';
+    src: url('../fonts/Hack/hack-regular.woff2') format('woff2'),
+    url('../fonts/Hack/hack-regular.woff') format('woff');
+    font-weight: 400;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Hack';
+    src: url('../fonts/Hack/hack-bold.woff2') format('woff2'),
+    url('../fonts/Hack/hack-bold.woff') format('woff');
+    font-weight: 700;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Hack';
+    src: url('../fonts/Hack/hack-italic.woff2') format('woff2'),
+    url('../fonts/Hack/hack-italic.woff') format('woff');
+    font-weight: 400;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Hack';
+    src: url('../fonts/Hack/hack-bolditalic.woff2') format('woff2'),
+    url('../fonts/Hack/hack-bolditalic.woff') format('woff');
+    font-weight: 700;
+    font-style: italic;
+}
--- a/frontend/src/assets/styles/harmony_fonts.css
+++ b/frontend/src/assets/styles/harmony_fonts.css
@@ -0,0 +1,134 @@
+/* HarmonyOS 字体定义 */
+
+/* HarmonyOS Regular */
+@font-face {
+  font-family: 'HarmonyOS';
+  src: url('../fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Regular.woff2') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* HarmonyOS Light */
+@font-face {
+  font-family: 'HarmonyOS';
+  src: url('../fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Light.woff2') format('truetype');
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* HarmonyOS Medium */
+@font-face {
+  font-family: 'HarmonyOS';
+  src: url('../fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Medium.woff2') format('truetype');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* HarmonyOS Semibold */
+@font-face {
+  font-family: 'HarmonyOS';
+  src: url('../fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Semibold.woff2') format('truetype');
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* HarmonyOS Bold */
+@font-face {
+  font-family: 'HarmonyOS';
+  src: url('../fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Bold.woff2') format('truetype');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* HarmonyOS Black */
+@font-face {
+  font-family: 'HarmonyOS';
+  src: url('../fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Black.woff2') format('truetype');
+  font-weight: 900;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* HarmonyOS Thin */
+@font-face {
+  font-family: 'HarmonyOS';
+  src: url('../fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Thin.woff2') format('truetype');
+  font-weight: 100;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* HarmonyOS SC 简体中文字体 */
+
+/* HarmonyOS SC Regular */
+@font-face {
+  font-family: 'HarmonyOS';
+  src: url('../fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Regular.woff2') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* HarmonyOS SC Light */
+@font-face {
+  font-family: 'HarmonyOS';
+  src: url('../fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Light.woff2') format('truetype');
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* HarmonyOS SC Medium */
+@font-face {
+  font-family: 'HarmonyOS';
+  src: url('../fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Medium.woff2') format('truetype');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* HarmonyOS SC Semibold */
+@font-face {
+  font-family: 'HarmonyOS';
+  src: url('../fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Semibold.woff2') format('truetype');
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* HarmonyOS SC Bold */
+@font-face {
+  font-family: 'HarmonyOS';
+  src: url('../fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Bold.woff2') format('truetype');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* HarmonyOS SC Black */
+@font-face {
+  font-family: 'HarmonyOS';
+  src: url('../fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Black.woff2') format('truetype');
+  font-weight: 900;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* HarmonyOS SC Thin */
+@font-face {
+  font-family: 'HarmonyOS';
+  src: url('../fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Thin.woff2') format('truetype');
+  font-weight: 100;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* 字体加载优化 */
+.font-loading {
+  font-family: system-ui, -apple-system, sans-serif;
+}
--- a/frontend/src/assets/styles/index.css
+++ b/frontend/src/assets/styles/index.css
@@ -1,5 +1,7 @@
 /* 导入所有CSS文件 */
@import 'normalize.css';
@import 'variables.css';
-@import "fonts.css";
-@import 'scrollbar.css';
+@import "harmony_fonts.css";
+@import 'scrollbar.css';
+@import 'hack_fonts.css';
+@import 'opensans_fonts.css';
--- a/frontend/src/assets/styles/opensans_fonts.css
+++ b/frontend/src/assets/styles/opensans_fonts.css
@@ -0,0 +1,80 @@
+/* BEGIN Light */
+@font-face {
+    font-family: 'Open Sans';
+    src: url("../fonts/OpenSans/Light/OpenSans-Light.woff2?v=1.1.0") format("woff2"), url("../fonts/OpenSans/Light/OpenSans-Light.woff?v=1.1.0") format("woff");
+    font-weight: 300;
+    font-style: normal;
+}
+/* END Light */
+/* BEGIN Light Italic */
+@font-face {
+    font-family: 'Open Sans';
+    src: url("../fonts/OpenSans/LightItalic/OpenSans-LightItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/OpenSans/LightItalic/OpenSans-LightItalic.woff?v=1.1.0") format("woff");
+    font-weight: 300;
+    font-style: italic;
+}
+/* END Light Italic */
+/* BEGIN Regular */
+@font-face {
+    font-family: 'Open Sans';
+    src: url("../fonts/OpenSans/Regular/OpenSans-Regular.woff2?v=1.1.0") format("woff2"), url("../fonts/OpenSans/Regular/OpenSans-Regular.woff?v=1.1.0") format("woff");
+    font-weight: normal;
+    font-style: normal;
+}
+/* END Regular */
+/* BEGIN Italic */
+@font-face {
+    font-family: 'Open Sans';
+    src: url("../fonts/OpenSans/Italic/OpenSans-Italic.woff2?v=1.1.0") format("woff2"), url("../fonts/OpenSans/Italic/OpenSans-Italic.woff?v=1.1.0") format("woff");
+    font-weight: normal;
+    font-style: italic;
+}
+/* END Italic */
+/* BEGIN Semibold */
+@font-face {
+    font-family: 'Open Sans';
+    src: url("../fonts/OpenSans/Semibold/OpenSans-Semibold.woff2?v=1.1.0") format("woff2"), url("../fonts/OpenSans/Semibold/OpenSans-Semibold.woff?v=1.1.0") format("woff");
+    font-weight: 600;
+    font-style: normal;
+}
+/* END Semibold */
+/* BEGIN Semibold Italic */
+@font-face {
+    font-family: 'Open Sans';
+    src: url("../fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic.woff?v=1.1.0") format("woff");
+    font-weight: 600;
+    font-style: italic;
+}
+/* END Semibold Italic */
+/* BEGIN Bold */
+@font-face {
+    font-family: 'Open Sans';
+    src: url("../fonts/OpenSans/Bold/OpenSans-Bold.woff2?v=1.1.0") format("woff2"), url("../fonts/OpenSans/Bold/OpenSans-Bold.woff?v=1.1.0") format("woff");
+    font-weight: bold;
+    font-style: normal;
+}
+/* END Bold */
+/* BEGIN Bold Italic */
+@font-face {
+    font-family: 'Open Sans';
+    src: url("../fonts/OpenSans/BoldItalic/OpenSans-BoldItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/OpenSans/BoldItalic/OpenSans-BoldItalic.woff?v=1.1.0") format("woff");
+    font-weight: bold;
+    font-style: italic;
+}
+/* END Bold Italic */
+/* BEGIN Extrabold */
+@font-face {
+    font-family: 'Open Sans';
+    src: url("../fonts/OpenSans/ExtraBold/OpenSans-ExtraBold.woff2?v=1.1.0") format("woff2"), url("../fonts/OpenSans/ExtraBold/OpenSans-ExtraBold.woff?v=1.1.0") format("woff");
+    font-weight: 800;
+    font-style: normal;
+}
+/* END Extrabold */
+/* BEGIN Extrabold Italic */
+@font-face {
+    font-family: 'Open Sans';
+    src: url("../fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff?v=1.1.0") format("woff");
+    font-weight: 800;
+    font-style: italic;
+}
+/* END Extrabold Italic */
--- a/frontend/src/assets/styles/variables.css
+++ b/frontend/src/assets/styles/variables.css
@@ -8,6 +8,7 @@
  --dark-toolbar-text: #ffffff;
  --dark-toolbar-text-secondary: #cccccc;
  --dark-toolbar-button-hover: #404040;
+  --dark-tab-active-line: linear-gradient(90deg, #007acc 0%, #0099ff 100%);
  --dark-bg-secondary: #0E1217;
  --dark-text-secondary: #a0aec0;
  --dark-text-muted: #666;
@@ -40,6 +41,7 @@
  --light-toolbar-text: #212529;
  --light-toolbar-text-secondary: #495057;
  --light-toolbar-button-hover: #e9ecef;
+  --light-tab-active-line: linear-gradient(90deg, #0066cc 0%, #0088ff 100%);
  --light-bg-secondary: #f7fef7;
  --light-text-secondary: #374151;
  --light-text-muted: #6b7280;
@@ -73,6 +75,7 @@
  --toolbar-text-secondary: var(--dark-toolbar-text-secondary);
  --toolbar-button-hover: var(--dark-toolbar-button-hover);
  --toolbar-separator: var(--dark-toolbar-button-hover);
+  --tab-active-line: var(--dark-tab-active-line);
  --bg-secondary: var(--dark-bg-secondary);
  --text-secondary: var(--dark-text-secondary);
  --text-muted: var(--dark-text-muted);
@@ -112,6 +115,7 @@
    --toolbar-text-secondary: var(--dark-toolbar-text-secondary);
    --toolbar-button-hover: var(--dark-toolbar-button-hover);
    --toolbar-separator: var(--dark-toolbar-button-hover);
+    --tab-active-line: var(--dark-tab-active-line);
    --bg-secondary: var(--dark-bg-secondary);
    --text-secondary: var(--dark-text-secondary);
    --text-muted: var(--dark-text-muted);
@@ -149,6 +153,7 @@
    --toolbar-text-secondary: var(--light-toolbar-text-secondary);
    --toolbar-button-hover: var(--light-toolbar-button-hover);
    --toolbar-separator: var(--light-toolbar-button-hover);
+    --tab-active-line: var(--light-tab-active-line);
    --bg-secondary: var(--light-bg-secondary);
    --text-secondary: var(--light-text-secondary);
    --text-muted: var(--light-text-muted);
@@ -185,6 +190,7 @@
  --toolbar-text-secondary: var(--light-toolbar-text-secondary);
  --toolbar-button-hover: var(--light-toolbar-button-hover);
  --toolbar-separator: var(--light-toolbar-button-hover);
+  --tab-active-line: var(--light-tab-active-line);
  --bg-secondary: var(--light-bg-secondary);
  --text-secondary: var(--light-text-secondary);
  --text-muted: var(--light-text-muted);
@@ -220,6 +226,7 @@
  --toolbar-text-secondary: var(--dark-toolbar-text-secondary);
  --toolbar-button-hover: var(--dark-toolbar-button-hover);
  --toolbar-separator: var(--dark-toolbar-button-hover);
+  --tab-active-line: var(--dark-tab-active-line);
  --bg-secondary: var(--dark-bg-secondary);
  --text-secondary: var(--dark-text-secondary);
  --text-muted: var(--dark-text-muted);
--- a/frontend/src/common/constant/config.ts
+++ b/frontend/src/common/constant/config.ts
@@ -0,0 +1,168 @@
+import {
+    AppConfig,
+    AppearanceConfig,
+    EditingConfig,
+    GeneralConfig,
+    LanguageType,
+    SystemThemeType,
+    TabType,
+    UpdatesConfig,
+    UpdateSourceType,
+    GitBackupConfig,
+    AuthMethod
+} from '@/../bindings/voidraft/internal/models/models';
+import {FONT_OPTIONS} from './fonts';
+
+// 配置键映射和限制的类型定义
+export type GeneralConfigKeyMap = {
+    readonly [K in keyof GeneralConfig]: string;
+};
+
+export type EditingConfigKeyMap = {
+    readonly [K in keyof EditingConfig]: string;
+};
+
+export type AppearanceConfigKeyMap = {
+    readonly [K in keyof AppearanceConfig]: string;
+};
+
+export type UpdatesConfigKeyMap = {
+    readonly [K in keyof UpdatesConfig]: string;
+};
+
+export type BackupConfigKeyMap = {
+    readonly [K in keyof GitBackupConfig]: string;
+};
+
+export type NumberConfigKey = 'fontSize' | 'tabSize' | 'lineHeight';
+
+// 配置键映射
+export const GENERAL_CONFIG_KEY_MAP: GeneralConfigKeyMap = {
+    alwaysOnTop: 'general.alwaysOnTop',
+    dataPath: 'general.dataPath',
+    enableSystemTray: 'general.enableSystemTray',
+    startAtLogin: 'general.startAtLogin',
+    enableGlobalHotkey: 'general.enableGlobalHotkey',
+    globalHotkey: 'general.globalHotkey',
+    enableWindowSnap: 'general.enableWindowSnap',
+    enableLoadingAnimation: 'general.enableLoadingAnimation',
+    enableTabs: 'general.enableTabs',
+} as const;
+
+export const EDITING_CONFIG_KEY_MAP: EditingConfigKeyMap = {
+    fontSize: 'editing.fontSize',
+    fontFamily: 'editing.fontFamily',
+    fontWeight: 'editing.fontWeight',
+    lineHeight: 'editing.lineHeight',
+    enableTabIndent: 'editing.enableTabIndent',
+    tabSize: 'editing.tabSize',
+    tabType: 'editing.tabType',
+    autoSaveDelay: 'editing.autoSaveDelay'
+} as const;
+
+export const APPEARANCE_CONFIG_KEY_MAP: AppearanceConfigKeyMap = {
+    language: 'appearance.language',
+    systemTheme: 'appearance.systemTheme',
+    currentTheme: 'appearance.currentTheme'
+} as const;
+
+export const UPDATES_CONFIG_KEY_MAP: UpdatesConfigKeyMap = {
+    version: 'updates.version',
+    autoUpdate: 'updates.autoUpdate',
+    primarySource: 'updates.primarySource',
+    backupSource: 'updates.backupSource',
+    backupBeforeUpdate: 'updates.backupBeforeUpdate',
+    updateTimeout: 'updates.updateTimeout',
+    github: 'updates.github',
+    gitea: 'updates.gitea'
+} as const;
+
+export const BACKUP_CONFIG_KEY_MAP: BackupConfigKeyMap = {
+    enabled: 'backup.enabled',
+    repo_url: 'backup.repo_url',
+    auth_method: 'backup.auth_method',
+    username: 'backup.username',
+    password: 'backup.password',
+    token: 'backup.token',
+    ssh_key_path: 'backup.ssh_key_path',
+    ssh_key_passphrase: 'backup.ssh_key_passphrase',
+    backup_interval: 'backup.backup_interval',
+    auto_backup: 'backup.auto_backup',
+} as const;
+
+// 配置限制
+export const CONFIG_LIMITS = {
+    fontSize: {min: 12, max: 28, default: 13},
+    tabSize: {min: 2, max: 8, default: 4},
+    lineHeight: {min: 1.0, max: 3.0, default: 1.5},
+    tabType: {values: [TabType.TabTypeSpaces, TabType.TabTypeTab], default: TabType.TabTypeSpaces}
+} as const;
+
+// 默认配置
+export const DEFAULT_CONFIG: AppConfig = {
+    general: {
+        alwaysOnTop: false,
+        dataPath: '',
+        enableSystemTray: true,
+        startAtLogin: false,
+        enableGlobalHotkey: false,
+        globalHotkey: {
+            ctrl: false,
+            shift: false,
+            alt: true,
+            win: false,
+            key: 'X'
+        },
+        enableWindowSnap: true,
+        enableLoadingAnimation: true,
+        enableTabs: false,
+    },
+    editing: {
+        fontSize: CONFIG_LIMITS.fontSize.default,
+        fontFamily: FONT_OPTIONS[0].value,
+        fontWeight: '400',
+        lineHeight: CONFIG_LIMITS.lineHeight.default,
+        enableTabIndent: true,
+        tabSize: CONFIG_LIMITS.tabSize.default,
+        tabType: CONFIG_LIMITS.tabType.default,
+        autoSaveDelay: 5000
+    },
+    appearance: {
+        language: LanguageType.LangZhCN,
+        systemTheme: SystemThemeType.SystemThemeAuto,
+        currentTheme: 'default-dark'
+    },
+    updates: {
+        version: "1.0.0",
+        autoUpdate: true,
+        primarySource: UpdateSourceType.UpdateSourceGithub,
+        backupSource: UpdateSourceType.UpdateSourceGitea,
+        backupBeforeUpdate: true,
+        updateTimeout: 30,
+        github: {
+            owner: "landaiqing",
+            repo: "voidraft",
+        },
+        gitea: {
+            baseURL: "https://git.landaiqing.cn",
+            owner: "landaiqing",
+            repo: "voidraft",
+        }
+    },
+    backup: {
+        enabled: false,
+        repo_url: "",
+        auth_method: AuthMethod.UserPass,
+        username: "",
+        password: "",
+        token: "",
+        ssh_key_path: "",
+        ssh_key_passphrase: "",
+        backup_interval: 60,
+        auto_backup: true,
+    },
+    metadata: {
+        version: '1.0.0',
+        lastUpdated: new Date().toString(),
+    }
+};
--- a/frontend/src/common/constant/editor.ts
+++ b/frontend/src/common/constant/editor.ts
@@ -0,0 +1,13 @@
+/**
+ * 编辑器相关常量配置
+ */
+
+// 编辑器实例管理
+export const EDITOR_CONFIG = {
+  /** 最多缓存的编辑器实例数量 */
+  MAX_INSTANCES: 5,
+  /** 语法树缓存过期时间（毫秒） */
+  SYNTAX_TREE_CACHE_TIMEOUT: 30000,
+  /** 加载状态延迟时间（毫秒） */
+  LOADING_DELAY: 500,
+} as const;
--- a/frontend/src/common/constant/fonts.ts
+++ b/frontend/src/common/constant/fonts.ts
@@ -0,0 +1,101 @@
+// Font options with popular programming and common fonts
+export const FONT_OPTIONS = [
+    // Custom fonts
+    {
+        label: 'HarmonyOS',
+        value: 'HarmonyOS'
+    },
+    {
+        label: 'Hack',
+        value: 'Hack'
+    },
+    {
+        label: 'Open Sans',
+        value: '"Open Sans"'
+    },
+    // Common system fonts
+    {
+        label: 'Arial',
+        value: 'Arial'
+    },
+    {
+        label: 'Helvetica',
+        value: 'Helvetica'
+    },
+    {
+        label: 'Times New Roman',
+        value: '"Times New Roman"'
+    },
+    {
+        label: 'Georgia',
+        value: 'Georgia'
+    },
+    {
+        label: 'Verdana',
+        value: 'Verdana'
+    },
+    {
+        label: 'Tahoma',
+        value: 'Tahoma'
+    },
+    {
+        label: 'Segoe UI',
+        value: '"Segoe UI"'
+    },
+    {
+        label: 'System UI',
+        value: 'system-ui'
+    },
+    
+    // Chinese fonts
+    {
+        label: 'Microsoft YaHei',
+        value: '"Microsoft YaHei"'
+    },
+    {
+        label: 'PingFang SC',
+        value: '"PingFang SC"'
+    },
+    
+    // Popular programming fonts
+    {
+        label: 'JetBrains Mono',
+        value: '"JetBrains Mono"'
+    },
+    {
+        label: 'Fira Code',
+        value: '"Fira Code"'
+    },
+    {
+        label: 'Source Code Pro',
+        value: '"Source Code Pro"'
+    },
+    {
+        label: 'Cascadia Code',
+        value: '"Cascadia Code"'
+    },
+    {
+        label: 'Consolas',
+        value: 'Consolas'
+    },
+    {
+        label: 'Monaco',
+        value: 'Monaco'
+    },
+    {
+        label: 'Menlo',
+        value: 'Menlo'
+    },
+    {
+        label: 'Roboto Mono',
+        value: '"Roboto Mono"'
+    },
+    {
+        label: 'Inconsolata',
+        value: 'Inconsolata'
+    },
+    {
+        label: 'Ubuntu Mono',
+        value: '"Ubuntu Mono"'
+    }
+];
--- a/frontend/src/common/constant/locales.ts
+++ b/frontend/src/common/constant/locales.ts
@@ -0,0 +1,13 @@
+export type SupportedLocaleType = 'zh-CN' | 'en-US';
+
+// 支持的语言列表
+export const SUPPORTED_LOCALES = [
+    {
+        code: 'en-US' as SupportedLocaleType,
+        name: 'English'
+    },
+    {
+        code: 'zh-CN' as SupportedLocaleType,
+        name: '简体中文'
+    }
+] as const;
--- a/frontend/src/common/constant/translation.ts
+++ b/frontend/src/common/constant/translation.ts
@@ -0,0 +1,49 @@
+/**
+ * 默认翻译配置
+ */
+export const DEFAULT_TRANSLATION_CONFIG = {
+  minSelectionLength: 2,
+  maxTranslationLength: 5000,
+} as const;
+
+/**
+ * 翻译相关的错误消息
+ */
+export const TRANSLATION_ERRORS = {
+  NO_TEXT: 'no text to translate',
+  TRANSLATION_FAILED: 'translation failed',
+} as const;
+
+/**
+ * 翻译结果接口
+ */
+export interface TranslationResult {
+  translatedText: string;
+  error?: string;
+}
+
+/**
+ * 语言信息接口
+ */
+export interface LanguageInfo {
+  Code: string; // 语言代码
+  Name: string; // 语言名称
+}
+
+/**
+ * 翻译器扩展配置
+ */
+export interface TranslatorConfig {
+  /** 最小选择字符数才显示翻译按钮 */
+  minSelectionLength: number;
+  /** 最大翻译字符数 */
+  maxTranslationLength: number;
+}
+
+/**
+ * 翻译图标SVG
+ */
+export const TRANSLATION_ICON_SVG = `
+<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+  <path d="M599.68 485.056h-8l30.592 164.672c20.352-7.04 38.72-17.344 54.912-31.104a271.36 271.36 0 0 1-40.704-64.64l32.256-4.032c8.896 17.664 19.072 33.28 30.592 46.72 23.872-27.968 42.24-65.152 55.04-111.744l-154.688 0.128z m121.92 133.76c18.368 15.36 39.36 26.56 62.848 33.472l14.784 4.416-8.64 30.336-14.72-4.352a205.696 205.696 0 0 1-76.48-41.728c-20.672 17.92-44.928 31.552-71.232 40.064l20.736 110.912H519.424l-9.984 72.512h385.152c18.112 0 32.704-14.144 32.704-31.616V295.424a32.128 32.128 0 0 0-32.704-31.552H550.528l35.2 189.696h79.424v-31.552h61.44v31.552h102.4v31.616h-42.688c-14.272 55.488-35.712 100.096-64.64 133.568zM479.36 791.68H193.472c-36.224 0-65.472-28.288-65.472-63.168V191.168C128 156.16 157.312 128 193.472 128h327.68l20.544 104.32h352.832c36.224 0 65.472 28.224 65.472 63.104v537.408c0 34.944-29.312 63.168-65.472 63.168H468.608l10.688-104.32zM337.472 548.352v-33.28H272.768v-48.896h60.16V433.28h-60.16v-41.728h64.704v-32.896h-102.4v189.632h102.4z m158.272 0V453.76c0-17.216-4.032-30.272-12.16-39.488-8.192-9.152-20.288-13.696-36.032-13.696a55.04 55.04 0 0 0-24.768 5.376 39.04 39.04 0 0 0-17.088 15.936h-1.984l-5.056-18.56h-28.352V548.48h37.12V480c0-17.088 2.304-29.376 6.912-36.736 4.608-7.424 12.16-11.072 22.528-11.072 7.616 0 13.248 2.56 16.64 7.872 3.52 5.248 5.312 13.056 5.312 23.488v84.736h36.928z" fill="currentColor"></path>
+</svg>`;
--- a/frontend/src/common/prettier/plugins/clang/index.ts
+++ b/frontend/src/common/prettier/plugins/clang/index.ts
@@ -1,23 +1,31 @@
 /**
- * Prettier Plugin for C/C++ formatting using clang-format WebAssembly
+ * Prettier Plugin for C/C++/C#/Java/Protobuf formatting using clang-format WebAssembly
 * 
- * This plugin provides support for formatting C/C++ files using the clang-format WASM implementation.
- * It supports various C/C++ file extensions and common clang-format styles.
+ * This plugin provides support for formatting multiple languages using the clang-format WASM implementation.
+ * Supported languages:
+ * - C / C++
+ * - Objective-C / Objective-C++
+ * - C#
+ * - Java
+ * - Protocol Buffer (Protobuf)
+ * 
+ * It supports various file extensions and common clang-format styles.
 */
 import type { Plugin, Parser, Printer } from 'prettier';

 // Import the clang-format WASM module
 import clangFormatInit, { format } from './clang-format-vite.js';

-const parserName = 'clang';
+const parserName = 'clang-format';

 // Language configuration
 const languages = [
    {
        name: 'C',
        aliases: ['c'],
-        parsers: [parserName],
+        parsers: ['c'],
        extensions: ['.c', '.h'],
+        filenames: ['*.c', '*.h'],
        aceMode: 'c_cpp',
        tmScope: 'source.c',
        linguistLanguageId: 50,
@@ -26,8 +34,9 @@ const languages = [
    {
        name: 'C++',
        aliases: ['cpp', 'cxx', 'cc'],
-        parsers: [parserName],
+        parsers: ['cpp'],
        extensions: ['.cpp', '.cxx', '.cc', '.hpp', '.hxx', '.hh', '.C', '.H'],
+        filenames: ['*.cpp', '*.cxx', '*.cc', '*.hpp', '*.hxx', '*.hh', '*.C', '*.H'],
        aceMode: 'c_cpp',
        tmScope: 'source.cpp',
        linguistLanguageId: 43,
@@ -36,12 +45,57 @@ const languages = [
    {
        name: 'Objective-C',
        aliases: ['objc', 'objectivec'],
-        parsers: [parserName],
-        extensions: ['.m', '.mm'],
+        parsers: ['objective-c'],
+        extensions: ['.m'],
+        filenames: ['*.m'],
        aceMode: 'objectivec',
        tmScope: 'source.objc',
        linguistLanguageId: 259,
        vscodeLanguageIds: ['objective-c']
+    },
+    {
+        name: 'Objective-C++',
+        aliases: ['objcpp', 'objectivecpp'],
+        parsers: ['objective-cpp'],
+        extensions: ['.mm'],
+        filenames: ['*.mm'],
+        aceMode: 'objectivec',
+        tmScope: 'source.objcpp',
+        linguistLanguageId: 260,
+        vscodeLanguageIds: ['objective-cpp']
+    },
+    {
+        name: 'C#',
+        aliases: ['csharp', 'cs'],
+        parsers: ['cs'],
+        extensions: ['.cs'],
+        filenames: ['*.cs'],
+        aceMode: 'csharp',
+        tmScope: 'source.cs',
+        linguistLanguageId: 42,
+        vscodeLanguageIds: ['csharp']
+    },
+    {
+        name: 'Java',
+        aliases: ['java'],
+        parsers: ['java'],
+        extensions: ['.java'],
+        filenames: ['*.java'],
+        aceMode: 'java',
+        tmScope: 'source.java',
+        linguistLanguageId: 181,
+        vscodeLanguageIds: ['java']
+    },
+    {
+        name: 'Protocol Buffer',
+        aliases: ['protobuf', 'proto'],
+        parsers: ['proto'],
+        extensions: ['.proto'],
+        filenames: ['*.proto'],
+        aceMode: 'protobuf',
+        tmScope: 'source.proto',
+        linguistLanguageId: 297,
+        vscodeLanguageIds: ['proto']
    }
 ];

@@ -53,39 +107,44 @@ const clangParser: Parser<string> = {
    locEnd: (node: string) => node.length,
 };

-// Initialize clang-format WASM module
+// Lazy initialize clang-format WASM module
 let initPromise: Promise<void> | null = null;
 let isInitialized = false;

 function initClangFormat(): Promise<void> {
-    if (initPromise) {
-        return initPromise;
+    if (isInitialized) {
+        return Promise.resolve();
    }
    
-    initPromise = (async () => {
-        if (!isInitialized) {
-            await clangFormatInit();
-            isInitialized = true;
-        }
-    })();
+    if (!initPromise) {
+        initPromise = (async () => {
+            try {
+                await clangFormatInit();
+                isInitialized = true;
+            } catch (error) {
+                console.warn('Failed to initialize clang-format WASM module:', error);
+                initPromise = null;
+                throw error;
+            }
+        })();
+    }
    
    return initPromise;
 }

 // Printer configuration
 const clangPrinter: Printer<string> = {
-    print: (path, options) => {
+    // @ts-expect-error -- Support async printer like shell plugin
+    async print(path, options) {
        try {
-            if (!isInitialized) {
-                console.warn('clang-format WASM module not initialized, returning original text');
-                return (path as any).getValue ? (path as any).getValue() : path.node;
-            }
+            // Wait for initialization to complete
+            await initClangFormat();
            
            const text = (path as any).getValue ? (path as any).getValue() : path.node;
            const style = getClangStyle(options);
            
            // Format using clang-format (synchronous call)
-            const formatted = format(text, undefined, style);
+            const formatted = format(text, options.filename, style);
            
            return formatted.trim();
        } catch (error) {
@@ -129,6 +188,13 @@ const options = {
            { value: 'Microsoft', description: "Microsoft's style guide" },
            { value: 'GNU', description: 'GNU coding standards' }
        ]
+    },
+    filename: {
+        // since: '0.1.0',
+        category: 'Config',
+        type: 'string',
+        default: undefined,
+        description: 'Custom filename to use for web_fmt processing (affects language detection)',
    }
 };

@@ -141,14 +207,9 @@ const clangPlugin: Plugin = {
    printers: {
        [parserName]: clangPrinter,
    },
-    options,
+    ...options,
 };

-// Initialize WASM module when plugin loads
-initClangFormat().catch(error => {
-    console.warn('Failed to initialize clang-format WASM module:', error);
-});
-
 export default clangPlugin;
 export { languages };
 export const parsers = clangPlugin.parsers;
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
landaiqing	852424356a	🐛 Fixed startup failure issue	2025-10-20 23:07:29 +08:00
landaiqing	b704dd2438	🎨 Optimize code	2025-10-20 23:00:04 +08:00
landaiqing	aa8139884b	🎨 Optimize preset theme code	2025-10-20 21:58:37 +08:00
landaiqing	9a15df01ee	✨ Added preset theme	2025-10-19 23:57:03 +08:00
landaiqing	03780b5bc7	⬆️ Upgrade dependencies	2025-10-10 23:40:23 +08:00
landaiqing	b5d90cc59a	✨ Added the ability to automatically scroll to active tabs	2025-10-05 18:53:49 +08:00
landaiqing	d49ffc20df	🎨 Refactor and optimize code	2025-10-05 00:58:27 +08:00
landaiqing	c22e349181	🐛 Fixed tab switch issue	2025-10-04 14:31:06 +08:00
landaiqing	45968cd353	✨ Added tab functionality and optimized related configurations	2025-10-04 02:27:32 +08:00
landaiqing	2d02bf7f1f	🚧 Optimize	2025-10-01 22:32:57 +08:00
landaiqing	1216b0b67c	🚧 Optimize	2025-10-01 18:15:22 +08:00
landaiqing	cf8bf688bf	🚧 Optimize	2025-09-30 00:28:15 +08:00
landaiqing	4d6a4ff79f	🐛 Fixed SQLite time field issue	2025-09-29 00:59:59 +08:00
landaiqing	3077d5a7c5	♻️ Refactor document selector and cache management logic	2025-09-29 00:26:05 +08:00
landaiqing	bc0569af93	🎨 Optimize code structure	2025-09-28 01:09:20 +08:00
landaiqing	0188b618f2	🐛 Fixed docker prettier plugin issue	2025-09-27 20:11:31 +08:00
landaiqing	08860e9a5c	⬆️ Update dependencies	2025-09-24 23:57:22 +08:00
landaiqing	a56d4ef379	✨ Adds multiple code block language support	2025-09-24 23:05:21 +08:00
landaiqing	f5bfff80b7	🚨 Format code	2025-09-24 21:44:42 +08:00
landaiqing	1462d8a753	🐛 Fixed docker prettier plugin issue	2025-09-24 19:14:10 +08:00
landaiqing	39ee2d14f3	⚡ Optimize font size and add more fonts	2025-09-24 00:44:41 +08:00
landaiqing	e536cdd9ba	🐛 Fixed docker、shell prettier plugin issue	2025-09-23 19:43:26 +08:00
landaiqing	dc4b73406d	🐛 Fixed prettier plugin parser configuration issue	2025-09-21 23:23:43 +08:00
landaiqing	0012a5dc19	✨ Added loading animation switch	2025-09-21 22:17:41 +08:00
landaiqing	3cda88371e	🐛 Fixed manual Chunks issue	2025-09-21 21:54:39 +08:00
landaiqing	0338351680	⚡ Improve app launch speed	2025-09-21 03:04:23 +08:00
landaiqing	e372a0dd7c	🎨 Modify the rendering logic of the checkbox	2025-09-21 01:14:33 +08:00
landaiqing	d597f379ff	🚚 Refactor directory structure	2025-09-21 00:11:40 +08:00
landaiqing	9222a52d91	✨ Modified sql prettier plugin	2025-09-20 19:18:33 +08:00
landaiqing	c3670bb8cd	✨ Added dockerfile、lua prettier plugin	2025-09-20 01:30:16 +08:00
landaiqing	2ea3456ff7	✨ Added dart prettier plugin	2025-09-19 19:41:48 +08:00
landaiqing	c9379f0edb	✨ Added python prettier plugin	2025-09-19 19:35:48 +08:00