feat: add admin state and diagnostics (TASK-WP6-05)

2026-08-04 01:51:35 +08:00
parent 19212cc1b6
commit 5041dc03c3
15 changed files with 1374 additions and 8 deletions
@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useRef, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";

 import "./admin-models.css";

@@ -64,7 +64,7 @@ export function AdminModelsPage() {
  const priorityRefs = useRef<Record<string, HTMLInputElement | null>>({});
  const defaultRefs = useRef<Record<string, HTMLInputElement | null>>({});

-  async function load() {
+  const load = useCallback(async () => {
    setLoadingFailed(false);
    setConflicted(false);
    try {
@@ -80,9 +80,16 @@ export function AdminModelsPage() {
    } catch {
      setLoadingFailed(true);
    }
-  }
+  }, []);

-  useEffect(() => { void load(); }, []);
+  useEffect(() => { void load(); }, [load]);
+
+  useEffect(() => {
+    if (typeof EventSource === "undefined") return undefined;
+    const source = new EventSource("/api/v1/events");
+    source.onmessage = () => { void load(); };
+    return () => source.close();
+  }, [load]);

  const validation = useMemo(() => {
    if (!draft) return { valid: false, message: "" };