feat: improve app ui and project metadata

apps/web/lib/workbench/useInjection.ts

@@ -45,17 +45,25 @@ export function useInjection(projectId: string, chapterNo: number): UseInjection
     setError(null);
 
     void (async () => {
-      const { data: body, error: err } = await api.GET(INJECTION_PATH, {
-        params: { path: { project_id: projectId, chapter_no: chapterNo } },
-      });
-      if (cancelled) return;
-      if (err || !body) {
+      try {
+        const { data: body, error: err } = await api.GET(INJECTION_PATH, {
+          params: { path: { project_id: projectId, chapter_no: chapterNo } },
+        });
+        if (cancelled) return;
+        if (err || !body) {
+          setError("注入信息暂不可用");
+          setData(null);
+        } else {
+          setData(body);
+        }
+      } catch {
+        // 网络层失败（后端不可达/CORS）：openapi-fetch 直接抛而非返回 error 信封。
+        if (cancelled) return;
         setError("注入信息暂不可用");
         setData(null);
-      } else {
-        setData(body);
+      } finally {
+        if (!cancelled) setLoading(false);
       }
-      setLoading(false);
     })();
 
     return () => {
@@ -80,6 +88,9 @@ export function useInjection(projectId: string, chapterNo: number): UseInjection
         } else {
           setData(body); // 以服务端确定结果为准（不变量 #6）。
         }
+      } catch {
+        // 网络层失败：本地状态不动（天然回滚），给可读文案、不抛。
+        setError("保存注入设置失败，请重试");
       } finally {
         savingRef.current = false;
         setSaving(false);