feat: 更新页面标题和图标，添加远端配置保存与加载功能

src/agents/app.ts

@@ -22,7 +22,6 @@ export const cnb: CNB = useContextKey('cnb', () => {
     cors
   })
 })
-// 
 
 // import '@kevisual/cnb-ai'
 

src/pages/config/page.tsx

@@ -10,10 +10,9 @@ import { configSchema } from './store/schema';
 import { toast } from 'sonner';
 import { useLayoutStore } from '../auth/store';
 import { useShallow } from 'zustand/shallow';
-import { queryLogin } from '@/modules/query';
 
 export const ConfigPage = () => {
-  const { config, setConfig, resetConfig } = useConfigStore();
+  const { config, setConfig, resetConfig, saveToRemote, loadFromRemote } = useConfigStore();
   const layoutStore = useLayoutStore(useShallow(state => ({ me: state.me })))
   const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault();
@@ -31,42 +30,6 @@ export const ConfigPage = () => {
   const handleChange = (field: keyof typeof config, value: string | boolean) => {
     setConfig({ [field]: value });
   };
-  const saveToRemote = async () => {
-    const _config = config;
-    const res = await queryLogin.post({
-      path: 'config',
-      key: 'update',
-      data: {
-        key: 'cnb_center_config.json',
-        data: _config,
-      }
-    });
-    if (res.code === 200) {
-      toast.success('保存到远端成功')
-    } else {
-      toast.error('保存到远端失败')
-    }
-  }
-
-  const loadFromRemote = async () => {
-    const res = await queryLogin.post({
-      path: 'config',
-      key: 'get',
-      data: {
-        key: 'cnb_center_config.json',
-      }
-    })
-    if (res.code === 404) {
-      toast.error('远端配置不存在')
-      return;
-    }
-    if (res.code === 200) {
-      const config = res.data?.data as typeof config;
-      setConfig(config);
-      toast.success('获取远端配置成功')
-    }
-  }
-
 
   return (
     <TooltipProvider>

src/pages/config/store/index.ts

@@ -1,11 +1,16 @@
 import { create } from 'zustand';
 import { persist } from 'zustand/middleware';
 import type { Config, defaultConfig } from './schema';
+import { queryLogin } from '@/modules/query';
+import { toast } from 'sonner';
 
 type ConfigState = {
   config: Config;
   setConfig: (config: Partial<Config>) => void;
   resetConfig: () => void;
+  saveToRemote: () => Promise<void>;
+  loadFromRemote: () => Promise<void>;
+  checkConfig: (opts?: { isUser?: boolean, reload?: boolean }) => Promise<boolean>;
 };
 
 const STORAGE_KEY = 'cnb-config';
@@ -33,7 +38,7 @@ const loadInitialConfig = (): Config => {
 
 export const useConfigStore = create<ConfigState>()(
   persist(
-    (set) => ({
+    (set, get) => ({
       config: loadInitialConfig(),
       setConfig: (newConfig) =>
         set((state) => ({
@@ -43,6 +48,52 @@ export const useConfigStore = create<ConfigState>()(
         set({
           config: DEFAULT_CONFIG,
         }),
+      saveToRemote: async () => {
+        const _config = get().config;
+        const res = await queryLogin.post({
+          path: 'config',
+          key: 'update',
+          data: {
+            key: 'cnb_center_config.json',
+            data: _config,
+          }
+        });
+        if (res.code === 200) {
+          toast.success('保存到远端成功')
+        } else {
+          toast.error('保存到远端失败')
+        }
+      },
+      loadFromRemote: async () => {
+        const setConfig = (config: Config) => set({ config });
+        const res = await queryLogin.post({
+          path: 'config',
+          key: 'get',
+          data: {
+            key: 'cnb_center_config.json',
+          }
+        })
+        if (res.code === 404) {
+          toast.error('远端配置不存在')
+          return;
+        }
+        if (res.code === 200) {
+          const config = res.data?.data as typeof config;
+          setConfig(config);
+          toast.success('获取远端配置成功')
+        }
+      },
+      checkConfig: async (opts?: { isUser?: boolean, reload?: boolean }) => {
+        const { CNB_API_KEY } = get().config;
+        if (!CNB_API_KEY && opts?.isUser) {
+          await get().loadFromRemote();
+          if (opts?.reload) {
+            location.reload();
+          }
+          return true
+        }
+        return false
+      }
     }),
     {
       name: STORAGE_KEY,

src/pages/repos/page.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useState } from 'react'
+import { use, useEffect, useMemo, useState } from 'react'
 import { useRepoStore } from './store/index'
 import { useShallow } from 'zustand/shallow'
 import { RepoCard } from './components/RepoCard'
@@ -11,6 +11,8 @@ import { Input } from '@/components/ui/input'
 import { ExternalLinkIcon, Plus, RefreshCw, Search, Settings } from 'lucide-react'
 import Fuse from 'fuse.js'
 import { useNavigate } from '@tanstack/react-router'
+import { useLayoutStore } from '../auth/store'
+import { useConfigStore } from '../config/store'
 
 export const App = () => {
   const { list, refresh, loading, workspaceList, setShowCreateDialog } = useRepoStore(useShallow((state) => ({
@@ -22,9 +24,17 @@ export const App = () => {
   })))
   const [searchQuery, setSearchQuery] = useState('')
   const navigate = useNavigate();
+  const me = useLayoutStore(state => state.me)
+  const configStore = useConfigStore(useShallow(state => ({ checkConfig: state.checkConfig })))
   useEffect(() => {
     refresh({ showTips: false })
   }, [])
+  useEffect(() => {
+    if (me && me.id) {
+      configStore.checkConfig({ isUser: true, reload: true })
+    }
+  }, [me])
+
 
   const appList = useMemo(() => {
     // 首先按活动状态排序

src/pages/repos/store/index.ts

@@ -5,6 +5,7 @@ import { cnb } from '@/agents/app'
 import { WorkspaceInfo } from '@kevisual/cnb'
 import { createBuildConfig, createCommitBlankConfig, createDevConfig } from './build';
 import { useLayoutStore } from '@/pages/auth/store';
+import { useConfigStore } from '@/pages/config/store';
 interface DisplayModule {
   activity: boolean;
   contributors: boolean;
@@ -312,6 +313,8 @@ export const useRepoStore = create<State>((set, get) => {
     },
     refresh: async (opts?: { message?: string, showTips?: boolean, search?: string }) => {
       const getList = get().getList({ search: opts?.search }, true);
+
+      
       const getWorkspaceList = get().getWorkspaceList();
       await Promise.all([getList, getWorkspaceList]);
       if (opts?.showTips !== false) {