@lobehub/lobehub 2.0.0-next.291 → 2.0.0-next.293

package/packages/model-bank/src/aiModels/qiniu.ts

@@ -21,7 +21,7 @@ const qiniuChatModels: AIChatModelCard[] = [
     },
     contextWindowTokens: 65_536,
     description:
-      "DeepSeek R1 is DeepSeek’s latest open model with very strong reasoning, matching OpenAI’s o1 on math, programming, and reasoning tasks.",
+      'DeepSeek R1 is DeepSeek’s latest open model with very strong reasoning, matching OpenAI’s o1 on math, programming, and reasoning tasks.',
     displayName: 'DeepSeek R1',
     enabled: true,
     id: 'deepseek-r1',
@@ -34,7 +34,7 @@ const qiniuChatModels: AIChatModelCard[] = [
       search: true,
     },
     contextWindowTokens: 204_800,
-    description: 
+    description:
       'MiniMax-M2.1 is a lightweight, cutting-edge large language model optimized for coding, proxy workflows, and modern application development, providing cleaner, more concise output and faster perceptual response times.',
     displayName: 'MiniMax M2.1',
     enabled: true,
@@ -89,7 +89,7 @@ const qiniuChatModels: AIChatModelCard[] = [
     displayName: 'LongCat Flash Chat',
     enabled: true,
     id: 'meituan/longcat-flash-chat',
-    maxOutput: 65536,
+    maxOutput: 65_536,
     pricing: {
       currency: 'CNY',
       units: [
@@ -111,8 +111,8 @@ const qiniuChatModels: AIChatModelCard[] = [
       search: true,
     },
     contextWindowTokens: 200_000,
-    description: 
-      'GLM-4.7 is Zhipu\'s latest flagship model, offering improved general capabilities, simpler and more natural replies, and a more immersive writing experience.',
+    description:
+      "GLM-4.7 is Zhipu's latest flagship model, offering improved general capabilities, simpler and more natural replies, and a more immersive writing experience.",
     displayName: 'GLM-4.7',
     enabled: true,
     id: 'z-ai/glm-4.7',
@@ -138,7 +138,7 @@ const qiniuChatModels: AIChatModelCard[] = [
       search: true,
     },
     contextWindowTokens: 200_000,
-    description: 
+    description:
       'The flagship model of Zhipu, GLM-4.6, surpasses its predecessor in all aspects of advanced coding, long text processing, reasoning, and intelligent agent capabilities.',
     displayName: 'GLM-4.6',
     enabled: true,

package/packages/observability-otel/src/node.ts

@@ -5,7 +5,7 @@ import { OTLPMetricExporter } from '@opentelemetry/exporter-metrics-otlp-http';
 import { OTLPTraceExporter } from '@opentelemetry/exporter-trace-otlp-http';
 import { HttpInstrumentation } from '@opentelemetry/instrumentation-http';
 import { PgInstrumentation } from '@opentelemetry/instrumentation-pg';
-import { resourceFromAttributes, DetectedResourceAttributes } from '@opentelemetry/resources';
+import { DetectedResourceAttributes, resourceFromAttributes } from '@opentelemetry/resources';
 import { PeriodicExportingMetricReader } from '@opentelemetry/sdk-metrics';
 import { NodeSDK } from '@opentelemetry/sdk-node';
 import { ATTR_SERVICE_NAME, ATTR_SERVICE_VERSION } from '@opentelemetry/semantic-conventions';
@@ -16,48 +16,42 @@ export function attributesForVercel(): DetectedResourceAttributes {
     // Vercel.
     // https://vercel.com/docs/projects/environment-variables/system-environment-variables
     // Vercel Env set as top level attribute for simplicity. One of 'production', 'preview' or 'development'.
-    env: process.env.VERCEL_ENV || process.env.NEXT_PUBLIC_VERCEL_ENV,
+    'env': process.env.VERCEL_ENV || process.env.NEXT_PUBLIC_VERCEL_ENV,
 
-    "vercel.branch_host":
-      process.env.VERCEL_BRANCH_URL ||
-      process.env.NEXT_PUBLIC_VERCEL_BRANCH_URL ||
-      undefined,
-    "vercel.deployment_id": process.env.VERCEL_DEPLOYMENT_ID || undefined,
-    "vercel.host":
-      process.env.VERCEL_URL ||
-      process.env.NEXT_PUBLIC_VERCEL_URL ||
-      undefined,
-    "vercel.project_id": process.env.VERCEL_PROJECT_ID || undefined,
-    "vercel.region": process.env.VERCEL_REGION,
-    "vercel.runtime": process.env.NEXT_RUNTIME || "nodejs",
-    "vercel.sha":
-      process.env.VERCEL_GIT_COMMIT_SHA ||
-      process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA,
+    'vercel.branch_host':
+      process.env.VERCEL_BRANCH_URL || process.env.NEXT_PUBLIC_VERCEL_BRANCH_URL || undefined,
+    'vercel.deployment_id': process.env.VERCEL_DEPLOYMENT_ID || undefined,
+    'vercel.host': process.env.VERCEL_URL || process.env.NEXT_PUBLIC_VERCEL_URL || undefined,
+    'vercel.project_id': process.env.VERCEL_PROJECT_ID || undefined,
+    'vercel.region': process.env.VERCEL_REGION,
+    'vercel.runtime': process.env.NEXT_RUNTIME || 'nodejs',
+    'vercel.sha':
+      process.env.VERCEL_GIT_COMMIT_SHA || process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA,
 
     'service.version': process.env.VERCEL_DEPLOYMENT_ID,
-  }
+  };
 }
 
 export function attributesForNodejs(): DetectedResourceAttributes {
   return {
     // Node.
-    "node.ci": process.env.CI ? true : undefined,
-    "node.env": process.env.NODE_ENV,
-  }
+    'node.ci': process.env.CI ? true : undefined,
+    'node.env': process.env.NODE_ENV,
+  };
 }
 
 export function attributesForEnv(): DetectedResourceAttributes {
   return {
     ...attributesForVercel(),
     ...attributesForNodejs(),
-  }
+  };
 }
 
 export function attributesCommon(): DetectedResourceAttributes {
   return {
     [ATTR_SERVICE_NAME]: 'lobe-chat',
     ...attributesForEnv(),
-  }
+  };
 }
 
 function debugLogLevelFromString(level?: string | null): DiagLogLevel | undefined {
@@ -69,26 +63,38 @@ function debugLogLevelFromString(level?: string | null): DiagLogLevel | undefine
   }
 
   switch (level.toLowerCase()) {
-    case 'none':
+    case 'none': {
       return DiagLogLevel.NONE;
-    case 'error':
+    }
+    case 'error': {
       return DiagLogLevel.ERROR;
-    case 'warn':
+    }
+    case 'warn': {
       return DiagLogLevel.WARN;
-    case 'info':
+    }
+    case 'info': {
       return DiagLogLevel.INFO;
-    case 'debug':
+    }
+    case 'debug': {
       return DiagLogLevel.DEBUG;
-    case 'verbose':
+    }
+    case 'verbose': {
       return DiagLogLevel.VERBOSE;
-    case 'all':
+    }
+    case 'all': {
       return DiagLogLevel.ALL;
-    default:
+    }
+    default: {
       return undefined;
+    }
   }
 }
 
