merge: integrate feat/auth into develop

frontend/app/features/admin/AdminPages.tsx

@@ -2,13 +2,9 @@ import { type FormEvent, useEffect, useState } from "react";
 
 import {
   ApiRequestError,
-  createEmployee,
-  deleteEmployee,
-  demoContext,
-  listEmployees,
-  updateEmployee,
   type Employee,
 } from "../../services/api";
+import { useApi, useAuth } from "../../context/AuthContext";
 import Icon from "../../components/Icon";
 import "../../styles/admin.css";
 import "../../styles/dashboard.css";
@@ -28,13 +24,17 @@ export function DashboardPage({
   online: boolean;
   onNavigate: (page: "scripts" | "schedules" | "system") => void;
 }) {
+  const { user, currentWorkspace } = useAuth();
   return (
     <section className="dashboard-page">
       <div className="dashboard-hero">
         <div>
           <span>MODEL DEVELOPMENT PLATFORM</span>
-          <h2>下午好，{demoContext.userName}</h2>
-          <p>当前位于 {demoContext.workspaceName}，可以继续构建脚本或配置调度。</p>
+          <h2>下午好，{user?.display_name ?? "用户"}</h2>
+          <p>
+            当前位于 {currentWorkspace?.workspace_name ?? "（未选择 Workspace）"}
+            ，可以继续构建脚本或配置调度。
+          </p>
         </div>
         <span className="dashboard-hero__badge">{online ? "服务正常" : "服务连接中"}</span>
       </div>
@@ -112,18 +112,20 @@ export function SystemAdminPage({
   onNotify: (notice: Notice) => void;
   onConnectionChange: (online: boolean) => void;
 }) {
+  const api = useApi();
+  const { user, currentWorkspace } = useAuth();
   const [employees, setEmployees] = useState<Employee[]>([]);
   const [loading, setLoading] = useState(true);
   const [saving, setSaving] = useState(false);
   const [editing, setEditing] = useState<Employee | null>(null);
   const [dialogOpen, setDialogOpen] = useState(false);
   const [form, setForm] = useState(EMPTY_FORM);
-  const canManage = demoContext.roleCode === "admin";
+  const canManage = user?.role_code === "admin";
 
   const load = async (): Promise<void> => {
     setLoading(true);
     try {
-      setEmployees(await listEmployees());
+      setEmployees(await api.listEmployees());
       onConnectionChange(true);
     } catch (error) {
       onConnectionChange(false);
@@ -164,7 +166,7 @@ export function SystemAdminPage({
     setSaving(true);
     try {
       if (editing) {
-        const updated = await updateEmployee(editing.user_id, {
+        const updated = await api.updateEmployee(editing.user_id, {
           display_name: form.display_name.trim(),
           email: form.email.trim() || null,
           role_code: form.role_code,
@@ -174,7 +176,7 @@ export function SystemAdminPage({
           (item) => item.user_id === updated.user_id ? updated : item,
         ));
       } else {
-        const created = await createEmployee({
+        const created = await api.createEmployee({
           username: form.username.trim(),
           display_name: form.display_name.trim(),
           email: form.email.trim() || null,
@@ -197,7 +199,7 @@ export function SystemAdminPage({
   const remove = async (employee: Employee): Promise<void> => {
     if (!window.confirm(`确定从当前 Workspace 删除员工“${employee.display_name}”吗？`)) return;
     try {
-      await deleteEmployee(employee.user_id);
+      await api.deleteEmployee(employee.user_id);
       setEmployees((current) => current.filter((item) => item.user_id !== employee.user_id));
       onNotify({ tone: "success", message: "员工已删除" });
     } catch (error) {
@@ -211,7 +213,11 @@ export function SystemAdminPage({
   return (
     <section className="admin-page">
       <header className="admin-page__header">
-        <div><span>系统管理</span><h2>员工管理</h2><p>{demoContext.workspaceName} · {employees.length} 名员工</p></div>
+        <div>
+          <span>系统管理</span>
+          <h2>员工管理</h2>
+          <p>{currentWorkspace?.workspace_name ?? "（未选择 Workspace）"} · {employees.length} 名员工</p>
+        </div>
         <button className="primary-button" type="button" disabled={!canManage} onClick={openCreate}>
           <Icon name="plus" size={15} />添加员工
         </button>