feat:Update pnpm-lock.yaml to link shared package; modify API routes to utilize new schemas for domain and service management; enhance DNS record handling with CNAME support; refactor service and subdomain routes for improved functionality; implement confirm dialog for domain deletion in the frontend; clean up unused components and improve UI consistency.

apps/web/src/routes/_auth/domains/index.tsx

@@ -6,17 +6,16 @@ import { zodResolver } from '@hookform/resolvers/zod'
 import { toast } from 'sonner'
 import { api } from '@/lib/api-client'
 import { createDomainSchema, type CreateDomainInput } from '@/lib/schemas'
-import { buildIpsByDomainId } from '@/lib/domain-ips'
 import {
   domainKeys,
   domainsListQueryOptions,
   groupsQueryOptions,
-  serviceBindingsQueryOptions,
+  serviceBindingKeys,
 } from '@/queries'
 import { PageHeader } from '@/components/page-header'
 import { PageShell } from '@/components/page-shell'
 import { DataTableCard } from '@/components/data-table-card'
-import { DomainsDataTable } from '@/components/domains-data-table'
+import { DomainsDataTable, type DomainTableRow } from '@/components/domains-data-table'
 import { Button } from '@cfdm/ui/components/button'
 import { Input } from '@cfdm/ui/components/input'
 import {
@@ -46,7 +45,6 @@ export const Route = createFileRoute('/_auth/domains/')({
     Promise.all([
       queryClient.ensureQueryData(domainsListQueryOptions()),
       queryClient.ensureQueryData(groupsQueryOptions()),
-      queryClient.ensureQueryData(serviceBindingsQueryOptions()),
     ]),
   component: DomainsPage,
 })
@@ -60,12 +58,6 @@ function DomainsPage() {
   const queryClient = useQueryClient()
   const { data: domains } = useQuery(domainsListQueryOptions(listGroupId))
   const { data: groups } = useQuery(groupsQueryOptions())
-  const { data: bindings } = useQuery(serviceBindingsQueryOptions())
-
-  const ipsByDomainId = useMemo(
-    () => buildIpsByDomainId(bindings ?? []),
-    [bindings],
-  )
 
   const groupItems = useMemo(
     () => [
@@ -94,6 +86,22 @@ function DomainsPage() {
     },
   })
 
+  const deleteMutation = useMutation({
+    mutationFn: (id: number) => api.delete(`/api/v1/domains/${id}`),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: domainKeys.all })
+      queryClient.invalidateQueries({ queryKey: serviceBindingKeys.all })
+      toast.success('Зона удалена')
+    },
+    onError: (err) => {
+      toast.error(err instanceof Error ? err.message : 'Не удалось удалить зону')
+    },
+  })
+
+  function handleDeleteDomain(domain: DomainTableRow) {
+    deleteMutation.mutate(domain.id)
+  }
+
   const handleCreate = form.handleSubmit((values) => {
     createMutation.mutate({
       zone_name: values.zone_name.trim(),
@@ -123,22 +131,18 @@ function DomainsPage() {
   }, [domains, filterGroupId])
 
   const tableData = useMemo(
-    () =>
-      filteredDomains.map((domain) => ({
-        ...domain,
-        ips: ipsByDomainId.get(domain.id) ?? [],
-      })),
-    [filteredDomains, ipsByDomainId],
+    () => filteredDomains as DomainTableRow[],
+    [filteredDomains],
   )
 
   return (
     <PageShell>
       <PageHeader
         title="Домены"
-        description={`${tableData.length} зон · ${tableData.filter((d) => d.ips.length > 0).length} с IP · ${tableData.reduce((sum, d) => sum + d.service_count, 0)} привязок сервисов`}
+        description={`${tableData.length} зон · ${tableData.reduce((sum, d) => sum + d.service_count, 0)} привязок сервисов`}
         actions={
           <>
-            <Button variant="outline" render={<Link to="/groups" />}>
+            <Button variant="outline" nativeButton={false} render={<Link to="/groups" />}>
               Канбан групп
             </Button>
             <Button onClick={() => setSheetOpen(true)}>Импортировать домен</Button>
@@ -155,6 +159,8 @@ function DomainsPage() {
           groupFilterItems={groupItems}
           groupFilterValue={filterGroupId || 'all'}
           onGroupFilterChange={handleFilterGroupChange}
+          onDelete={handleDeleteDomain}
+          isDeleting={deleteMutation.isPending}
         />
       </DataTableCard>