初始提交：OCI 面板前端（含 GenAI 网关一期）

src/stores/app.ts

@@ -0,0 +1,37 @@
+import { defineStore } from 'pinia'
+import { ref, watch } from 'vue'
+
+const DARK_KEY = 'oci-portal:dark'
+
+function initialDark(): boolean {
+  const saved = localStorage.getItem(DARK_KEY)
+  if (saved !== null) return saved === '1'
+  return window.matchMedia('(prefers-color-scheme: dark)').matches
+}
+
+/** 跨页面共享的界面状态：侧栏收缩、明暗主题 */
+export const useAppStore = defineStore('app', () => {
+  const sidebarCollapsed = ref(false)
+  /** 暗色主题：默认跟随系统，手动切换后按选择记忆 */
+  const dark = ref(initialDark())
+
+  // html.dark 驱动 main.css 的变量覆盖，Naive 主题在 App.vue 跟随
+  watch(
+    dark,
+    (v) => {
+      document.documentElement.classList.toggle('dark', v)
+      localStorage.setItem(DARK_KEY, v ? '1' : '0')
+    },
+    { immediate: true },
+  )
+
+  function toggleSidebar() {
+    sidebarCollapsed.value = !sidebarCollapsed.value
+  }
+
+  function toggleDark() {
+    dark.value = !dark.value
+  }
+
+  return { sidebarCollapsed, toggleSidebar, dark, toggleDark }
+})