fix: stabilize admin frontend and resolve TS build errors

src/api/domain.ts

@@ -1,44 +1,58 @@
-import { fetcher, FetcherMethod, swrFetcher } from './api' // 导入正确的 fetcher 函数和方法枚举
+// 导入正确的 fetcher 函数和方法枚举
-import type { Domain, BillingDataMod} from '@/types/api'
+import type { BillingDataMod, Domain } from "@/types/domain"
+
+import { FetcherMethod, fetcher } from "./api"
 
 // --- GET 请求 (用于 SWR) ---
 
 // 获取域名列表的函数，专门为 useSWR 设计
 // swrFetcher 内部会调用 fetcher，这一部分是正确的
-export const useDomainList = () => {
+export const useDomainList = (url: string) => {
-  return swrFetcher<Domain[]>('/api/v1/domains')
+    return fetcher<Domain[]>(FetcherMethod.GET, url)
 }
 
-
 // --- POST, PUT, DELETE 请求 (使用 fetcher) ---
 
 // 添加一个新的域名
 export const addDomain = (domain: string) => {
-  return fetcher<Domain>(FetcherMethod.POST, '/api/v1/domains', { domain })
+    return fetcher<Domain>(FetcherMethod.POST, "/api/v1/domains", { domain })
 }
 
 // 触发域名验证
 export const verifyDomain = (id: number) => {
-  return fetcher<{ success: boolean; message: string }>(FetcherMethod.POST, `/api/v1/domains/${id}/verify`)
+    return fetcher<{ success: boolean; message: string }>(
+        FetcherMethod.POST,
+        `/api/v1/domains/${id}/verify`,
+    )
 }
 
 // 更新域名的配置信息
 export const updateDomainConfig = (id: number, billingData: BillingDataMod) => {
-    return fetcher<Domain>(FetcherMethod.PUT, `/api/v1/domains/${id}`, { billing_data: billingData })
+    return fetcher<Domain>(FetcherMethod.PUT, `/api/v1/domains/${id}`, {
+        billing_data: billingData,
+    })
 }
 
 // 删除一个域名
 export const deleteDomain = (id: number) => {
-  // DELETE 请求通常没有响应体，所以 T 可以是 any 或 unknown
+    // DELETE 请求通常没有响应体，所以 T 可以是 any 或 unknown
-  return fetcher<any>(FetcherMethod.DELETE, `/api/v1/domains/${id}`)
+    return fetcher<any>(FetcherMethod.DELETE, `/api/v1/domains/${id}`)
 }
 
 // 更新一个域名（包括公开状态和配置信息）
-export const updateDomain = (id: number, data: { is_public: boolean, billing_data: BillingDataMod }) => {
+export const updateDomain = (
+    id: number,
+    data: { is_public: boolean; billing_data: BillingDataMod },
+) => {
     return fetcher<Domain>(FetcherMethod.PUT, `/api/v1/domains/${id}`, data)
 }
 
 // 同步 Whois 信息
 export const syncDomainWHOIS = (id: number) => {
-  return fetcher<Domain>(FetcherMethod.POST, `/api/v1/domains/${id}/sync`)
+    return fetcher<Domain>(FetcherMethod.POST, `/api/v1/domains/${id}/sync`)
+}
+
+// 同步所有域名
+export const syncAllDomains = () => {
+    return fetcher<any>(FetcherMethod.POST, "/api/v1/domains/sync-all")
 }

src/components/header.tsx

@@ -1,4 +1,6 @@
 import { ModeToggle } from "@/components/mode-toggle"
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
+import { Button } from "@/components/ui/button"
 import {
     Drawer,
     DrawerClose,
@@ -9,12 +11,24 @@ import {
     DrawerTitle,
     DrawerTrigger,
 } from "@/components/ui/drawer"
+import {
+    DropdownMenu,
+    DropdownMenuContent,
+    DropdownMenuGroup,
+    DropdownMenuItem,
+    DropdownMenuLabel,
+    DropdownMenuSeparator,
+    DropdownMenuShortcut,
+    DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu"
 import {
     NavigationMenu,
     NavigationMenuItem,
     NavigationMenuLink,
     navigationMenuTriggerStyle,
 } from "@/components/ui/navigation-menu"
+import { IconButton } from "@/components/xui/icon-button"
+import { NzNavigationMenuLink } from "@/components/xui/navigation-menu"
 import { useAuth } from "@/hooks/useAuth"
 import { useMainStore } from "@/hooks/useMainStore"
 import { useMediaQuery } from "@/hooks/useMediaQuery"
@@ -26,21 +40,6 @@ import { useEffect, useRef, useState } from "react"
 import { useTranslation } from "react-i18next"
 import { Link, useLocation, useNavigate } from "react-router-dom"
 
-import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
-import { Button } from "@/components/ui/button"
-import {
-    DropdownMenu,
-    DropdownMenuContent,
-    DropdownMenuGroup,
-    DropdownMenuItem,
-    DropdownMenuLabel,
-    DropdownMenuSeparator,
-    DropdownMenuShortcut,
-    DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu"
-import { IconButton } from "@/components/xui/icon-button"
-import { NzNavigationMenuLink } from "@/components/xui/navigation-menu"
-
 // =======================================================
 // vvvvvvvvvvv 1. 在这里为移动端菜单添加新页面 vvvvvvvvvvv
 const pages = [
@@ -428,4 +427,3 @@ function Overview() {
         </section>
     )
 }
-

src/components/notifier.tsx

@@ -30,7 +30,6 @@ import {
     SelectValue,
 } from "@/components/ui/select"
 import { IconButton } from "@/components/xui/icon-button"
-import { asOptionalField } from "@/lib/utils"
 import { ModelNotification } from "@/types"
 import { nrequestMethods, nrequestTypes } from "@/types"
 import { zodResolver } from "@hookform/resolvers/zod"
@@ -55,9 +54,9 @@ const notificationFormSchema = z.object({
     request_type: z.coerce.number().int().min(1).max(255),
     request_header: z.string(),
     request_body: z.string(),
-    verify_tls: asOptionalField(z.boolean()),
+    verify_tls: z.boolean().default(false),
-    skip_check: asOptionalField(z.boolean()),
+    skip_check: z.boolean().default(false),
-    format_metric_units: asOptionalField(z.boolean()),
+    format_metric_units: z.boolean().default(false),
     type: z.coerce.number().int().default(1),
 })
 
@@ -75,9 +74,9 @@ export const NotifierCard: React.FC<NotifierCardProps> = ({ data, mutate }) => {
                   request_type: data.request_type ?? 1,
                   request_header: data.request_header ?? "",
                   request_body: data.request_body ?? "",
-                  verify_tls: (data as any).verify_tls ?? false,
+                  verify_tls: data.verify_tls ?? false,
-                  skip_check: (data as any).skip_check ?? false,
+                  skip_check: data.skip_check ?? false,
-                  format_metric_units: (data as any).format_metric_units ?? false,
+                  format_metric_units: data.format_metric_units ?? false,
                   type: data.type ?? 1,
               }
             : {
@@ -177,11 +176,21 @@ export const NotifierCard: React.FC<NotifierCardProps> = ({ data, mutate }) => {
                                     render={({ field }) => (
                                         <FormItem>
                                             <FormLabel>
-                                                {form.watch("type") == 2 ? "SMTP Server (host:port)" : 
+                                                {form.watch("type") == 2
-                                                 form.watch("type") == 3 ? "Bot Token" : "URL"}
+                                                    ? "SMTP Server (host:port)"
+                                                    : form.watch("type") == 3
+                                                      ? "Bot Token"
+                                                      : "URL"}
                                             </FormLabel>
                                             <FormControl>
-                                                <Input {...field} placeholder={form.watch("type") == 3 ? "123456:ABC-DEF" : ""} />
+                                                <Input
+                                                    {...field}
+                                                    placeholder={
+                                                        form.watch("type") == 3
+                                                            ? "123456:ABC-DEF"
+                                                            : ""
+                                                    }
+                                                />
                                             </FormControl>
                                             <FormMessage />
                                         </FormItem>
@@ -234,11 +243,13 @@ export const NotifierCard: React.FC<NotifierCardProps> = ({ data, mutate }) => {
                                                             </SelectTrigger>
                                                         </FormControl>
                                                         <SelectContent>
-                                                            {Object.entries(nrequestTypes).map(([k, v]) => (
+                                                            {Object.entries(nrequestTypes).map(
-                                                                <SelectItem key={k} value={k}>
+                                                                ([k, v]) => (
-                                                                    {v}
+                                                                    <SelectItem key={k} value={k}>
-                                                                </SelectItem>
+                                                                        {v}
-                                                            ))}
+                                                                    </SelectItem>
+                                                                ),
+                                                            )}
                                                         </SelectContent>
                                                     </Select>
                                                     <FormMessage />
@@ -253,15 +264,21 @@ export const NotifierCard: React.FC<NotifierCardProps> = ({ data, mutate }) => {
                                     render={({ field }) => (
                                         <FormItem>
                                             <FormLabel>
-                                                {form.watch("type") == 2 ? "SMTP User:Pass" : 
+                                                {form.watch("type") == 2
-                                                 form.watch("type") == 3 ? "Chat ID" : t("RequestHeader")}
+                                                    ? "SMTP User:Pass"
+                                                    : form.watch("type") == 3
+                                                      ? "Chat ID"
+                                                      : t("RequestHeader")}
                                             </FormLabel>
                                             <FormControl>
                                                 <Textarea
                                                     className="resize-y"
                                                     placeholder={
-                                                        form.watch("type") == 2 ? "user:pass" : 
+                                                        form.watch("type") == 2
-                                                        form.watch("type") == 3 ? "123456789" : '{"User-Agent":"Nezha-Agent"}'
+                                                            ? "user:pass"
+                                                            : form.watch("type") == 3
+                                                              ? "123456789"
+                                                              : '{"User-Agent":"Nezha-Agent"}'
                                                     }
                                                     {...field}
                                                 />
@@ -276,11 +293,23 @@ export const NotifierCard: React.FC<NotifierCardProps> = ({ data, mutate }) => {
                                         name="request_body"
                                         render={({ field }) => (
                                             <FormItem>
-                                                <FormLabel>{form.watch("type") == 2 ? "Recipient Email" : t("RequestBody")}</FormLabel>
+                                                <FormLabel>
+                                                    {form.watch("type") == 2
+                                                        ? "Recipient Email"
+                                                        : t("RequestBody")}
+                                                </FormLabel>
                                                 <FormControl>
                                                     <Textarea
-                                                        className={form.watch("type") == 2 ? "resize-y" : "resize-y h-[240px]"}
+                                                        className={
-                                                        placeholder={form.watch("type") == 2 ? "target@example.com" : '...'}
+                                                            form.watch("type") == 2
+                                                                ? "resize-y"
+                                                                : "resize-y h-[240px]"
+                                                        }
+                                                        placeholder={
+                                                            form.watch("type") == 2
+                                                                ? "target@example.com"
+                                                                : "..."
+                                                        }
                                                         {...field}
                                                     />
                                                 </FormControl>
@@ -289,66 +318,64 @@ export const NotifierCard: React.FC<NotifierCardProps> = ({ data, mutate }) => {
                                         )}
                                     />
                                 )}
-                                <FormField
+                                <div className="pt-4 border-t space-y-3">
-                                    control={form.control}
+                                    <Label className="text-xs font-semibold text-muted-foreground uppercase tracking-wider">
-                                    name="verify_tls"
+                                        {t("AdvancedSettings")}
-                                    render={({ field }) => (
+                                    </Label>
-                                        <FormItem className="flex items-center space-x-2">
+                                    <div className="grid grid-cols-1 sm:grid-cols-2 gap-x-4 gap-y-2">
-                                            <FormControl>
+                                        <FormField
-                                                <div className="flex items-center gap-2">
+                                            control={form.control}
-                                                    <Checkbox
+                                            name="verify_tls"
-                                                        checked={field.value}
+                                            render={({ field }) => (
-                                                        onCheckedChange={field.onChange}
+                                                <FormItem className="flex items-center space-x-2 space-y-0 py-1">
-                                                    />
+                                                    <FormControl>
-                                                    <Label className="text-sm">
+                                                        <Checkbox
+                                                            checked={field.value}
+                                                            onCheckedChange={field.onChange}
+                                                        />
+                                                    </FormControl>
+                                                    <FormLabel className="text-sm font-normal cursor-pointer">
                                                         {t("VerifyTLS")}
-                                                    </Label>
+                                                    </FormLabel>
-                                                </div>
+                                                </FormItem>
-                                            </FormControl>
+                                            )}
-                                            <FormMessage />
+                                        />
-                                        </FormItem>
+                                        <FormField
-                                    )}
+                                            control={form.control}
-                                />
+                                            name="skip_check"
-                                <FormField
+                                            render={({ field }) => (
-                                    control={form.control}
+                                                <FormItem className="flex items-center space-x-2 space-y-0 py-1">
-                                    name="skip_check"
+                                                    <FormControl>
-                                    render={({ field }) => (
+                                                        <Checkbox
-                                        <FormItem className="flex items-center space-x-2">
+                                                            checked={field.value}
-                                            <FormControl>
+                                                            onCheckedChange={field.onChange}
-                                                <div className="flex items-center gap-2">
+                                                        />
-                                                    <Checkbox
+                                                    </FormControl>
-                                                        checked={field.value}
+                                                    <FormLabel className="text-sm font-normal cursor-pointer">
-                                                        onCheckedChange={field.onChange}
-                                                    />
-                                                    <Label className="text-sm">
                                                         {t("DoNotSendTestMessage")}
-                                                    </Label>
+                                                    </FormLabel>
-                                                </div>
+                                                </FormItem>
-                                            </FormControl>
+                                            )}
-                                            <FormMessage />
+                                        />
-                                        </FormItem>
+                                        <FormField
-                                    )}
+                                            control={form.control}
-                                />
+                                            name="format_metric_units"
-                                <FormField
+                                            render={({ field }) => (
-                                    control={form.control}
+                                                <FormItem className="flex items-center space-x-2 space-y-0 py-1">
-                                    name="format_metric_units"
+                                                    <FormControl>
-                                    render={({ field }) => (
+                                                        <Checkbox
-                                        <FormItem className="flex items-center space-x-2">
+                                                            checked={field.value}
-                                            <FormControl>
+                                                            onCheckedChange={field.onChange}
-                                                <div className="flex items-center gap-2">
+                                                        />
-                                                    <Checkbox
+                                                    </FormControl>
-                                                        checked={field.value}
+                                                    <FormLabel className="text-sm font-normal cursor-pointer">
-                                                        onCheckedChange={field.onChange}
-                                                    />
-                                                    <Label className="text-sm">
                                                         {t("FormatMetricUnits")}
-                                                    </Label>
+                                                    </FormLabel>
-                                                </div>
+                                                </FormItem>
-                                            </FormControl>
+                                            )}
-                                            <FormMessage />
+                                        />
-                                        </FormItem>
+                                    </div>
-                                    )}
+                                </div>
-                                />
                                 <DialogFooter className="justify-end">
                                     <DialogClose asChild>
                                         <Button type="button" className="my-2" variant="secondary">

src/components/server-config.tsx

@@ -160,13 +160,17 @@ export const ServerConfigCard = ({ sid, menuItem = false, ...props }: ServerConf
     const onSubmit = async (values: any) => {
         let resp: ModelServerTaskResponse = {}
         try {
-            values.nic_allowlist = values.nic_allowlist_raw
+            const submitValues = { ...values }
-                ? JSON.parse(values.nic_allowlist_raw)
+            submitValues.nic_allowlist = submitValues.nic_allowlist_raw
+                ? JSON.parse(submitValues.nic_allowlist_raw)
                 : undefined
-            values.hard_drive_partition_allowlist = values.hard_drive_partition_allowlist_raw
+            submitValues.hard_drive_partition_allowlist =
-                ? JSON.parse(values.hard_drive_partition_allowlist_raw)
+                submitValues.hard_drive_partition_allowlist_raw
-                : undefined
+                    ? JSON.parse(submitValues.hard_drive_partition_allowlist_raw)
-            resp = await setServerConfig({ config: JSON.stringify(values), servers: [sid] })
+                    : undefined
+            delete submitValues.nic_allowlist_raw
+            delete submitValues.hard_drive_partition_allowlist_raw
+            resp = await setServerConfig({ config: JSON.stringify(submitValues), servers: [sid] })
         } catch (e) {
             console.error(e)
             toast(t("Error"), {

src/components/server.tsx

@@ -28,7 +28,7 @@ import { conv } from "@/lib/utils"
 import { asOptionalField } from "@/lib/utils"
 import { ModelServer } from "@/types"
 import { zodResolver } from "@hookform/resolvers/zod"
-import { useState, useEffect } from "react"
+import { useEffect, useState } from "react"
 import { useForm } from "react-hook-form"
 import { useTranslation } from "react-i18next"
 import { toast } from "sonner"
@@ -65,11 +65,13 @@ const serverFormSchema = z.object({
             },
         ),
     ),
-    billing_data: z.object({
+    billing_data: z
-        registrar: asOptionalField(z.string()),
+        .object({
-        endDate: asOptionalField(z.string()),
+            registrar: asOptionalField(z.string()),
-        notes: asOptionalField(z.string()),
+            endDate: asOptionalField(z.string()),
-    }).optional(),
+            notes: asOptionalField(z.string()),
+        })
+        .optional(),
 })
 
 export const ServerCard: React.FC<ServerCardProps> = ({ data, mutate }) => {
@@ -92,16 +94,16 @@ export const ServerCard: React.FC<ServerCardProps> = ({ data, mutate }) => {
 
     useEffect(() => {
         const handleMessage = (e: MessageEvent) => {
-            if (e.data?.type === 'NZCFG_JSON') {
+            if (e.data?.type === "NZCFG_JSON") {
-                if (e.data.target === 'public_note') {
+                if (e.data.target === "public_note") {
-                    form.setValue('public_note', e.data.payload);
+                    form.setValue("public_note", e.data.payload)
-                    toast(t("Success"), { description: "配置已通过可视化构建器自动填入" });
+                    toast(t("Success"), { description: "配置已通过可视化构建器自动填入" })
                 }
             }
-        };
+        }
-        window.addEventListener('message', handleMessage);
+        window.addEventListener("message", handleMessage)
-        return () => window.removeEventListener('message', handleMessage);
+        return () => window.removeEventListener("message", handleMessage)
-    }, [form, t]);
+    }, [form, t])
 
     const onSubmit = async (values: any) => {
         try {
@@ -255,7 +257,9 @@ export const ServerCard: React.FC<ServerCardProps> = ({ data, mutate }) => {
                                     )}
                                 />
                                 <div className="p-3 border rounded-md border-dashed space-y-2">
-                                    <Label className="text-xs text-muted-foreground uppercase font-bold">Billing & Expiry</Label>
+                                    <Label className="text-xs text-muted-foreground uppercase font-bold">
+                                        Billing & Expiry
+                                    </Label>
                                     <FormField
                                         control={form.control as any}
                                         name="billing_data.registrar"
@@ -263,7 +267,10 @@ export const ServerCard: React.FC<ServerCardProps> = ({ data, mutate }) => {
                                             <FormItem>
                                                 <FormLabel>Registrar</FormLabel>
                                                 <FormControl>
-                                                    <Input placeholder="AWS / Azure /阿里云" {...field} />
+                                                    <Input
+                                                        placeholder="AWS / Azure /阿里云"
+                                                        {...field}
+                                                    />
                                                 </FormControl>
                                                 <FormMessage />
                                             </FormItem>
@@ -276,7 +283,20 @@ export const ServerCard: React.FC<ServerCardProps> = ({ data, mutate }) => {
                                             <FormItem>
                                                 <FormLabel>Expiry Date</FormLabel>
                                                 <FormControl>
-                                                    <Input type="date" {...field} value={field.value?.split('T')[0] || ''} onChange={(e) => field.onChange(e.target.value ? new Date(e.target.value).toISOString() : '')} />
+                                                    <Input
+                                                        type="date"
+                                                        {...field}
+                                                        value={field.value?.split("T")[0] || ""}
+                                                        onChange={(e) =>
+                                                            field.onChange(
+                                                                e.target.value
+                                                                    ? new Date(
+                                                                          e.target.value,
+                                                                      ).toISOString()
+                                                                    : "",
+                                                            )
+                                                        }
+                                                    />
                                                 </FormControl>
                                                 <FormMessage />
                                             </FormItem>
@@ -290,18 +310,28 @@ export const ServerCard: React.FC<ServerCardProps> = ({ data, mutate }) => {
                                         <FormItem>
                                             <FormLabel className="flex justify-between items-center w-full">
                                                 <span>{t("Public") + t("Note")}</span>
-                                                <a href="/dashboard/nzcfg.html" target="_blank" className="text-blue-500 hover:text-blue-700 text-xs flex items-center gap-1" onClick={(e) => {
+                                                <a
-                                                    e.preventDefault();
+                                                    href="/dashboard/nzcfg.html"
-                                                    const popup = window.open('/dashboard/nzcfg.html', 'nzcfg', 'width=1000,height=800');
+                                                    target="_blank"
-                                                    if(popup) {
+                                                    className="text-blue-500 hover:text-blue-700 text-xs flex items-center gap-1"
-                                                        const timer = setInterval(() => {
+                                                    onClick={(e) => {
-                                                            if(popup.closed) {
+                                                        e.preventDefault()
-                                                                clearInterval(timer);
+                                                        const popup = window.open(
-                                                            }
+                                                            "/dashboard/nzcfg.html",
-                                                        }, 500);
+                                                            "nzcfg",
-                                                    }
+                                                            "width=1000,height=800",
-                                                }}>
+                                                        )
-                                                    可视化管理配置 <i className="fa-solid fa-up-right-from-square"></i>
+                                                        if (popup) {
+                                                            const timer = setInterval(() => {
+                                                                if (popup.closed) {
+                                                                    clearInterval(timer)
+                                                                }
+                                                            }, 500)
+                                                        }
+                                                    }}
+                                                >
+                                                    可视化管理配置{" "}
+                                                    <i className="fa-solid fa-up-right-from-square"></i>
                                                 </a>
                                             </FormLabel>
                                             <FormControl>

src/components/theme-provider.tsx

@@ -1,4 +1,5 @@
 import { createContext, useContext, useEffect, useState } from "react"
+import { DateTime } from "luxon"
 
 export type Theme = "dark" | "light" | "system"
 
@@ -30,22 +31,28 @@ export function ThemeProvider({
         () => (localStorage.getItem(storageKey) as Theme) || defaultTheme,
     )
 
+    const [hour, setHour] = useState(() => DateTime.now().hour)
+
+    useEffect(() => {
+        const timer = setInterval(() => {
+            setHour(DateTime.now().hour)
+        }, 60000)
+        return () => clearInterval(timer)
+    }, [])
+
     useEffect(() => {
         const root = window.document.documentElement
 
         root.classList.remove("light", "dark")
 
+        let effectiveTheme = theme
         if (theme === "system") {
-            const systemTheme = window.matchMedia("(prefers-color-scheme: dark)").matches
+            const isNight = hour >= 18 || hour < 6
-                ? "dark"
+            effectiveTheme = isNight ? "dark" : "light"
-                : "light"
-
-            root.classList.add(systemTheme)
-            return
         }
 
-        root.classList.add(theme)
+        root.classList.add(effectiveTheme)
-    }, [theme])
+    }, [theme, hour])
 
     const value = {
         theme,

src/components/ui/badge.tsx

@@ -23,8 +23,7 @@ const badgeVariants = cva(
 )
 
 export interface BadgeProps
-    extends HTMLAttributes<HTMLDivElement>,
+    extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}
-        VariantProps<typeof badgeVariants> {}
 
 function Badge({ className, variant, ...props }: BadgeProps) {
     return <div className={cn(badgeVariants({ variant }), className)} {...props} />

src/components/ui/button.tsx

@@ -31,8 +31,7 @@ const buttonVariants = cva(
 )
 
 export interface ButtonProps
-    extends ButtonHTMLAttributes<HTMLButtonElement>,
+    extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-        VariantProps<typeof buttonVariants> {
     asChild?: boolean
 }
 

src/components/xui/multi-select.tsx

@@ -67,7 +67,8 @@ const multiSelectVariants = cva(
  * Props for MultiSelect component
  */
 interface MultiSelectProps
-    extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+    extends
+        React.ButtonHTMLAttributes<HTMLButtonElement>,
         VariantProps<typeof multiSelectVariants> {
     /**
      * An array of option objects to be displayed in the multi-select component.

src/components/xui/overlayless-sheet.tsx

@@ -37,7 +37,8 @@ const sheetVariants = cva(
 )
 
 interface SheetContentProps
-    extends ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,
+    extends
+        ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,
         VariantProps<typeof sheetVariants> {
     setOpen: Dispatch<SetStateAction<boolean>>
 }

src/hooks/useNotfication.tsx

@@ -45,7 +45,7 @@ export const NotificationProvider: React.FC<NotificationProviderProps> = ({
             (async () => {
                 try {
                     const n = (await getNotification()) || []
-                    const nData = n.map(({ id, name }) => ({ id, name }))
+                    const nData = n.map(({ id, name }) => ({ id: id!, name }))
                     setNotifier(nData)
                 } catch (error: any) {
                     toast("NotificationProvider Error", {

src/hooks/useServer.tsx

@@ -45,7 +45,7 @@ export const ServerProvider: React.FC<ServerProviderProps> = ({
             (async () => {
                 try {
                     const s = (await getServers()) || []
-                    const serverData = s.map(({ id, name }) => ({ id, name }))
+                    const serverData = s.map(({ id, name }) => ({ id: id!, name }))
                     setServer(serverData)
                 } catch (error: any) {
                     toast("ServerProvider Error", {

src/routes/alert-rule.tsx

@@ -116,7 +116,7 @@ export default function AlertRulePage() {
                         className="flex gap-2"
                         delete={{
                             fn: deleteAlertRules,
-                            id: s.id,
+                            id: s.id!,
                             mutate: mutate,
                         }}
                     >
@@ -147,7 +147,7 @@ export default function AlertRulePage() {
                     className="flex ml-auto self-end sm:self-auto gap-2 flex-wrap shrink-0"
                     delete={{
                         fn: deleteAlertRules,
-                        id: selectedRows.map((r) => r.original.id),
+                        id: selectedRows.map((r) => r.original.id!),
                         mutate: mutate,
                     }}
                 >

src/routes/cron.tsx

@@ -164,7 +164,7 @@ export default function CronPage() {
                 return (
                     <ActionButtonGroup
                         className="flex gap-2"
-                        delete={{ fn: deleteCron, id: s.id, mutate: mutate }}
+                        delete={{ fn: deleteCron, id: s.id!, mutate: mutate }}
                     >
                         <>
                             <IconButton
@@ -172,7 +172,7 @@ export default function CronPage() {
                                 icon="play"
                                 onClick={async () => {
                                     try {
-                                        await runCron(s.id)
+                                        await runCron(s.id!)
                                     } catch (e) {
                                         console.error(e)
                                         toast(t("Error"), {
@@ -215,7 +215,7 @@ export default function CronPage() {
                     className="flex gap-2 flex-wrap shrink-0"
                     delete={{
                         fn: deleteCron,
-                        id: selectedRows.map((r) => r.original.id),
+                        id: selectedRows.map((r) => r.original.id!),
                         mutate: mutate,
                     }}
                 >

src/routes/ddns.tsx

@@ -121,7 +121,7 @@ export default function DDNSPage() {
                         className="flex gap-2"
                         delete={{
                             fn: deleteDDNSProfiles,
-                            id: s.id,
+                            id: s.id!,
                             mutate: mutate,
                         }}
                     >
@@ -152,7 +152,7 @@ export default function DDNSPage() {
                     className="flex ml-auto self-end sm:self-auto gap-2 flex-wrap shrink-0"
                     delete={{
                         fn: deleteDDNSProfiles,
-                        id: selectedRows.map((r) => r.original.id),
+                        id: selectedRows.map((r) => r.original.id!),
                         mutate: mutate,
                     }}
                 >

src/routes/domain.tsx

@@ -1,284 +1,479 @@
 // src/routes/domain.tsx (最终 Bug 修复版)
-
+import {
-import { useState, useEffect } from 'react'
+    addDomain,
-import { PlusCircle, RefreshCw, MoreVertical, Trash2, Edit, CheckCircle, RefreshCcw } from 'lucide-react'
+    deleteDomain,
-
+    syncAllDomains,
+    syncDomainWHOIS,
+    updateDomain,
+    useDomainList,
+    verifyDomain,
+} from "@/api/domain"
+import { Badge } from "@/components/ui/badge"
+import { Button } from "@/components/ui/button"
 // 导入 shadcn/ui 组件
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'
+import {
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/components/ui/dropdown-menu'
+    Dialog,
-import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog'
+    DialogContent,
-import { Badge } from '@/components/ui/badge'
+    DialogDescription,
-import { Button } from '@/components/ui/button'
+    DialogFooter,
-import { Input } from '@/components/ui/input'
+    DialogHeader,
-import { Textarea } from '@/components/ui/textarea'
+    DialogTitle,
-import { Label } from '@/components/ui/label'
+    DialogTrigger,
+} from "@/components/ui/dialog"
+import {
+    DropdownMenu,
+    DropdownMenuContent,
+    DropdownMenuItem,
+    DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu"
+import { Input } from "@/components/ui/input"
+import { Label } from "@/components/ui/label"
 import { Switch } from "@/components/ui/switch"
-
+import {
-import { toast } from 'sonner'
+    Table,
-
+    TableBody,
+    TableCell,
+    TableHead,
+    TableHeader,
+    TableRow,
+} from "@/components/ui/table"
+import { Textarea } from "@/components/ui/textarea"
 // 导入 API 类型和函数
-import type { Domain, BillingDataMod } from '@/types/api'
+import type { BillingDataMod, Domain } from "@/types/domain"
-import { useDomainList, addDomain, verifyDomain, deleteDomain, updateDomain, syncDomainWHOIS } from '@/api/domain'
+import {
-import useSWR from 'swr'
+    CheckCircle,
-
+    Edit,
+    MoreVertical,
+    PlusCircle,
+    RefreshCcw,
+    RefreshCw,
+    Trash2,
+} from "lucide-react"
+import { useEffect, useState } from "react"
+import { toast } from "sonner"
+import useSWR from "swr"
 
 export default function DomainPage() {
-  // --- React State Hooks ---
+    // --- React State Hooks ---
-  const [domains, setDomains] = useState<Domain[]>([])
+    const [domains, setDomains] = useState<Domain[]>([])
-  const [isLoading, setIsLoading] = useState(true)
+    const [isLoading, setIsLoading] = useState(true)
 
-  const [isAddModalOpen, setIsAddModalOpen] = useState(false)
+    const [isAddModalOpen, setIsAddModalOpen] = useState(false)
-  const [newDomainName, setNewDomainName] = useState('')
+    const [newDomainName, setNewDomainName] = useState("")
 
-  const [verificationToken, setVerificationToken] = useState('')
+    const [verificationToken, setVerificationToken] = useState("")
-  const [isVerificationInfoModalOpen, setIsVerificationInfoModalOpen] = useState(false)
+    const [isVerificationInfoModalOpen, setIsVerificationInfoModalOpen] = useState(false)
 
-  const [isEditModalOpen, setIsEditModalOpen] = useState(false)
+    const [isEditModalOpen, setIsEditModalOpen] = useState(false)
-  const [currentDomain, setCurrentDomain] = useState<Domain | null>(null)
+    const [currentDomain, setCurrentDomain] = useState<Domain | null>(null)
-  const [editFormData, setEditFormData] = useState<Partial<BillingDataMod>>({})
+    const [editFormData, setEditFormData] = useState<Partial<BillingDataMod>>({})
 
-  // --- 数据获取 (使用 SWR) ---
+    // --- 数据获取 (使用 SWR) ---
-  const { data: domainData, error, mutate } = useSWR('/api/v1/domains', useDomainList, { revalidateOnFocus: false })
+    const {
+        data: domainData,
+        error,
+        mutate,
+        isValidating,
+    } = useSWR("/api/v1/domains", useDomainList, { revalidateOnFocus: false })
 
-  useEffect(() => {
+    useEffect(() => {
-    if (domainData) {
+        if (domainData) {
-      setDomains(domainData)
+            setDomains(domainData)
-      setIsLoading(false)
+            setIsLoading(false)
+        }
+        if (error) {
+            toast.error("无法加载域名列表，请检查后端服务是否正常。")
+            setIsLoading(false)
+        }
+    }, [domainData, error])
+
+    const handleRefreshAll = async () => {
+        try {
+            await syncAllDomains()
+            toast.success("刷新成功", { description: "已触发所有域名的状态同步。" })
+            mutate()
+        } catch (err) {
+            toast.error("刷新失败", { description: (err as Error).message })
+        }
     }
-    if (error) {
+
-      toast.error('无法加载域名列表，请检查后端服务是否正常。')
+    const handleAddDomain = async () => {
-      setIsLoading(false)
+        if (!newDomainName) {
+            toast.error("请输入域名")
+            return
+        }
+        try {
+            const response = await addDomain(newDomainName)
+            setVerificationToken(response.VerifyToken)
+            setIsAddModalOpen(false)
+            setIsVerificationInfoModalOpen(true)
+            setNewDomainName("")
+            mutate()
+        } catch (err) {
+            toast.error("添加失败", { description: (err as Error).message })
+        }
     }
-  }, [domainData, error])
 
-  const handleAddDomain = async () => {
+    const handleVerify = async (domainId: number) => {
-    if (!newDomainName) {
+        try {
-      toast.error('请输入域名')
+            const response = await verifyDomain(domainId)
-      return
+            if (response.success) {
+                toast.success("验证成功", { description: response.message })
+            } else {
+                toast.warning("验证失败", { description: response.message })
+            }
+            setTimeout(() => mutate(), 2000)
+        } catch (err) {
+            toast.error("操作失败", { description: (err as Error).message })
+        }
     }
-    try {
+
-      const response = await addDomain(newDomainName)
+    const handleSyncWhois = async (domainId: number) => {
-      setVerificationToken(response.VerifyToken)
+        const loadingToast = toast.loading("正在同步 Whois 信息...")
-      setIsAddModalOpen(false)
+        try {
-      setIsVerificationInfoModalOpen(true)
+            await syncDomainWHOIS(domainId)
-      setNewDomainName('')
+            toast.success("同步成功", { id: loadingToast, description: "域名 Whois 信息已更新。" })
-      mutate()
+            mutate()
-    } catch (err) {
+        } catch (err) {
-      toast.error('添加失败', { description: (err as Error).message })
+            toast.error("同步失败", { id: loadingToast, description: (err as Error).message })
+        }
     }
-  }
 
-  const handleVerify = async (domainId: number) => {
+    const handleDelete = async (domainId: number, domainName: string) => {
-    try {
+        if (window.confirm(`确定要删除域名 ${domainName} 吗？`)) {
-      const response = await verifyDomain(domainId)
+            try {
-      if (response.success) {
+                await deleteDomain(domainId)
-        toast.success('验证成功', { description: response.message })
+                toast.success("删除成功", { description: `域名 ${domainName} 已被删除。` })
-      } else {
+                mutate()
-        toast.warning('验证失败', { description: response.message })
+            } catch (err) {
-      }
+                toast.error("删除失败", { description: (err as Error).message })
-      setTimeout(() => mutate(), 2000)
+            }
-    } catch (err) {
+        }
-      toast.error('操作失败', { description: (err as Error).message })
     }
-  }
 
-  const handleSyncWhois = async (domainId: number) => {
+    const handlePublicToggle = async (domain: Domain) => {
-    const loadingToast = toast.loading('正在同步 Whois 信息...')
+        try {
-    try {
+            await updateDomain(domain.ID, {
-      await syncDomainWHOIS(domainId)
+                is_public: !domain.IsPublic,
-      toast.success('同步成功', { id: loadingToast, description: '域名 Whois 信息已更新。' })
+                billing_data: domain.BillingData as BillingDataMod,
-      mutate()
+            })
-    } catch (err) {
+            toast.success(`域名 ${domain.Domain} 的可见状态已更新`)
-      toast.error('同步失败', { id: loadingToast, description: (err as Error).message })
+            mutate()
+        } catch (err) {
+            toast.error("更新失败", { description: (err as Error).message })
+        }
     }
-  }
 
-  const handleDelete = async (domainId: number, domainName: string) => {
+    const handleEditClick = (domain: Domain) => {
-    if (window.confirm(`确定要删除域名 ${domainName} 吗？`)) {
+        setCurrentDomain(domain)
-      try {
+        setEditFormData(domain.BillingData || {})
-        await deleteDomain(domainId)
+        setIsEditModalOpen(true)
-        toast.success('删除成功', { description: `域名 ${domainName} 已被删除。` })
-        mutate()
-      } catch (err) {
-        toast.error('删除失败', { description: (err as Error).message })
-      }
     }
-  }
 
-  const handlePublicToggle = async (domain: Domain) => {
+    const handleEditFormChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
-    try {
+        setEditFormData({
-      await updateDomain(domain.ID, {
+            ...editFormData,
-        is_public: !domain.IsPublic,
+            [e.target.name]: e.target.value,
-        billing_data: domain.BillingData as BillingDataMod,
+        })
-      })
-      toast.success(`域名 ${domain.Domain} 的可见状态已更新`)
-      mutate()
-    } catch (err) {
-      toast.error('更新失败', { description: (err as Error).message })
     }
-  }
 
-  const handleEditClick = (domain: Domain) => {
+    const handleUpdateDomain = async () => {
-    setCurrentDomain(domain)
+        if (!currentDomain) return
-    setEditFormData(domain.BillingData || {})
+        try {
-    setIsEditModalOpen(true)
+            const dataToSend = { ...editFormData }
-  }
+            if (dataToSend.registeredDate) {
+                dataToSend.registeredDate = new Date(dataToSend.registeredDate).toISOString()
+            }
+            if (dataToSend.endDate) {
+                dataToSend.endDate = new Date(dataToSend.endDate).toISOString()
+            }
 
-  const handleEditFormChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
+            await updateDomain(currentDomain.ID, {
-    setEditFormData({
+                is_public: currentDomain.IsPublic,
-      ...editFormData,
+                billing_data: dataToSend as BillingDataMod,
-      [e.target.name]: e.target.value,
+            })
-    })
+            toast.success("更新成功", {
-  }
+                description: `域名 ${currentDomain.Domain} 的配置已保存。`,
-
+            })
-  const handleUpdateDomain = async () => {
+            setIsEditModalOpen(false)
-    if (!currentDomain) return
+            mutate()
-    try {
+        } catch (err) {
-      const dataToSend = { ...editFormData };
+            toast.error("更新失败", { description: (err as Error).message })
-      if (dataToSend.registeredDate) {
+        }
-        dataToSend.registeredDate = new Date(dataToSend.registeredDate).toISOString();
-      }
-      if (dataToSend.endDate) {
-        dataToSend.endDate = new Date(dataToSend.endDate).toISOString();
-      }
-
-      await updateDomain(currentDomain.ID, {
-        is_public: currentDomain.IsPublic,
-        billing_data: dataToSend as BillingDataMod
-      })
-      toast.success('更新成功', { description: `域名 ${currentDomain.Domain} 的配置已保存。` })
-      setIsEditModalOpen(false)
-      mutate()
-    } catch (err) {
-      toast.error('更新失败', { description: (err as Error).message })
     }
-  }
 
-  const getStatusVariant = (status: string): 'default' | 'secondary' | 'destructive' | 'outline' => {
+    const getStatusVariant = (
-    switch (status) {
+        status: string,
-      case 'verified': return 'default'
+    ): "default" | "secondary" | "destructive" | "outline" => {
-      case 'pending': return 'secondary'
+        switch (status) {
-      case 'expired': return 'destructive'
+            case "verified":
-      default: return 'outline'
+                return "default"
+            case "pending":
+                return "secondary"
+            case "expired":
+                return "destructive"
+            default:
+                return "outline"
+        }
     }
-  }
 
-  // --- JSX 渲染 (保持不变) ---
+    // --- JSX 渲染 (保持不变) ---
-  return (
+    return (
-    <>
+        <>
-      <Card>
+            <Card>
-        <CardHeader className="flex flex-row items-center justify-between">
+                <CardHeader className="flex flex-row items-center justify-between">
-          <div>
+                    <div>
-            <CardTitle>域名监控</CardTitle>
+                        <CardTitle>域名监控</CardTitle>
-            <CardDescription>管理并监控您的域名到期状态。</CardDescription>
+                        <CardDescription>管理并监控您的域名到期状态。</CardDescription>
-          </div>
+                    </div>
-          <div className="flex items-center gap-2">
+                    <div className="flex items-center gap-2">
-            <Button variant="outline" size="icon" onClick={() => mutate()} disabled={isLoading}>
+                        <Button
-              <RefreshCw className={`h-4 w-4 ${isLoading ? 'animate-spin' : ''}`} />
+                            variant="outline"
-            </Button>
+                            size="icon"
-            <Dialog open={isAddModalOpen} onOpenChange={setIsAddModalOpen}>
+                            onClick={handleRefreshAll}
-              <DialogTrigger asChild><Button><PlusCircle className="mr-2 h-4 w-4" />添加域名</Button></DialogTrigger>
+                            disabled={isValidating}
-              <DialogContent>
+                        >
-                <DialogHeader>
+                            <RefreshCw className={`h-4 w-4 ${isValidating ? "animate-spin" : ""}`} />
-                  <DialogTitle>添加新域名</DialogTitle>
+                        </Button>
-                  <DialogDescription>输入您需要监控的域名，例如 "example.com"。</DialogDescription>
+                        <Dialog open={isAddModalOpen} onOpenChange={setIsAddModalOpen}>
-                </DialogHeader>
+                            <DialogTrigger asChild>
-                <div className="py-4">
+                                <Button>
-                  <Input value={newDomainName} onChange={(e) => setNewDomainName(e.target.value)} placeholder="your-domain.com" onKeyUp={(e) => e.key === 'Enter' && handleAddDomain()} />
+                                    <PlusCircle className="mr-2 h-4 w-4" />
-                </div>
+                                    添加域名
-                <DialogFooter>
+                                </Button>
-                  <Button variant="secondary" onClick={() => setIsAddModalOpen(false)}>取消</Button>
+                            </DialogTrigger>
-                  <Button onClick={handleAddDomain}>提交</Button>
+                            <DialogContent>
-                </DialogFooter>
+                                <DialogHeader>
-              </DialogContent>
+                                    <DialogTitle>添加新域名</DialogTitle>
+                                    <DialogDescription>
+                                        输入您需要监控的域名，例如 "example.com"。
+                                    </DialogDescription>
+                                </DialogHeader>
+                                <div className="py-4">
+                                    <Input
+                                        value={newDomainName}
+                                        onChange={(e) => setNewDomainName(e.target.value)}
+                                        placeholder="your-domain.com"
+                                        onKeyUp={(e) => e.key === "Enter" && handleAddDomain()}
+                                    />
+                                </div>
+                                <DialogFooter>
+                                    <Button
+                                        variant="secondary"
+                                        onClick={() => setIsAddModalOpen(false)}
+                                    >
+                                        取消
+                                    </Button>
+                                    <Button onClick={handleAddDomain}>提交</Button>
+                                </DialogFooter>
+                            </DialogContent>
+                        </Dialog>
+                    </div>
+                </CardHeader>
+                <CardContent>
+                    {isLoading ? (
+                        <div className="text-center py-10 text-muted-foreground">加载中...</div>
+                    ) : (
+                        <Table>
+                            <TableHeader>
+                                <TableRow>
+                                    <TableHead>域名</TableHead>
+                                    <TableHead>状态</TableHead>
+                                    <TableHead>剩余天数</TableHead>
+                                    <TableHead>公开</TableHead>
+                                    <TableHead className="text-right">操作</TableHead>
+                                </TableRow>
+                            </TableHeader>
+                            <TableBody>
+                                {domains.map((domain) => (
+                                    <TableRow key={domain.ID}>
+                                        <TableCell className="font-medium">
+                                            {domain.Domain}
+                                        </TableCell>
+                                        <TableCell>
+                                            <Badge variant={getStatusVariant(domain.Status)}>
+                                                {domain.Status}
+                                            </Badge>
+                                        </TableCell>
+                                        <TableCell>{domain.expires_in_days ?? "N/A"}</TableCell>
+                                        <TableCell>
+                                            <Switch
+                                                checked={domain.IsPublic}
+                                                onCheckedChange={() => handlePublicToggle(domain)}
+                                            />
+                                        </TableCell>
+                                        <TableCell className="text-right">
+                                            <DropdownMenu>
+                                                <DropdownMenuTrigger asChild>
+                                                    <Button variant="ghost" size="icon">
+                                                        <MoreVertical className="h-4 w-4" />
+                                                    </Button>
+                                                </DropdownMenuTrigger>
+                                                <DropdownMenuContent>
+                                                    {domain.Status === "pending" && (
+                                                        <DropdownMenuItem
+                                                            onClick={() => handleVerify(domain.ID)}
+                                                        >
+                                                            <CheckCircle className="mr-2 h-4 w-4" />{" "}
+                                                            验证
+                                                        </DropdownMenuItem>
+                                                    )}
+                                                    {domain.Status === "verified" && (
+                                                        <DropdownMenuItem
+                                                            onClick={() =>
+                                                                handleSyncWhois(domain.ID)
+                                                            }
+                                                        >
+                                                            <RefreshCcw className="mr-2 h-4 w-4" />{" "}
+                                                            同步 Whois
+                                                        </DropdownMenuItem>
+                                                    )}
+                                                    <DropdownMenuItem
+                                                        onClick={() => handleEditClick(domain)}
+                                                    >
+                                                        <Edit className="mr-2 h-4 w-4" /> 编辑
+                                                    </DropdownMenuItem>
+                                                    <DropdownMenuItem
+                                                        className="text-red-600"
+                                                        onClick={() =>
+                                                            handleDelete(domain.ID, domain.Domain)
+                                                        }
+                                                    >
+                                                        <Trash2 className="mr-2 h-4 w-4" /> 删除
+                                                    </DropdownMenuItem>
+                                                </DropdownMenuContent>
+                                            </DropdownMenu>
+                                        </TableCell>
+                                    </TableRow>
+                                ))}
+                            </TableBody>
+                        </Table>
+                    )}
+                </CardContent>
+            </Card>
+
+            {/* 验证信息弹窗 */}
+            <Dialog
+                open={isVerificationInfoModalOpen}
+                onOpenChange={setIsVerificationInfoModalOpen}
+            >
+                <DialogContent>
+                    <DialogHeader>
+                        <DialogTitle>请验证域名所有权</DialogTitle>
+                        <DialogDescription>
+                            为了开始监控，请为您的域名添加一条 DNS TXT 记录。
+                        </DialogDescription>
+                    </DialogHeader>
+                    <div className="py-4 space-y-2">
+                        <p>请将以下内容添加到您的 DNS 解析记录中：</p>
+                        <div className="p-2 bg-muted rounded-md text-sm">
+                            <p>
+                                <span className="font-semibold">类型:</span> TXT
+                            </p>
+                            <p>
+                                <span className="font-semibold">主机/名称:</span> @
+                            </p>
+                            <p className="font-semibold">记录值:</p>
+                            <p className="font-mono bg-background p-2 rounded">
+                                {verificationToken}
+                            </p>
+                        </div>
+                        <p className="text-xs text-muted-foreground">
+                            DNS
+                            记录生效可能需要几分钟到几小时不等。生效后，请回到域名列表点击“验证”。
+                        </p>
+                    </div>
+                    <DialogFooter>
+                        <Button onClick={() => setIsVerificationInfoModalOpen(false)}>
+                            我明白了
+                        </Button>
+                    </DialogFooter>
+                </DialogContent>
             </Dialog>
-          </div>
-        </CardHeader>
-        <CardContent>
-          {isLoading ? ( <div className="text-center py-10 text-muted-foreground">加载中...</div> ) : (
-            <Table>
-              <TableHeader>
-                <TableRow>
-                  <TableHead>域名</TableHead>
-                  <TableHead>状态</TableHead>
-                  <TableHead>剩余天数</TableHead>
-                  <TableHead>公开</TableHead>
-                  <TableHead className="text-right">操作</TableHead>
-                </TableRow>
-              </TableHeader>
-              <TableBody>
-                {domains.map((domain) => (
-                  <TableRow key={domain.ID}>
-                    <TableCell className="font-medium">{domain.Domain}</TableCell>
-                    <TableCell><Badge variant={getStatusVariant(domain.Status)}>{domain.Status}</Badge></TableCell>
-                    <TableCell>{domain.expires_in_days ?? 'N/A'}</TableCell>
-                    <TableCell>
-                      <Switch
-                        checked={domain.IsPublic}
-                        onCheckedChange={() => handlePublicToggle(domain)}
-                      />
-                    </TableCell>
-                    <TableCell className="text-right">
-                      <DropdownMenu>
-                        <DropdownMenuTrigger asChild><Button variant="ghost" size="icon"><MoreVertical className="h-4 w-4" /></Button></DropdownMenuTrigger>
-                        <DropdownMenuContent>
-                          {domain.Status === 'pending' && (<DropdownMenuItem onClick={() => handleVerify(domain.ID)}><CheckCircle className="mr-2 h-4 w-4" /> 验证</DropdownMenuItem>)}
-                          {domain.Status === 'verified' && (<DropdownMenuItem onClick={() => handleSyncWhois(domain.ID)}><RefreshCcw className="mr-2 h-4 w-4" /> 同步 Whois</DropdownMenuItem>)}
-                          <DropdownMenuItem onClick={() => handleEditClick(domain)}><Edit className="mr-2 h-4 w-4" /> 编辑</DropdownMenuItem>
-                          <DropdownMenuItem className="text-red-600" onClick={() => handleDelete(domain.ID, domain.Domain)}><Trash2 className="mr-2 h-4 w-4" /> 删除</DropdownMenuItem>
-                        </DropdownMenuContent>
-                      </DropdownMenu>
-                    </TableCell>
-                  </TableRow>
-                ))}
-              </TableBody>
-            </Table>
-          )}
-        </CardContent>
-      </Card>
 
-      {/* 验证信息弹窗 */}
+            {/* 编辑弹窗 */}
-      <Dialog open={isVerificationInfoModalOpen} onOpenChange={setIsVerificationInfoModalOpen}>
+            <Dialog open={isEditModalOpen} onOpenChange={setIsEditModalOpen}>
-        <DialogContent>
+                <DialogContent className="sm:max-w-[425px]">
-          <DialogHeader>
+                    <DialogHeader>
-            <DialogTitle>请验证域名所有权</DialogTitle>
+                        <DialogTitle>编辑域名信息</DialogTitle>
-            <DialogDescription>为了开始监控，请为您的域名添加一条 DNS TXT 记录。</DialogDescription>
+                        <DialogDescription>
-          </DialogHeader>
+                            为 <span className="font-mono">{currentDomain?.Domain}</span>{" "}
-          <div className="py-4 space-y-2">
+                            添加或修改详细信息。
-            <p>请将以下内容添加到您的 DNS 解析记录中：</p>
+                        </DialogDescription>
-            <div className="p-2 bg-muted rounded-md text-sm">
+                    </DialogHeader>
-              <p><span className="font-semibold">类型:</span> TXT</p>
+                    <div className="grid gap-4 py-4">
-              <p><span className="font-semibold">主机/名称:</span> @</p>
+                        <div className="grid grid-cols-4 items-center gap-4">
-              <p className="font-semibold">记录值:</p>
+                            <Label htmlFor="registrar" className="text-right">
-              <p className="font-mono bg-background p-2 rounded">{verificationToken}</p>
+                                注册商
-            </div>
+                            </Label>
-            <p className="text-xs text-muted-foreground">DNS 记录生效可能需要几分钟到几小时不等。生效后，请回到域名列表点击“验证”。</p>
+                            <Input
-          </div>
+                                id="registrar"
-          <DialogFooter><Button onClick={() => setIsVerificationInfoModalOpen(false)}>我明白了</Button></DialogFooter>
+                                name="registrar"
-        </DialogContent>
+                                value={editFormData.registrar || ""}
-      </Dialog>
+                                onChange={handleEditFormChange}
-      
+                                className="col-span-3"
-      {/* 编辑弹窗 */}
+                            />
-      <Dialog open={isEditModalOpen} onOpenChange={setIsEditModalOpen}>
+                        </div>
-        <DialogContent className="sm:max-w-[425px]">
+                        <div className="grid grid-cols-4 items-center gap-4">
-          <DialogHeader>
+                            <Label htmlFor="registeredDate" className="text-right">
-            <DialogTitle>编辑域名信息</DialogTitle>
+                                注册日期
-            <DialogDescription>为 <span className="font-mono">{currentDomain?.Domain}</span> 添加或修改详细信息。</DialogDescription>
+                            </Label>
-          </DialogHeader>
+                            <Input
-          <div className="grid gap-4 py-4">
+                                id="registeredDate"
-            <div className="grid grid-cols-4 items-center gap-4"><Label htmlFor="registrar" className="text-right">注册商</Label><Input id="registrar" name="registrar" value={editFormData.registrar || ''} onChange={handleEditFormChange} className="col-span-3" /></div>
+                                name="registeredDate"
-            <div className="grid grid-cols-4 items-center gap-4"><Label htmlFor="registeredDate" className="text-right">注册日期</Label><Input id="registeredDate" name="registeredDate" type="date" value={editFormData.registeredDate?.split('T')[0] || ''} onChange={handleEditFormChange} className="col-span-3" /></div>
+                                type="date"
-            <div className="grid grid-cols-4 items-center gap-4"><Label htmlFor="endDate" className="text-right">到期日期</Label><Input id="endDate" name="endDate" type="date" value={editFormData.endDate?.split('T')[0] || ''} onChange={handleEditFormChange} className="col-span-3" /></div>
+                                value={editFormData.registeredDate?.split("T")[0] || ""}
-            <div className="grid grid-cols-4 items-center gap-4"><Label htmlFor="renewalPrice" className="text-right">续费价格</Label><Input id="renewalPrice" name="renewalPrice" value={editFormData.renewalPrice || ''} onChange={handleEditFormChange} className="col-span-3" /></div>
+                                onChange={handleEditFormChange}
-            <div className="grid grid-cols-4 items-center gap-4"><Label htmlFor="notes" className="text-right">备注</Label><Textarea id="notes" name="notes" value={editFormData.notes || ''} onChange={handleEditFormChange} className="col-span-3" /></div>
+                                className="col-span-3"
-          </div>
+                            />
-          <DialogFooter>
+                        </div>
-            <Button variant="secondary" onClick={() => setIsEditModalOpen(false)}>取消</Button>
+                        <div className="grid grid-cols-4 items-center gap-4">
-            <Button onClick={handleUpdateDomain}>保存</Button>
+                            <Label htmlFor="endDate" className="text-right">
-          </DialogFooter>
+                                到期日期
-        </DialogContent>
+                            </Label>
-      </Dialog>
+                            <Input
-    </>
+                                id="endDate"
-  )
+                                name="endDate"
+                                type="date"
+                                value={editFormData.endDate?.split("T")[0] || ""}
+                                onChange={handleEditFormChange}
+                                className="col-span-3"
+                            />
+                        </div>
+                        <div className="grid grid-cols-4 items-center gap-4">
+                            <Label htmlFor="renewalPrice" className="text-right">
+                                续费价格
+                            </Label>
+                            <Input
+                                id="renewalPrice"
+                                name="renewalPrice"
+                                value={editFormData.renewalPrice || ""}
+                                onChange={handleEditFormChange}
+                                className="col-span-3"
+                            />
+                        </div>
+                        <div className="grid grid-cols-4 items-center gap-4">
+                            <Label htmlFor="notes" className="text-right">
+                                备注
+                            </Label>
+                            <Textarea
+                                id="notes"
+                                name="notes"
+                                value={editFormData.notes || ""}
+                                onChange={handleEditFormChange}
+                                className="col-span-3"
+                            />
+                        </div>
+                    </div>
+                    <DialogFooter>
+                        <Button variant="secondary" onClick={() => setIsEditModalOpen(false)}>
+                            取消
+                        </Button>
+                        <Button onClick={handleUpdateDomain}>保存</Button>
+                    </DialogFooter>
+                </DialogContent>
+            </Dialog>
+        </>
+    )
 }

src/routes/nat.tsx

@@ -106,7 +106,7 @@ export default function NATPage() {
                 return (
                     <ActionButtonGroup
                         className="flex gap-2"
-                        delete={{ fn: deleteNAT, id: s.id, mutate: mutate }}
+                        delete={{ fn: deleteNAT, id: s.id!, mutate: mutate }}
                     >
                         <NATCard mutate={mutate} data={s} />
                     </ActionButtonGroup>
@@ -135,7 +135,7 @@ export default function NATPage() {
                     className="flex ml-auto self-end sm:self-auto gap-2 flex-wrap shrink-0"
                     delete={{
                         fn: deleteNAT,
-                        id: selectedRows.map((r) => r.original.id),
+                        id: selectedRows.map((r) => r.original.id!),
                         mutate: mutate,
                     }}
                 >

src/routes/notification-group.tsx

@@ -97,7 +97,7 @@ export default function NotificationGroupPage() {
                         className="flex gap-2"
                         delete={{
                             fn: deleteNotificationGroups,
-                            id: s.group.id,
+                            id: s.group.id!,
                             mutate: mutate,
                         }}
                     >
@@ -128,7 +128,7 @@ export default function NotificationGroupPage() {
                     className="flex ml-auto self-end sm:self-auto gap-2 flex-wrap shrink-0"
                     delete={{
                         fn: deleteNotificationGroups,
-                        id: selectedRows.map((r) => r.original.group.id),
+                        id: selectedRows.map((r) => r.original.group.id!),
                         mutate: mutate,
                     }}
                 >

src/routes/notification.tsx

@@ -83,7 +83,7 @@ export default function NotificationPage() {
             accessorFn: (row) => {
                 return (
                     notifierGroup
-                        ?.filter((ng) => ng.notifications?.includes(row.id))
+                        ?.filter((ng) => ng.notifications?.includes(row.id!))
                         .map((ng) => ng.group.id) || []
                 )
             },
@@ -112,7 +112,7 @@ export default function NotificationPage() {
                         className="flex gap-2"
                         delete={{
                             fn: deleteNotification,
-                            id: s.id,
+                            id: s.id!,
                             mutate: mutate,
                         }}
                     >
@@ -143,7 +143,7 @@ export default function NotificationPage() {
                     className="flex ml-auto self-end sm:self-auto gap-2 flex-wrap shrink-0"
                     delete={{
                         fn: deleteNotification,
-                        id: selectedRows.map((r) => r.original.id),
+                        id: selectedRows.map((r) => r.original.id!),
                         mutate: mutate,
                     }}
                 >

src/routes/online-user.tsx

@@ -22,7 +22,7 @@ import {
     TableRow,
 } from "@/components/ui/table"
 import { useAuth } from "@/hooks/useAuth"
-import { ModelOnlineUser, ModelOnlineUserApi } from "@/types"
+import { GithubComNezhahqNezhaModelPaginatedResponseArrayModelOnlineUserModelOnlineUser, ModelOnlineUser } from "@/types"
 import { ColumnDef, flexRender, getCoreRowModel, useReactTable } from "@tanstack/react-table"
 import { useEffect, useMemo } from "react"
 import { useTranslation } from "react-i18next"
@@ -40,7 +40,7 @@ export default function OnlineUserPage() {
     // 计算 offset
     const offset = (page - 1) * pageSize
 
-    const { data, mutate, error, isLoading } = useSWR<ModelOnlineUserApi, Error>(
+    const { data, mutate, error, isLoading } = useSWR<GithubComNezhahqNezhaModelPaginatedResponseArrayModelOnlineUserModelOnlineUser, Error>(
         `/api/v1/online-user?offset=${offset}&limit=${pageSize}`,
         swrFetcher,
     )
@@ -94,7 +94,7 @@ export default function OnlineUserPage() {
             accessorFn: (row) => row.connected_at,
             cell: ({ row }) => {
                 const s = row.original
-                const date = new Date(s.connected_at)
+                const date = new Date(s.connected_at!)
                 return <span>{date.toISOString()}</span>
             },
         },
@@ -125,7 +125,7 @@ export default function OnlineUserPage() {
     }
 
     const dataCache = useMemo(() => {
-        return data?.value ?? []
+        return data?.data?.value ?? []
     }, [data])
 
     const table = useReactTable<ModelOnlineUser>({
@@ -137,9 +137,9 @@ export default function OnlineUserPage() {
     const selectedRows = table.getSelectedRowModel().rows
 
     const renderPagination = () => {
-        if (!data?.pagination) return null
+        if (!data?.data?.pagination) return null
 
-        const { total } = data.pagination
+        const { total = 0 } = data.data.pagination
         const totalPages = Math.ceil(total / pageSize)
 
         const handlePageChange = (newPage: number) => {

src/routes/root.tsx

@@ -36,8 +36,10 @@ export default function Root() {
 
     return (
         <ThemeProvider defaultTheme="system" storageKey="vite-ui-theme">
-            <section className="text-sm mx-auto h-full flex flex-col justify-between">
+            <section
-                <div>
+                className="text-sm mx-auto h-full flex flex-col justify-between relative z-10 bg-background"
+            >
+                <div className="flex-1">
                     <Header />
                     <div className="max-w-5xl mx-auto">
                         <Outlet />

src/routes/server-group.tsx

@@ -97,7 +97,7 @@ export default function ServerGroupPage() {
                         className="flex gap-2"
                         delete={{
                             fn: deleteServerGroups,
-                            id: s.group.id,
+                            id: s.group.id!,
                             mutate: mutate,
                         }}
                     >
@@ -128,7 +128,7 @@ export default function ServerGroupPage() {
                     className="flex ml-auto self-end sm:self-auto gap-2 flex-wrap shrink-0"
                     delete={{
                         fn: deleteServerGroups,
-                        id: selectedRows.map((r) => r.original.group.id),
+                        id: selectedRows.map((r) => r.original.group.id!),
                         mutate: mutate,
                     }}
                 >

src/routes/server.tsx

@@ -212,7 +212,9 @@ export default function ServerPage() {
                             })
                         }}
                     />
-                    <BatchMoveServerIcon serverIds={selectedRows.map((r) => r.original.id) as number[]} />
+                    <BatchMoveServerIcon
+                        serverIds={selectedRows.map((r) => r.original.id) as number[]}
+                    />
                     <ServerConfigCardBatch
                         sid={selectedRows.map((r) => r.original.id) as number[]}
                         className="shadow-[inset_0_1px_0_rgba(255,255,255,0.2)] bg-yellow-600 text-white hover:bg-yellow-500 dark:hover:bg-yellow-700 rounded-lg"

src/routes/service.tsx

@@ -152,7 +152,7 @@ export default function ServicePage() {
                 return (
                     <ActionButtonGroup
                         className="flex gap-2"
-                        delete={{ fn: deleteService, id: s.id, mutate: mutate }}
+                        delete={{ fn: deleteService, id: s.id!, mutate: mutate }}
                     >
                         <ServiceCard mutate={mutate} data={s} />
                     </ActionButtonGroup>
@@ -181,7 +181,7 @@ export default function ServicePage() {
                     className="flex gap-2 flex-wrap shrink-0"
                     delete={{
                         fn: deleteService,
-                        id: selectedRows.map((r) => r.original.id),
+                        id: selectedRows.map((r) => r.original.id!),
                         mutate: mutate,
                     }}
                 >

src/routes/settings.tsx

@@ -3,6 +3,7 @@ import { SettingsTab } from "@/components/settings-tab"
 import { Button } from "@/components/ui/button"
 import { Card, CardContent } from "@/components/ui/card"
 import { Checkbox } from "@/components/ui/checkbox"
+import { Combobox } from "@/components/ui/combobox"
 import {
     Form,
     FormControl,
@@ -21,9 +22,8 @@ import {
     SelectValue,
 } from "@/components/ui/select"
 import { Textarea } from "@/components/ui/textarea"
-import { Combobox } from "@/components/ui/combobox"
-import { useNotification } from "@/hooks/useNotfication"
 import { useAuth } from "@/hooks/useAuth"
+import { useNotification } from "@/hooks/useNotfication"
 import useSetting from "@/hooks/useSetting"
 import { asOptionalField } from "@/lib/utils"
 import { nezhaLang, settingCoverageTypes } from "@/types"
@@ -57,6 +57,8 @@ const settingFormSchema = z.object({
     custom_links: asOptionalField(z.string()),
     background_image_day: asOptionalField(z.string()),
     background_image_night: asOptionalField(z.string()),
+    telegram_bot_token: asOptionalField(z.string()),
+    telegram_admin_chat_id: asOptionalField(z.string()),
 })
 
 export default function SettingsPage() {
@@ -151,7 +153,11 @@ export default function SettingsPage() {
                                 <FormItem>
                                     <FormLabel>Expiry Notification Group ID</FormLabel>
                                     <FormControl>
-                                        <Input type="number" placeholder="Enter Group ID" {...field} />
+                                        <Input
+                                            type="number"
+                                            placeholder="Enter Group ID"
+                                            {...field}
+                                        />
                                     </FormControl>
                                     <FormMessage />
                                 </FormItem>
@@ -177,7 +183,10 @@ export default function SettingsPage() {
                                 <FormItem>
                                     <FormLabel>Custom Logo URL</FormLabel>
                                     <FormControl>
-                                        <Input placeholder="https://example.com/logo.png" {...field} />
+                                        <Input
+                                            placeholder="https://example.com/logo.png"
+                                            {...field}
+                                        />
                                     </FormControl>
                                     <FormMessage />
                                 </FormItem>
@@ -203,7 +212,10 @@ export default function SettingsPage() {
                                 <FormItem>
                                     <FormLabel>Custom Links (JSON Array)</FormLabel>
                                     <FormControl>
-                                        <Input placeholder='[{"link":"https://loohui.com/","name":"Blog","blank":false}]' {...field} />
+                                        <Input
+                                            placeholder='[{"link":"https://loohui.com/","name":"Blog","blank":false}]'
+                                            {...field}
+                                        />
                                     </FormControl>
                                     <FormMessage />
                                 </FormItem>
@@ -216,7 +228,10 @@ export default function SettingsPage() {
                                 <FormItem>
                                     <FormLabel>Background Image (Day)</FormLabel>
                                     <FormControl>
-                                        <Input placeholder="https://example.com/day.jpg" {...field} />
+                                        <Input
+                                            placeholder="https://example.com/day.jpg"
+                                            {...field}
+                                        />
                                     </FormControl>
                                     <FormMessage />
                                 </FormItem>
@@ -229,7 +244,36 @@ export default function SettingsPage() {
                                 <FormItem>
                                     <FormLabel>Background Image (Night)</FormLabel>
                                     <FormControl>
-                                        <Input placeholder="https://example.com/night.jpg" {...field} />
+                                        <Input
+                                            placeholder="https://example.com/night.jpg"
+                                            {...field}
+                                        />
+                                    </FormControl>
+                                    <FormMessage />
+                                </FormItem>
+                            )}
+                        />
+                        <FormField
+                            control={form.control}
+                            name="telegram_bot_token"
+                            render={({ field }) => (
+                                <FormItem>
+                                    <FormLabel>Telegram Bot Token</FormLabel>
+                                    <FormControl>
+                                        <Input placeholder="123456789:ABCDEF..." {...field} value={field.value as string || ""} />
+                                    </FormControl>
+                                    <FormMessage />
+                                </FormItem>
+                            )}
+                        />
+                        <FormField
+                            control={form.control}
+                            name="telegram_admin_chat_id"
+                            render={({ field }) => (
+                                <FormItem>
+                                    <FormLabel>Telegram Admin Chat ID</FormLabel>
+                                    <FormControl>
+                                        <Input placeholder="12345678" {...field} value={field.value as string || ""} />
                                     </FormControl>
                                     <FormMessage />
                                 </FormItem>

src/routes/user.tsx

@@ -90,7 +90,7 @@ export default function UserPage() {
                         className="flex gap-2"
                         delete={{
                             fn: deleteUser,
-                            id: s.id,
+                            id: s.id!,
                             mutate: mutate,
                         }}
                     >
@@ -121,7 +121,7 @@ export default function UserPage() {
                     className="flex-2 flex gap-2 ml-auto"
                     delete={{
                         fn: deleteUser,
-                        id: selectedRows.map((r) => r.original.id),
+                        id: selectedRows.map((r) => r.original.id!),
                         mutate: mutate,
                     }}
                 >

src/routes/waf.tsx

@@ -98,13 +98,13 @@ export default function WAFPage() {
             header: t("LastBlockReason"),
             accessorKey: "lastBlockReason",
             accessorFn: (row) => row.block_reason,
-            cell: ({ row }) => <span>{wafBlockReasons[row.original.block_reason] || ""}</span>,
+            cell: ({ row }) => <span>{wafBlockReasons[row.original.block_reason!] || ""}</span>,
         },
         {
             header: t("BlockIdentifier"),
             accessorKey: "BlockIdentifier",
             accessorFn: (row) => {
-                return wafBlockIdentifiers[row.block_identifier] || row.block_identifier
+                return wafBlockIdentifiers[row.block_identifier!] || row.block_identifier
             },
         },
         {
@@ -158,7 +158,7 @@ export default function WAFPage() {
     const renderPagination = () => {
         if (!data?.pagination) return null
 
-        const { total } = data.pagination
+        const { total = 0 } = data.pagination
         const totalPages = Math.ceil(total / pageSize)
 
         const handlePageChange = (newPage: number) => {

src/types/domain.ts

@@ -0,0 +1,20 @@
+export interface BillingDataMod {
+    registrar?: string;
+    registeredDate?: string;
+    endDate?: string;
+    renewalPrice?: string;
+    autoRenewal?: string;
+    notes?: string;
+    cycle?: string;
+    amount?: string;
+}
+
+export interface Domain {
+    ID: number;
+    Domain: string;
+    Status: string;
+    VerifyToken: string;
+    IsPublic: boolean;
+    BillingData: BillingDataMod | null;
+    expires_in_days?: number;
+}

test_json.go

@@ -0,0 +1,25 @@
+package main
+
+import (
+	"encoding/json"
+	"fmt"
+	"strings"
+)
+
+type Config struct {
+	IPReportPeriod int `json:"ip_report_period"`
+}
+
+func main() {
+	jsonData := `{"ip_report_period":30, "unknown_field": 123}`
+	var c Config
+	
+	dec := json.NewDecoder(strings.NewReader(jsonData))
+	dec.DisallowUnknownFields()
+	err := dec.Decode(&c)
+	if err != nil {
+		fmt.Println("Error:", err)
+	} else {
+		fmt.Println("Success")
+	}
+}