chore: 强化代码质量与风格检查体系

ESLint 升级到 recommended-type-checked + stylistic-type-checked，
引入 perfectionist 导入排序和 import 插件导入验证。

Prettier 显式声明全部格式化参数，消除跨环境差异。
TypeScript 启用 noUnusedLocals 和 noPropertyAccessFromIndexSignature。
完善 ignore 列表，排除 .agents/、bun.lock、data/ 等。
引入 husky + lint-staged（pre-commit）+ commitlint（commit-msg）。
更新 DEVELOPMENT.md 代码质量章节。
修复所有新增规则检测到的类型和风格违规。

src/web/hooks/useTargetDetail.ts

@@ -1,34 +1,21 @@
-import { useCallback, useState } from "react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { useCallback, useState } from "react";
+
 import type { HistoryResponse, SummaryResponse, TargetStatus, TrendPoint } from "../../shared/api";
+
 import { subtractHours } from "../utils/time";
 
 const queryKeys = {
+  history: (targetId: number, from: string, to: string, page: number) => ["history", targetId, from, to, page] as const,
   summary: () => ["summary"] as const,
   targets: () => ["targets"] as const,
   trend: (targetId: number, from: string, to: string) => ["trend", targetId, from, to] as const,
-  history: (targetId: number, from: string, to: string, page: number) => ["history", targetId, from, to, page] as const,
 };
 
-async function fetchJson<T>(url: string): Promise<T> {
-  const response = await fetch(url);
-  if (!response.ok) throw new Error(`HTTP ${response.status}`);
-  return response.json() as Promise<T>;
-}
-
 export function useSummary() {
   return useQuery({
-    queryKey: queryKeys.summary(),
     queryFn: () => fetchJson<SummaryResponse>("/api/summary"),
-    refetchInterval: 8000,
-    refetchIntervalInBackground: false,
-  });
-}
-
-export function useTargets() {
-  return useQuery({
-    queryKey: queryKeys.targets(),
-    queryFn: () => fetchJson<TargetStatus[]>("/api/targets"),
+    queryKey: queryKeys.summary(),
     refetchInterval: 8000,
     refetchIntervalInBackground: false,
   });
@@ -36,7 +23,7 @@ export function useTargets() {
 
 export function useTargetDetail() {
   const queryClient = useQueryClient();
-  const [selectedTargetId, setSelectedTargetId] = useState<number | null>(null);
+  const [selectedTargetId, setSelectedTargetId] = useState<null | number>(null);
   const [timeFrom, setTimeFrom] = useState("");
   const [timeTo, setTimeTo] = useState("");
   const [historyPage, setHistoryPage] = useState(1);
@@ -47,27 +34,27 @@ export function useTargetDetail() {
     selectedTargetId !== null ? (targetsData?.find((t) => t.id === selectedTargetId) ?? null) : null;
 
   const trend = useQuery({
-    queryKey:
-      selectedTargetId !== null && timeFrom && timeTo
-        ? queryKeys.trend(selectedTargetId, timeFrom, timeTo)
-        : ["trend", "disabled"],
+    enabled: selectedTargetId !== null && !!timeFrom && !!timeTo,
     queryFn: () =>
       fetchJson<TrendPoint[]>(
         `/api/targets/${selectedTargetId}/trend?from=${encodeURIComponent(timeFrom)}&to=${encodeURIComponent(timeTo)}`,
       ),
-    enabled: selectedTargetId !== null && !!timeFrom && !!timeTo,
+    queryKey:
+      selectedTargetId !== null && timeFrom && timeTo
+        ? queryKeys.trend(selectedTargetId, timeFrom, timeTo)
+        : ["trend", "disabled"],
   });
 
   const history = useQuery({
-    queryKey:
-      selectedTargetId !== null && timeFrom && timeTo
-        ? queryKeys.history(selectedTargetId, timeFrom, timeTo, historyPage)
-        : ["history", "disabled"],
+    enabled: selectedTargetId !== null && !!timeFrom && !!timeTo,
     queryFn: () =>
       fetchJson<HistoryResponse>(
         `/api/targets/${selectedTargetId}/history?from=${encodeURIComponent(timeFrom)}&to=${encodeURIComponent(timeTo)}&page=${historyPage}&pageSize=20`,
       ),
-    enabled: selectedTargetId !== null && !!timeFrom && !!timeTo,
+    queryKey:
+      selectedTargetId !== null && timeFrom && timeTo
+        ? queryKeys.history(selectedTargetId, timeFrom, timeTo, historyPage)
+        : ["history", "disabled"],
   });
 
   const openDrawer = useCallback((target: TargetStatus) => {
@@ -96,16 +83,31 @@ export function useTargetDetail() {
   }, []);
 
   return {
-    selectedTarget,
-    trendData: trend.data ?? [],
-    trendLoading: trend.isLoading,
-    historyData: history.data ?? { items: [], total: 0, page: 1, pageSize: 20 },
+    closeDrawer,
+    handlePageChange,
+    handleTimeChange,
+    historyData: history.data ?? { items: [], page: 1, pageSize: 20, total: 0 },
     historyLoading: history.isLoading,
+    openDrawer,
+    selectedTarget,
     timeFrom,
     timeTo,
-    openDrawer,
-    closeDrawer,
-    handleTimeChange,
-    handlePageChange,
+    trendData: trend.data ?? [],
+    trendLoading: trend.isLoading,
   };
 }
+
+export function useTargets() {
+  return useQuery({
+    queryFn: () => fetchJson<TargetStatus[]>("/api/targets"),
+    queryKey: queryKeys.targets(),
+    refetchInterval: 8000,
+    refetchIntervalInBackground: false,
+  });
+}
+
+async function fetchJson<T>(url: string): Promise<T> {
+  const response = await fetch(url);
+  if (!response.ok) throw new Error(`HTTP ${response.status}`);
+  return response.json() as Promise<T>;
+}