account system、custom prompt

web/src/hooks/useSystemConfig.ts

@@ -0,0 +1,29 @@
+import { useEffect, useState } from 'react';
+import { getSystemConfig, type SystemConfig } from '../lib/config';
+
+export function useSystemConfig() {
+  const [config, setConfig] = useState<SystemConfig | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    let mounted = true;
+    getSystemConfig()
+      .then((data) => {
+        if (!mounted) return;
+        setConfig(data);
+        setLoading(false);
+      })
+      .catch((err: Error) => {
+        if (!mounted) return;
+        console.error('Failed to fetch system config:', err);
+        setError(err.message);
+        setLoading(false);
+      });
+    return () => {
+      mounted = false;
+    };
+  }, []);
+
+  return { config, loading, error };
+}