feat: enhance QQ account setup with secure token and update initialization wizard

- Updated `setQqAccount` method in `DesktopBridge` and related interfaces to accept an optional `websocketToken`.
- Integrated secure token generation for QQ account setup using `createSecureToken`.
- Modified `InitializationWizard` to handle the new QQ account setup flow, including UI updates and error handling.
- Removed unused `initializePtyLogStore` call from `DesktopShell`.
- Improved button styles for better responsiveness in `DesktopShell`.
- Refactored `TerminalPanel` to utilize new terminal handling logic and improved session management.
- Added clipboard copy functionality for terminal selections.
- Updated keyboard shortcut handling in `Kbd` component to support compact mode.

Author: DrSmoothl

resources/installer.nsh

@@ -1,6 +1,18 @@
+!macro customPageAfterChangeDir
+  !define MUI_PAGE_CUSTOMFUNCTION_SHOW maibotShowInstallDetails
+!macroend
+
 !macro customHeader
   ShowInstDetails show
   !ifdef BUILD_UNINSTALLER
     ShowUninstDetails show
   !endif
 !macroend
+
+!macro customInstall
+  SetDetailsView show
+!macroend
+
+Function maibotShowInstallDetails
+  SetDetailsView show
+FunctionEnd

src/main/ipc/app.ts

@@ -104,8 +104,8 @@ export function registerAppIpc({
     return result;
   });
 
