Enhance service management by adding service groups functionality; introduce new schemas for service groups and views; update API routes and handlers for service groups; implement service group creation and update logic; refactor service queries to support grouping; add new dependencies in pnpm-lock.yaml for improved UI components.

apps/web/src/queries/index.ts

@@ -8,7 +8,8 @@ import {
   groupSchema,
   groupWithStatsSchema,
   serviceBindingSchema,
-  serviceSchema,
+  serviceGroupsResponseSchema,
+  serviceViewSchema,
 } from '@/lib/schemas'
 import { subdomainSchema } from '@/lib/schemas-ext'
 import { z } from 'zod'
@@ -40,12 +41,25 @@ export const serviceKeys = {
   all: ['services'] as const,
 }
 
+export const serviceGroupKeys = {
+  all: ['service-groups'] as const,
+}
+
+export const serviceGroupsQueryOptions = () =>
+  queryOptions({
+    queryKey: serviceGroupKeys.all,
+    queryFn: async () => {
+      const data = await api.get<unknown>('/api/v1/service-groups')
+      return serviceGroupsResponseSchema.parse(data)
+    },
+  })
+
 export const servicesQueryOptions = () =>
   queryOptions({
     queryKey: serviceKeys.all,
     queryFn: async () => {
       const data = await api.get<unknown[]>('/api/v1/services')
-      return z.array(serviceSchema).parse(data)
+      return z.array(serviceViewSchema).parse(data)
     },
   })