feat: DevTools 数据库监看面板 + 隧道控制 + 多项 Bug 修复

**DevTools 新增功能 (Tasks 13-14):** - 首页仪表盘添加数据库实时监看卡片 (5端口状态 + 记忆数) - 侧边栏新增数据库面板，支持自动 5 秒刷新 - 数据库面板显示 PostgreSQL/Redis/Qdrant/MinIO/NATS 端口状态 - 隧道控制按钮 (启动/停止/重启/查看状态) - 新增 API 端点: GET /api/database/status, POST /api/tunnel/:action - 更新 docs/api-reference/ API 文档 **Bug 修复 (Task 15):** - 修复 pgrep -f 自匹配导致隧道状态误判 (添加 ^ssh 锚点) - devtools/src/index.js (dashboard + database/status) - scripts/tunnel.sh (is_tunnel_running + show_status) - 修复数据库面板缺少自动刷新定时器 - 修复侧边栏数据库徽章永远 display:none - 修复僵尸进程场景下按钮死锁问题 **其他改进:** - .gitignore 添加 backend/cmd, backend/iot-debug-service/main - 前端多项改进 (登录/注册/会话/流式动画等)
2026-05-17 11:42:42 +08:00
parent 0757ad26b5
commit 5d0bb96abe
28 changed files with 1723 additions and 218 deletions
@@ -0,0 +1,80 @@
+/**
+ * 认证状态管理 (Zustand Store)
+ * 用于跨组件共享登录/退出状态
+ */
+import { create } from 'zustand';
+import { login as apiLogin, register as apiRegister, clearToken, isAuthenticated, getToken } from '@/api/client';
+
+interface AuthStore {
+  isLoggedIn: boolean;
+  userId: string | null;
+  token: string | null;
+  loading: boolean;
+  login: (username: string, password: string) => Promise<{ success: boolean; error?: string }>;
+  register: (username: string, password: string, email: string, verifyCode: string) => Promise<{ success: boolean; error?: string }>;
+  logout: () => void;
+}
+
+export const useAuthStore = create<AuthStore>((set) => ({
+  isLoggedIn: isAuthenticated(),
+  userId: localStorage.getItem('user_id'),
+  token: getToken(),
+  loading: false,
+
+  login: async (username: string, password: string) => {
+    set({ loading: true });
+    try {
+      const resp = await apiLogin(username, password);
+      if (resp.error) {
+        set({ loading: false });
+        return { success: false, error: resp.error };
+      }
+      set({
+        isLoggedIn: true,
+        userId: resp.data?.user_id || null,
+        token: resp.data?.token || null,
+        loading: false,
+      });
+      return { success: true };
+    } catch (err) {
+      set({ loading: false });
+      return { success: false, error: err instanceof Error ? err.message : '登录失败' };
+    }
+  },
+
+  register: async (username: string, password: string, email: string, verifyCode: string) => {
+    set({ loading: true });
+    try {
+      const resp = await apiRegister(username, password, email, verifyCode);
+      if (resp.error) {
+        set({ loading: false });
+        return { success: false, error: resp.error };
+      }
+      set({
+        isLoggedIn: true,
+        userId: resp.data?.user_id || null,
+        token: resp.data?.token || null,
+        loading: false,
+      });
+      return { success: true };
+    } catch (err) {
+      set({ loading: false });
+      return { success: false, error: err instanceof Error ? err.message : '注册失败' };
+    }
+  },
+
+  logout: () => {
+    clearToken();
+    set({
+      isLoggedIn: false,
+      userId: null,
+      token: null,
+      loading: false,
+    });
+  },
+}));
+
+/** 兼容旧代码的 Hook 导出 */
+export function useAuth() {
+  return useAuthStore();
+}