-  ipcMain.handle("init:setQqAccount", async (_event, qqAccount: string): Promise<InitState> => {
-    const state = await initManager.setQqAccount(qqAccount);
+  ipcMain.handle("init:setQqAccount", async (_event, qqAccount: string, websocketToken?: string): Promise<InitState> => {
+    const state = await initManager.setQqAccount(qqAccount, websocketToken);
     logStore.append("desktop", "system", `机器人 QQ 号已配置: ${qqAccount}`);
     await broadcastSnapshot();
     return state;

src/main/services/init-manager.ts

@@ -63,6 +63,10 @@ function toDetail(error: unknown): string {
   return error instanceof Error ? error.message : String(error);
 }
 
+function createWebsocketToken(): string {
+  return randomBytes(24).toString("base64url").slice(0, 32);
+}
+
 async function runWithoutAsar<T>(operation: () => Promise<T>): Promise<T> {
   const electronProcess = process as NodeJS.Process & { noAsar?: boolean };
   const previousNoAsar = electronProcess.noAsar;
@@ -126,7 +130,7 @@ export class InitManager {
     return { state, changedFiles };
   }
 
-  async setQqAccount(qqAccount: string): Promise<InitState> {
+  async setQqAccount(qqAccount: string, websocketToken = createWebsocketToken()): Promise<InitState> {
     if (!isDigits(qqAccount)) {
       throw new Error("QQ 号必须是纯数字");
     }
@@ -148,7 +152,7 @@ export class InitManager {
 
     await mkdir(dirname(botConfigPath), { recursive: true });
     await writeFile(botConfigPath, content, "utf8");
-    await this.createNapCatConfigs(qqAccount);
+    await this.createNapCatConfigs(qqAccount, websocketToken);
     await this.ensureNapCatWebUiConfig();
     return this.getState();
   }
@@ -476,8 +480,16 @@ export class InitManager {
     };
   }
 
-  private async createNapCatConfigs(qqAccount: string): Promise<void> {
-    const versions = await this.findNapCatVersions();
+  private async createNapCatConfigs(qqAccount: string, websocketToken: string): Promise<void> {
+    const versions = await this.findNapCatConfigVersions();
+    const napcatProtocolConfig = {
+      enable: false,
+      network: {
+        httpServers: [],
+        websocketServers: [],
+        websocketClients: [],
+      },
+    };
     const napcatConfig = {
       fileLog: false,
       consoleLog: true,
@@ -486,63 +498,68 @@ export class InitManager {
       packetBackend: "auto",
       packetServer: "",
       o3HookMode: 1,
+      bypass: {
+        hook: false,
+        window: false,
+        module: false,
+        process: false,
+        container: false,
+        js: false,
+      },
+      autoTimeSync: true,
     };
     const onebotConfig = {
       network: {
         httpServers: [],
         httpSseServers: [],
         httpClients: [],
-        websocketServers: [],
-        websocketClients: [
+        websocketServers: [
           {
             enable: true,
             name: "MaiBot Main",
-            url: "ws://localhost:8095",
+            host: "127.0.0.1",
+            port: 7998,
             reportSelfMessage: false,
+            enableForcePushEvent: true,
             messagePostFormat: "array",
-            token: "",
+            token: websocketToken,
             debug: false,
             heartInterval: 30000,
-            reconnectInterval: 30000,
           },
         ],
+        websocketClients: [],
         plugins: [],
       },
       musicSignUrl: "",
       enableLocalFile2Url: false,
       parseMultMsg: false,
+      imageDownloadProxy: "",
+      timeout: {
+        baseTimeout: 10000,
+        uploadSpeedKBps: 256,
+        downloadSpeedKBps: 256,
+        maxTimeout: 1800000,
+      },
     };
 
     for (const version of versions) {
-      const configDirs = [
-        join(this.paths.modulesRoot, "napcat", "versions", version, "resources", "app", "napcat", "config"),
-        join(
-          this.paths.modulesRoot,
-          "napcatframework",
-          "versions",
-          version,
-          "resources",
-          "app",
-          "LiteLoader",
-          "plugins",
-          "NapCat",
-          "config",
-        ),
-      ];
-
-      for (const configDir of configDirs) {
-        await mkdir(configDir, { recursive: true });
-        await writeFile(
-          join(configDir, `napcat_${qqAccount}.json`),
-          JSON.stringify(napcatConfig, null, 2),
-          "utf8",
-        );
-        await writeFile(
-          join(configDir, `onebot11_${qqAccount}.json`),
-          JSON.stringify(onebotConfig, null, 2),
-          "utf8",
-        );
-      }
+      const configDir = join(this.paths.modulesRoot, "napcat", "versions", version, "resources", "app", "napcat", "config");
+      await mkdir(configDir, { recursive: true });
+      await writeFile(
+        join(configDir, `napcat_protocol_${qqAccount}.json`),
+        JSON.stringify(napcatProtocolConfig, null, 2),
+        "utf8",
+      );
+      await writeFile(
+        join(configDir, `onebot11_${qqAccount}.json`),
+        JSON.stringify(onebotConfig, null, 2),
+        "utf8",
+      );
+      await writeFile(
+        join(configDir, `napcat_${qqAccount}.json`),
+        JSON.stringify(napcatConfig, null, 2),
+        "utf8",
+      );
     }
   }
 
@@ -594,4 +611,43 @@ export class InitManager {
 
     return versions.size > 0 ? [...versions] : [NAPCAT_FALLBACK_VERSION];
   }
+
+  private async findNapCatConfigVersions(): Promise<string[]> {
+    const versions = await this.findNapCatVersions();
+    const comparable = versions.map((version) => ({
+      version,
+      parts: this.parseNapCatVersion(version),
+    }));
+
+    if (comparable.some((item) => !item.parts)) {
+      return versions;
+    }
+
+    const sorted = comparable.toSorted((left, right) => this.compareVersionParts(left.parts ?? [], right.parts ?? []));
+    return [sorted[sorted.length - 1]?.version ?? NAPCAT_FALLBACK_VERSION];
+  }
+
+  private parseNapCatVersion(version: string): number[] | undefined {
+    const match = version.match(/^(\d+(?:\.\d+)*)(?:-(\d+))?$/u);
+    if (!match) {
+      return undefined;
+    }
+
+    return [
+      ...match[1].split(".").map((part) => Number(part)),
+      match[2] ? Number(match[2]) : 0,
+    ];
+  }
+
+  private compareVersionParts(left: number[], right: number[]): number {
+    const length = Math.max(left.length, right.length);
+    for (let index = 0; index < length; index += 1) {
+      const diff = (left[index] ?? 0) - (right[index] ?? 0);
+      if (diff !== 0) {
+        return diff;
+      }
+    }
+
+    return 0;
+  }
 }

src/preload/index.ts

@@ -60,8 +60,8 @@ const desktopBridge: DesktopBridge = {
   init: {
     getState: () => ipcRenderer.invoke("init:getState") as Promise<InitState>,
     repair: () => ipcRenderer.invoke("init:repair") as Promise<InitRepairResult>,
-    setQqAccount: (qqAccount: string) =>
-      ipcRenderer.invoke("init:setQqAccount", qqAccount) as Promise<InitState>,
+    setQqAccount: (qqAccount: string, websocketToken?: string) =>
+      ipcRenderer.invoke("init:setQqAccount", qqAccount, websocketToken) as Promise<InitState>,
   },
   services: {
     start: (serviceId: ServiceId) =>

src/renderer/src/components/app/DesktopShell.tsx

@@ -14,7 +14,6 @@ import type { ComponentProps } from "react";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import type { DesktopSnapshot, ServiceDescriptor, ServiceId, ServiceStatus } from "@shared/contracts";
 import { getDesktopSnapshot, normalizeDesktopSnapshot } from "@/lib/desktop-api";
-import { initializePtyLogStore } from "@/lib/pty-log-store";
 import { useShortcut } from "@/lib/use-shortcut";
 import { useSidebar } from "@/lib/use-sidebar";
 import { useTheme } from "@/lib/use-theme";
@@ -162,8 +161,6 @@ export function DesktopShell(): React.JSX.Element {
   useEffect(() => {
     let mounted = true;
 
-    initializePtyLogStore();
-
     refreshSnapshot().then((nextSnapshot) => {
       if (mounted) {
         setSnapshot(nextSnapshot);
@@ -354,27 +351,27 @@ export function DesktopShell(): React.JSX.Element {
 
         <div className="grid gap-2 px-4 py-4">
           <Button
-            className="w-full justify-between"
+            className="w-full min-w-0 justify-between"
             disabled={actionBusy !== null}
             onClick={startAll}
           >
-            <span className="flex items-center gap-2">
+            <span className="flex min-w-0 flex-1 items-center gap-2">
               {actionBusy === "all:start" ? <Loader2 className="animate-spin" /> : <Power />}
-              启动全部服务
+              <span className="min-w-0 truncate">启动全部服务</span>
             </span>
-            <Kbd keys="Mod+Shift+S" tone="inverse" />
+            <Kbd className="ml-2 shrink-0" compact keys="Mod+Shift+S" size="xs" tone="inverse" />
           </Button>
           <Button
-            className="w-full justify-between"
+            className="w-full min-w-0 justify-between"
             disabled={actionBusy !== null}
             onClick={stopAll}
             variant="outline"
           >
-            <span className="flex items-center gap-2">
+            <span className="flex min-w-0 flex-1 items-center gap-2">
               {actionBusy === "all:stop" ? <Loader2 className="animate-spin" /> : <Square />}
-              停止全部服务
+              <span className="min-w-0 truncate">停止全部服务</span>
             </span>
-            <Kbd keys="Mod+Shift+X" />
+            <Kbd className="ml-2 shrink-0" compact keys="Mod+Shift+X" size="xs" />
           </Button>
           <Button
             className="w-full justify-center"