refactor(ui): 使用 VITE_LOCAL_DEV 环境变量统一判断开发模式

- 新增 Core 层 isDevelopment() 函数，通过 getEnvVar 动态访问环境变量
- useProSubMode 根据开发模式动态设置默认子模式
- App.vue 使用 isDevelopment() 控制系统提示词优化选项显示
- 避免 Vite 编译时内联替换，确保跨环境兼容性

Author: linshenkx

packages/core/src/index.ts

@@ -122,6 +122,7 @@ export {
   isElectronApiReady,
   waitForElectronApi,
   isBrowser,
+  isDevelopment,
   getEnvVar,
   scanCustomModelEnvVars,
   clearCustomModelEnvCache,

packages/core/src/utils/environment.ts

@@ -114,6 +114,20 @@ export const isBrowser = (): boolean => {
   return typeof window !== 'undefined';
 };
 
+/**
+ * 检查是否在开发模式
+ * 使用统一的 VITE_LOCAL_DEV 环境变量判断，避免依赖 NODE_ENV、MODE 等内置环境变量
+ * 通过 getEnvVar 动态访问，避免 Vite 编译时内联替换（类似 VITE_APP_PLATFORM 的设计）
+ *
+ * 只有当 VITE_LOCAL_DEV 环境变量显式设置为 'true' 时才认为是开发环境
+ * 支持多种环境：Vite、Node.js、Docker、Electron等
+ */
+export function isDevelopment(): boolean {
+  // 只检查 VITE_LOCAL_DEV 环境变量
+  const localDev = getEnvVar('VITE_LOCAL_DEV');
+  return localDev === 'true';
+}
+
 
 /**
  * 检测是否在Electron环境中运行

packages/extension/src/App.vue

@@ -38,7 +38,7 @@
                         <OptimizationModeSelectorUI
                             v-if="functionMode === 'pro'"
                             :modelValue="proSubMode"
-                            :hide-system-option="true"
+                            :hide-system-option="!isDev"
                             @change="handleProSubModeChange"
                         />
 
@@ -1043,6 +1043,7 @@ import type {
     Template,
     ModelConfig,
 } from "@prompt-optimizer/core";
+import { isDevelopment } from "@prompt-optimizer/core";
 import type {
     ModelSelectOption,
     TemplateSelectOption,
@@ -1055,6 +1056,9 @@ const hljsInstance = hljs;
 const { t } = useI18n();
 const toast = useToast();
 
+// 环境变量：是否为开发模式（使用统一的 isDevelopment() 函数）
+const isDev = isDevelopment();
+
 // 2. 初始化应用服务
 const { services, isInitializing } = useAppInitializer();
 

packages/ui/src/composables/mode/useProSubMode.ts

@@ -2,7 +2,7 @@ import { ref, readonly, type Ref } from 'vue'
 
 import type { AppServices } from '../../types/services'
 import { usePreferences } from '../storage/usePreferenceManager'
-import { UI_SETTINGS_KEYS, type ProSubMode } from '@prompt-optimizer/core'
+import { UI_SETTINGS_KEYS, type ProSubMode, isDevelopment } from '@prompt-optimizer/core'
 
 interface UseProSubModeApi {
   proSubMode: Ref<ProSubMode>
@@ -12,6 +12,10 @@ interface UseProSubModeApi {
   ensureInitialized: () => Promise<void>
 }
 
+// 根据 VITE_LOCAL_DEV 环境变量确定默认模式：开发模式启用 system，生产模式使用 user
+// 使用 Core 层的 isDevelopment() 统一判断
+const DEFAULT_PRO_SUB_MODE: ProSubMode = isDevelopment() ? 'system' : 'user'
+
 let singleton: {
   mode: Ref<ProSubMode>
   initialized: boolean
@@ -20,14 +24,18 @@ let singleton: {
 
 /**
  * 上下文模式（Pro模式）的子模式单例。读取/写入 PreferenceService。
- * - 默认值为 'user'（用户提示词优化）
- * - 系统提示词优化暂时隐藏，切换到 Pro 模式时强制使用 'user'
+ * - 默认值根据 VITE_LOCAL_DEV 环境变量判断：开发模式为 'system'，生产模式为 'user'
+ * - 系统提示词优化仅在开发模式（VITE_LOCAL_DEV=true）下可用
  * - 第一次调用时异步初始化
  * - 状态独立于基础模式，实现不同功能模式下的子模式状态隔离
  */
 export function useProSubMode(services: Ref<AppServices | null>): UseProSubModeApi {
   if (!singleton) {
-    singleton = { mode: ref<ProSubMode>('user'), initialized: false, initializing: null }
+    singleton = {
+      mode: ref<ProSubMode>(DEFAULT_PRO_SUB_MODE),
+      initialized: false,
+      initializing: null
+    }
   }
 
   const { getPreference, setPreference } = usePreferences(services)
@@ -40,31 +48,31 @@ export function useProSubMode(services: Ref<AppServices | null>): UseProSubModeA
     }
     singleton!.initializing = (async () => {
       try {
-        // 读取 pro-sub-mode；若不存在，返回默认 'user'
-        const saved = await getPreference<ProSubMode>(UI_SETTINGS_KEYS.PRO_SUB_MODE, 'user')
+        // 读取 pro-sub-mode；若不存在，返回默认值（VITE_LOCAL_DEV=true：system，其他：user）
+        const saved = await getPreference<ProSubMode>(UI_SETTINGS_KEYS.PRO_SUB_MODE, DEFAULT_PRO_SUB_MODE)
 
-        // 强制使用 'user' 模式（临时禁用 'system' 模式）
-        // 如果之前保存的是 'system'，自动切换为 'user'
-        if (saved === 'system') {
+        // 非开发模式（VITE_LOCAL_DEV≠true）下强制使用 'user' 模式（禁用 'system' 模式）
+        // 开发模式（VITE_LOCAL_DEV=true）下允许使用 'system' 模式
+        if (!isDevelopment() && saved === 'system') {
           singleton!.mode.value = 'user'
           await setPreference(UI_SETTINGS_KEYS.PRO_SUB_MODE, 'user')
-          console.log('[useProSubMode] 检测到旧的 system 模式，已强制切换为 user')
+          console.log('[useProSubMode] 生产模式检测到 system 模式，已强制切换为 user')
         } else {
-          singleton!.mode.value = (saved === 'user') ? saved : 'user'
+          singleton!.mode.value = (saved === 'system' || saved === 'user') ? saved : DEFAULT_PRO_SUB_MODE
         }
 
         console.log(`[useProSubMode] 初始化完成，当前值: ${singleton!.mode.value}`)
 
         // 将默认值持久化（若未设置过或值无效）
-        if (saved !== 'user') {
-          await setPreference(UI_SETTINGS_KEYS.PRO_SUB_MODE, 'user')
-          console.log('[useProSubMode] 已持久化默认值: user')
+        if (saved !== 'system' && saved !== 'user') {
+          await setPreference(UI_SETTINGS_KEYS.PRO_SUB_MODE, DEFAULT_PRO_SUB_MODE)
+          console.log(`[useProSubMode] 已持久化默认值: ${DEFAULT_PRO_SUB_MODE}`)
         }
       } catch (e) {
-        console.error('[useProSubMode] 初始化失败，使用默认值 user:', e)
-        // 读取失败则保持默认 'user'，并尝试持久化
+        console.error(`[useProSubMode] 初始化失败，使用默认值 ${DEFAULT_PRO_SUB_MODE}:`, e)
+        // 读取失败则保持默认值，并尝试持久化
         try {
-          await setPreference(UI_SETTINGS_KEYS.PRO_SUB_MODE, 'user')
+          await setPreference(UI_SETTINGS_KEYS.PRO_SUB_MODE, DEFAULT_PRO_SUB_MODE)
         } catch {
           // 忽略设置失败错误
         }

packages/web/src/App.vue

@@ -38,7 +38,7 @@
                         <OptimizationModeSelectorUI
                             v-if="functionMode === 'pro'"
                             :modelValue="proSubMode"
-                            :hide-system-option="true"
+                            :hide-system-option="!isDev"
                             @change="handleProSubModeChange"
                         />
 
@@ -1043,6 +1043,7 @@ import type {
     Template,
     ModelConfig,
 } from "@prompt-optimizer/core";
+import { isDevelopment } from "@prompt-optimizer/core";
 import type {
     ModelSelectOption,
     TemplateSelectOption,
@@ -1055,6 +1056,9 @@ const hljsInstance = hljs;
 const { t } = useI18n();
 const toast = useToast();
 
+// 环境变量：是否为开发模式（使用统一的 isDevelopment() 函数）
+const isDev = isDevelopment();
+
 // 2. 初始化应用服务
 const { services, isInitializing } = useAppInitializer();