Update pnpm-lock.yaml to include new dependencies for @dnd-kit packages; enhance frontend documentation with MCP patterns and shadcn guidelines; refactor route handling for groups and services; implement new DataTableCard and KanbanBoard components for better domain and service management; add service binding functionality and improve DNS record management with new schemas and queries.

apps/web/src/queries/index.ts

@@ -1,11 +1,21 @@
 import { queryOptions } from '@tanstack/react-query'
 import { api } from '@/lib/api-client'
-import { certificateSchema, dnsRecordSchema, domainSchema, groupSchema, serviceSchema } from '@/lib/schemas'
+import {
+  certificateSchema,
+  dnsRecordSchema,
+  domainListItemSchema,
+  domainSchema,
+  groupSchema,
+  groupWithStatsSchema,
+  serviceBindingSchema,
+  serviceSchema,
+} from '@/lib/schemas'
 import { subdomainSchema } from '@/lib/schemas-ext'
 import { z } from 'zod'
 
 export const groupKeys = {
   all: ['groups'] as const,
+  detail: (id: number) => [...groupKeys.all, 'detail', id] as const,
 }
 
 export const groupsQueryOptions = () =>
@@ -17,6 +27,15 @@ export const groupsQueryOptions = () =>
     },
   })
 
+export const groupDetailQueryOptions = (id: number) =>
+  queryOptions({
+    queryKey: groupKeys.detail(id),
+    queryFn: async () => {
+      const data = await api.get<unknown>(`/api/v1/groups/${id}`)
+      return groupWithStatsSchema.parse(data)
+    },
+  })
+
 export const serviceKeys = {
   all: ['services'] as const,
 }
@@ -30,6 +49,29 @@ export const servicesQueryOptions = () =>
     },
   })
 
+export const serviceBindingKeys = {
+  all: ['service-bindings'] as const,
+  byDomain: (domainId: number) => [...serviceBindingKeys.all, 'domain', domainId] as const,
+}
+
+export const serviceBindingsQueryOptions = () =>
+  queryOptions({
+    queryKey: serviceBindingKeys.all,
+    queryFn: async () => {
+      const data = await api.get<unknown[]>('/api/v1/service-bindings')
+      return z.array(serviceBindingSchema).parse(data)
+    },
+  })
+
+export const domainServiceBindingsQueryOptions = (domainId: number) =>
+  queryOptions({
+    queryKey: serviceBindingKeys.byDomain(domainId),
+    queryFn: async () => {
+      const data = await api.get<unknown[]>(`/api/v1/domains/${domainId}/service-bindings`)
+      return z.array(serviceBindingSchema).parse(data)
+    },
+  })
+
 export const domainKeys = {
   all: ['domains'] as const,
   list: (groupId?: number) => [...domainKeys.all, 'list', groupId] as const,
@@ -42,7 +84,7 @@ export const domainsListQueryOptions = (groupId?: number) =>
     queryFn: async () => {
       const qs = groupId ? `?group_id=${groupId}` : ''
       const data = await api.get<unknown[]>(`/api/v1/domains${qs}`)
-      return z.array(domainSchema).parse(data)
+      return z.array(domainListItemSchema).parse(data)
     },
   })