-export function register(options?: { debug?: true | DiagLogLevel; name?: string; version?: string }) {
+export function register(options?: {
+  debug?: true | DiagLogLevel;
+  name?: string;
+  version?: string;
+}) {
   const attributes = attributesCommon();
 
   if (typeof options?.name !== 'undefined') {
@@ -102,11 +108,7 @@ export function register(options?: { debug?: true | DiagLogLevel; name?: string;
 
     diag.setLogger(
       new DiagConsoleLogger(),
-      !!levelFromEnv
-        ? levelFromEnv
-        : options?.debug === true
-          ? DiagLogLevel.DEBUG
-          : options?.debug,
+      !!levelFromEnv ? levelFromEnv : options?.debug === true ? DiagLogLevel.DEBUG : options?.debug,
     );
   }
 

package/scripts/electronWorkflow/mergeMacReleaseFiles.js

@@ -4,7 +4,9 @@ import path from 'node:path';
 import YAML from 'yaml';
 
 // 配置
-const FILE_NAME = 'latest-mac.yml';
+// Support both stable-mac.yml (stable channel) and latest-mac.yml (fallback)
+const STABLE_outputFileName = 'stable-mac.yml';
+const LATEST_outputFileName = 'latest-mac.yml';
 const RELEASE_DIR = path.resolve('release');
 
 /**
@@ -85,11 +87,23 @@ async function main() {
     const releaseFiles = fs.readdirSync(RELEASE_DIR);
     console.log(`📂 Files in release directory: ${releaseFiles.join(', ')}`);
 
-    // 2. 查找所有 latest-mac*.yml 文件
-    const macYmlFiles = releaseFiles.filter(
+    // 2. 查找所有 stable-mac*.yml 和 latest-mac*.yml 文件
+    // Prioritize stable-mac*.yml, fallback to latest-mac*.yml
+    const stableMacYmlFiles = releaseFiles.filter(
+      (f) => f.startsWith('stable-mac') && f.endsWith('.yml'),
+    );
+    const latestMacYmlFiles = releaseFiles.filter(
       (f) => f.startsWith('latest-mac') && f.endsWith('.yml'),
     );
-    console.log(`🔍 Found macOS YAML files: ${macYmlFiles.join(', ')}`);
+
+    // Use stable files if available, otherwise use latest
+    const macYmlFiles = stableMacYmlFiles.length > 0 ? stableMacYmlFiles : latestMacYmlFiles;
+    const outputFileName =
+      stableMacYmlFiles.length > 0 ? STABLE_outputFileName : LATEST_outputFileName;
+
+    console.log(`🔍 Found stable macOS YAML files: ${stableMacYmlFiles.join(', ') || 'none'}`);
+    console.log(`🔍 Found latest macOS YAML files: ${latestMacYmlFiles.join(', ') || 'none'}`);
+    console.log(`🔍 Using files: ${macYmlFiles.join(', ')} -> ${outputFileName}`);
 
     if (macYmlFiles.length === 0) {
       console.log('⚠️  No macOS YAML files found, skipping merge');
@@ -115,7 +129,7 @@ async function main() {
         } else if (platform === 'both') {
           console.log(`✅ Found already merged file: ${fileName}`);
           // 如果已经是合并后的文件，直接复制为最终文件
-          writeLocalFile(path.join(RELEASE_DIR, FILE_NAME), content);
+          writeLocalFile(path.join(RELEASE_DIR, outputFileName), content);
           return;
         } else {
           console.log(`⚠️  Unknown platform type: ${platform} in ${fileName}`);
@@ -136,13 +150,13 @@ async function main() {
 
     if (x64Files.length === 0) {
       console.log('⚠️  No x64 files found, using ARM64 only');
-      writeLocalFile(path.join(RELEASE_DIR, FILE_NAME), arm64Files[0].content);
+      writeLocalFile(path.join(RELEASE_DIR, outputFileName), arm64Files[0].content);
       return;
     }
 
     if (arm64Files.length === 0) {
       console.log('⚠️  No ARM64 files found, using x64 only');
-      writeLocalFile(path.join(RELEASE_DIR, FILE_NAME), x64Files[0].content);
+      writeLocalFile(path.join(RELEASE_DIR, outputFileName), x64Files[0].content);
       return;
     }
 
@@ -154,7 +168,7 @@ async function main() {
     const mergedContent = mergeYamlFiles(x64File.yaml, arm64File.yaml);
 
     // 6. 保存合并后的文件
-    const mergedFilePath = path.join(RELEASE_DIR, FILE_NAME);
+    const mergedFilePath = path.join(RELEASE_DIR, outputFileName);
     writeLocalFile(mergedFilePath, mergedContent);
 
     // 7. 验证合并结果

package/src/app/(backend)/api/desktop/latest/route.ts

@@ -0,0 +1,115 @@
+import debug from 'debug';
+import { NextResponse } from 'next/server';
+import { z } from 'zod';
+
+import { zodValidator } from '@/app/(backend)/middleware/validate';
+import {
+  type DesktopDownloadType,
+  getLatestDesktopReleaseFromGithub,
+  getStableDesktopReleaseInfoFromUpdateServer,
+  resolveDesktopDownload,
+  resolveDesktopDownloadFromUrls,
+} from '@/server/services/desktopRelease';
+
+const log = debug('api-route:desktop:latest');
+
+const SupportedTypes = ['mac-arm', 'mac-intel', 'windows', 'linux'] as const;
+
+const truthyStringToBoolean = z.preprocess((value) => {
+  if (!value) return undefined;
+  if (typeof value === 'boolean') return value;
+  if (typeof value !== 'string') return undefined;
+
+  const v = value.trim().toLowerCase();
+  if (!v) return undefined;
+
+  return v === '1' || v === 'true' || v === 'yes' || v === 'y';
+}, z.boolean());
+
+const downloadTypeSchema = z.preprocess((value) => {
+  if (typeof value !== 'string') return value;
+  return value;
+}, z.enum(SupportedTypes));
+
+const querySchema = z
+  .object({
+    asJson: truthyStringToBoolean.optional(),
+    as_json: truthyStringToBoolean.optional(),
+    type: downloadTypeSchema.optional(),
+  })
+  .strip()
+  .transform((value) => ({
+    asJson: value.as_json ?? value.asJson ?? false,
+    type: value.type,
+  }))
+  .superRefine((value, ctx) => {
+    if (!value.asJson && !value.type) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: '`type` is required when `as_json` is false',
+        path: ['type'],
+      });
+    }
+  });
+
+export const GET = zodValidator(querySchema)(async (req, _context, query) => {
+  try {
+    const { asJson, type } = query;
+
+    const stableInfo = await getStableDesktopReleaseInfoFromUpdateServer();
+
+    if (!type) {
+      if (stableInfo) {
+        return NextResponse.json({
+          links: {
+            'linux': resolveDesktopDownloadFromUrls({ ...stableInfo, type: 'linux' }),
+            'mac-arm': resolveDesktopDownloadFromUrls({ ...stableInfo, type: 'mac-arm' }),
+            'mac-intel': resolveDesktopDownloadFromUrls({ ...stableInfo, type: 'mac-intel' }),
+            'windows': resolveDesktopDownloadFromUrls({ ...stableInfo, type: 'windows' }),
+          },
+          tag: stableInfo.tag,
+          version: stableInfo.version,
+        });
+      }
+
+      const release = await getLatestDesktopReleaseFromGithub();
+      const resolveOne = (t: DesktopDownloadType) => resolveDesktopDownload(release, t);
+
+      return NextResponse.json({
+        links: {
+          'linux': resolveOne('linux'),
+          'mac-arm': resolveOne('mac-arm'),
+          'mac-intel': resolveOne('mac-intel'),
+          'windows': resolveOne('windows'),
+        },
+        tag: release.tag_name,
+        version: release.tag_name.replace(/^v/i, ''),
+      });
+    }
+
+    const s3Resolved = stableInfo ? resolveDesktopDownloadFromUrls({ ...stableInfo, type }) : null;
+    if (s3Resolved) {
+      if (asJson) return NextResponse.json(s3Resolved);
+      return NextResponse.redirect(s3Resolved.url, { status: 302 });
+    }
+
+    const release = await getLatestDesktopReleaseFromGithub();
+    const resolved = resolveDesktopDownload(release, type);
+    if (!resolved) {
+      return NextResponse.json(
+        { error: 'No matched asset for type', supportedTypes: SupportedTypes, type },
+        { status: 404 },
+      );
+    }
+
+    if (asJson) return NextResponse.json(resolved);
+
+    return NextResponse.redirect(resolved.url, { status: 302 });
+  } catch (e) {
+    log('Failed to resolve latest desktop download: %O', e);
+    return NextResponse.json(
+      { error: 'Failed to resolve latest desktop download' },
+      { status: 500 },
+    );
+  }
+});

package/src/app/(backend)/api/version/route.ts

@@ -0,0 +1,13 @@
+import { NextResponse } from 'next/server';
+
+import pkg from '../../../../../package.json';
+
+export interface VersionResponseData {
+  version: string;
+}
+
+export async function GET() {
+  return NextResponse.json({
+    version: pkg.version,
+  } satisfies VersionResponseData);
+}

package/src/app/(backend)/middleware/validate/createValidator.test.ts

@@ -0,0 +1,61 @@
+import { NextRequest } from 'next/server';
+import { describe, expect, it } from 'vitest';
+import { z } from 'zod';
+
+import { createValidator } from './createValidator';
+
+describe('createValidator', () => {
+  it('should validate query for GET and pass parsed data to handler', async () => {
+    const validate = createValidator({
+      errorStatus: 422,
+      stopOnFirstError: true,
+      omitNotShapeField: true,
+    });
+    const schema = z.object({ type: z.enum(['a', 'b']) });
+
+    const handler = validate(schema)(async (_req: Request, _ctx: unknown, data: any) => {
+      return new Response(JSON.stringify({ ok: true, data }), { status: 200 });
+    });
+
+    const res = await handler(new NextRequest('https://example.com/api?type=a'));
+    expect(res.status).toBe(200);
+    expect(await res.json()).toEqual({ ok: true, data: { type: 'a' } });
+  });
+
+  it('should return 422 with one issue when stopOnFirstError', async () => {
+    const validate = createValidator({
+      errorStatus: 422,
+      stopOnFirstError: true,
+      omitNotShapeField: true,
+    });
+    const schema = z.object({
+      foo: z.string().min(2),
+      type: z.enum(['a', 'b']),
+    });
+
+    const handler = validate(schema)(async () => new Response('ok'));
+    const res = await handler(new NextRequest('https://example.com/api?foo=x&type=c'));
+    expect(res.status).toBe(422);
+    const body = await res.json();
+    expect(body.error).toBe('Invalid request');
+    expect(Array.isArray(body.issues)).toBe(true);
+    expect(body.issues).toHaveLength(1);
+  });
+
+  it('should omit unknown fields when omitNotShapeField enabled', async () => {
+    const validate = createValidator({
+      errorStatus: 422,
+      stopOnFirstError: true,
+      omitNotShapeField: true,
+    });
+    const schema = z.object({ type: z.enum(['a', 'b']) });
+
+    const handler = validate(schema)(async (_req: Request, _ctx: unknown, data: any) => {
+      return new Response(JSON.stringify(data), { status: 200 });
+    });
+
+    const res = await handler(new NextRequest('https://example.com/api?type=a&extra=1'));
+    expect(res.status).toBe(200);
+    expect(await res.json()).toEqual({ type: 'a' });
+  });
+});

package/src/app/(backend)/middleware/validate/createValidator.ts

@@ -0,0 +1,79 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { z } from 'zod';
+
+export interface ValidatorOptions {
+  errorStatus?: number;
+  omitNotShapeField?: boolean;
+  stopOnFirstError?: boolean;
+}
+
+type InferInput<TSchema extends z.ZodTypeAny> = z.input<TSchema>;
+type InferOutput<TSchema extends z.ZodTypeAny> = z.output<TSchema>;
+type MaybePromise<T> = T | Promise<T>;
+
+const getRequestInput = async (req: Request): Promise<Record<string, unknown>> => {
+  const method = req.method?.toUpperCase?.() ?? 'GET';
+  if (method === 'GET' || method === 'HEAD') {
+    return Object.fromEntries(new URL(req.url).searchParams.entries());
+  }
+
+  const contentType = req.headers.get('content-type') || '';
+  if (contentType.includes('application/json')) {
+    try {
+      return (await req.json()) as any;
+    } catch {
+      return {};
+    }
+  }
+
+  try {
+    return (await (req as any).json?.()) as any;
+  } catch {
+    return Object.fromEntries(new URL(req.url).searchParams.entries());
+  }
+};
+
+const applyOptionsToSchema = <TSchema extends z.ZodTypeAny>(
+  schema: TSchema,
+  options: ValidatorOptions,
+): z.ZodTypeAny => {
+  if (!options.omitNotShapeField) return schema;
+  if (schema instanceof z.ZodObject) return schema.strip();
+  return schema;
+};
+
+export const createValidator =
+  (options: ValidatorOptions = {}) =>
+  <TSchema extends z.ZodTypeAny>(schema: TSchema) => {
+    const errorStatus = options.errorStatus ?? 422;
+    const effectiveSchema = applyOptionsToSchema(schema, options) as z.ZodType<
+      InferOutput<TSchema>
+    >;
+
+    return <TReq extends NextRequest, TContext>(
+        handler: (
+          req: TReq,
+          context: TContext,
+          data: InferOutput<TSchema>,
+        ) => MaybePromise<Response>,
+      ) =>
+      async (req: TReq, context?: TContext) => {
+        const input = (await getRequestInput(req)) as InferInput<TSchema>;
+        const result = effectiveSchema.safeParse(input);
+
+        if (!result.success) {
+          const issues = options.stopOnFirstError
+            ? result.error.issues.slice(0, 1)
+            : result.error.issues;
+          return NextResponse.json({ error: 'Invalid request', issues }, { status: errorStatus });
+        }
+
+        return handler(req, context as TContext, result.data);
+      };
+  };
+
+export const zodValidator = createValidator({
+  errorStatus: 422,
+  omitNotShapeField: true,
+  stopOnFirstError: true,
+});

package/src/app/(backend)/middleware/validate/index.ts

@@ -0,0 +1,3 @@
+export type { ValidatorOptions } from './createValidator';
+export { createValidator } from './createValidator';
+export { zodValidator } from './createValidator';

package/src/app/[variants]/(desktop)/desktop-onboarding/_layout/index.tsx

@@ -1,11 +1,12 @@
 'use client';
 
+import { TITLE_BAR_HEIGHT } from '@lobechat/desktop-bridge';
 import { Center, Flexbox, Text } from '@lobehub/ui';
 import { Divider } from 'antd';
 import { cx } from 'antd-style';
 import type { FC, PropsWithChildren } from 'react';
 
-import { SimpleTitleBar, TITLE_BAR_HEIGHT } from '@/features/ElectronTitlebar';
+import SimpleTitleBar from '@/features/Electron/titlebar/SimpleTitleBar';
 import LangButton from '@/features/User/UserPanel/LangButton';
 import ThemeButton from '@/features/User/UserPanel/ThemeButton';
 import { useIsDark } from '@/hooks/useIsDark';

package/src/app/[variants]/(main)/_layout/index.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import { TITLE_BAR_HEIGHT } from '@lobechat/desktop-bridge';
 import { Flexbox } from '@lobehub/ui';
 import { cx } from 'antd-style';
 import dynamic from 'next/dynamic';
@@ -12,7 +13,7 @@ import Loading from '@/components/Loading/BrandTextLoading';
 import { isDesktop } from '@/const/version';
 import { BANNER_HEIGHT } from '@/features/AlertBanner/CloudBanner';
 import DesktopNavigationBridge from '@/features/DesktopNavigationBridge';
-import TitleBar, { TITLE_BAR_HEIGHT } from '@/features/ElectronTitlebar';
+import TitleBar from '@/features/Electron/titlebar/TitleBar';
 import HotkeyHelperPanel from '@/features/HotkeyHelperPanel';
 import NavPanel from '@/features/NavPanel';
 import { useFeedbackModal } from '@/hooks/useFeedbackModal';

package/src/app/[variants]/(main)/agent/cron/[cronId]/features/CronJobScheduleConfig.tsx

@@ -187,7 +187,6 @@ const CronJobScheduleConfig = memo<CronJobScheduleConfigProps>(
               style={{ maxWidth: 300, minWidth: 200 }}
               value={timezone}
             />
-
           </Flexbox>
 
           {/* Max Executions */}

package/src/app/[variants]/(main)/agent/cron/[cronId]/index.tsx

@@ -168,11 +168,11 @@ const CronJobDetailPage = memo(() => {
         (current) =>
           current
             ? {
-              ...current,
-              ...payload,
-              executionConditions: payload.executionConditions ?? null,
-              ...(updatedAt ? { updatedAt } : null),
-            }
+                ...current,
+                ...payload,
+                executionConditions: payload.executionConditions ?? null,
+                ...(updatedAt ? { updatedAt } : null),
+              }
             : current,
         false,
       );

package/src/app/[variants]/(main)/agent/features/Conversation/ThreadHydration.tsx

@@ -32,7 +32,9 @@ const ThreadHydration = memo(() => {
   // should open portal automatically when portalThread is set
   useEffect(() => {
     if (!!portalThread && !useChatStore.getState().showPortal) {
-      useChatStore.getState().pushPortalView({ threadId: portalThread, type: PortalViewType.Thread });
+      useChatStore
+        .getState()
+        .pushPortalView({ threadId: portalThread, type: PortalViewType.Thread });
     }
   }, [portalThread]);
 

package/src/app/[variants]/(main)/group/features/Conversation/ThreadHydration.tsx

@@ -32,7 +32,9 @@ const ThreadHydration = memo(() => {
   // should open portal automatically when portalThread is set
   useEffect(() => {
     if (!!portalThread && !useChatStore.getState().showPortal) {
-      useChatStore.getState().pushPortalView({ threadId: portalThread, type: PortalViewType.Thread });
+      useChatStore
+        .getState()
+        .pushPortalView({ threadId: portalThread, type: PortalViewType.Thread });
     }
   }, [portalThread]);
 

package/src/app/[variants]/(main)/settings/provider/features/ProviderConfig/Checker.tsx

@@ -186,9 +186,9 @@ const Checker = memo<ConnectionCheckerProps>(
             style={
               pass
                 ? {
-                  borderColor: cssVar.colorSuccess,
-                  color: cssVar.colorSuccess,
-                }
+                    borderColor: cssVar.colorSuccess,
+                    color: cssVar.colorSuccess,
+                  }
                 : undefined
             }
           >

package/src/app/[variants]/(mobile)/router/mobileRouter.config.tsx

@@ -259,10 +259,7 @@ export const mobileRoutes: RouteConfig[] = [
   {
     children: [
       {
-        element: dynamicElement(
-          () => import('../../share/t/[id]'),
-          'Mobile > Share > Topic',
-        ),
+        element: dynamicElement(() => import('../../share/t/[id]'), 'Mobile > Share > Topic'),
         path: ':id',
       },
     ],

package/src/app/[variants]/router/desktopRouter.config.tsx

@@ -403,10 +403,7 @@ export const desktopRoutes: RouteConfig[] = [
   {
     children: [
       {
-        element: dynamicElement(
-          () => import('../share/t/[id]'),
-          'Desktop > Share > Topic',
-        ),
+        element: dynamicElement(() => import('../share/t/[id]'), 'Desktop > Share > Topic'),
         path: ':id',
       },
     ],

package/src/components/HtmlPreview/PreviewDrawer.tsx

@@ -1,3 +1,4 @@
+import { TITLE_BAR_HEIGHT } from '@lobechat/desktop-bridge';
 import { exportFile } from '@lobechat/utils/client';
 import { Block, Button, Flexbox, Highlighter, Segmented } from '@lobehub/ui';
 import { Drawer } from 'antd';
@@ -7,7 +8,6 @@ import { memo, useCallback, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { isDesktop } from '@/const/version';
-import { TITLE_BAR_HEIGHT } from '@/features/ElectronTitlebar';
 
 const styles = createStaticStyles(({ css }) => ({
   container: css`