feat(blueprints): add Blueprint-specific service settings

apps/console/src/routes/_authenticated/organization/$organizationId/project/$projectId/environment/$environmentId/service/$serviceId/settings/blueprint-configuration.tsx

@@ -0,0 +1,39 @@
+import { Navigate, createFileRoute } from '@tanstack/react-router'
+import { useOrganization } from '@qovery/domains/organizations/feature'
+import { BlueprintGeneralSettings } from '@qovery/domains/service-settings/feature'
+import { isBlueprintService } from '@qovery/domains/services/data-access'
+import { useService } from '@qovery/domains/services/feature'
+import { useDocumentTitle } from '@qovery/shared/util-hooks'
+
+export const Route = createFileRoute(
+  '/_authenticated/organization/$organizationId/project/$projectId/environment/$environmentId/service/$serviceId/settings/blueprint-configuration'
+)({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  const { organizationId, projectId, environmentId, serviceId } = Route.useParams()
+  const { data: organization } = useOrganization({ organizationId, suspense: true })
+  const { data: service } = useService({ environmentId, serviceId, suspense: true })
+  useDocumentTitle('Blueprint configuration - Service settings')
+
+  if (!service) {
+    return null
+  }
+
+  if (!isBlueprintService(service)) {
+    return (
+      <Navigate
+        to="/organization/$organizationId/project/$projectId/environment/$environmentId/service/$serviceId/overview"
+        params={{ organizationId, projectId, environmentId, serviceId }}
+        replace
+      />
+    )
+  }
+
+  if (!organization) {
+    return null
+  }
+
+  return <BlueprintGeneralSettings service={service} environmentId={environmentId} organizationId={organization.id} />
+}

apps/console/src/routes/_authenticated/organization/$organizationId/project/$projectId/environment/$environmentId/service/$serviceId/update/blueprint/route.tsx

@@ -23,6 +23,12 @@ function RouteComponent() {
       params: { organizationId, projectId, environmentId, serviceId },
     })
   }, [environmentId, navigate, organizationId, projectId, serviceId])
+  const navigateToBlueprintSettings = useCallback(() => {
+    navigate({
+      to: '/organization/$organizationId/project/$projectId/environment/$environmentId/service/$serviceId/settings/blueprint-configuration',
+      params: { organizationId, projectId, environmentId, serviceId },
+    })
+  }, [environmentId, navigate, organizationId, projectId, serviceId])
 
   useEffect(() => {
     if (service && !blueprintId) navigateToOverview()
@@ -37,7 +43,7 @@ function RouteComponent() {
       currentStep={currentStep}
       environmentId={environmentId}
       service={service}
-      onExit={navigateToOverview}
+      onExit={navigateToBlueprintSettings}
     >
       <Outlet />
     </BlueprintUpdateFlow>

apps/console/src/routes/_authenticated/organization/$organizationId/project/$projectId/environment/$environmentId/service/$serviceId/variables/route.tsx

@@ -3,7 +3,7 @@ import { Outlet, createFileRoute, useMatchRoute, useNavigate } from '@tanstack/r
 import { useFeatureFlagEnabled } from 'posthog-js/react'
 import { Suspense, useEffect } from 'react'
 import { isAgenticWorkflow } from '@qovery/domains/services/data-access'
-import { useService } from '@qovery/domains/services/feature'
+import { hasTerraformVariablesTab, useService } from '@qovery/domains/services/feature'
 import { Badge, Heading, Icon, LoaderSpinner, Navbar, Section } from '@qovery/shared/ui'
 
 export const Route = createFileRoute(
@@ -82,7 +82,8 @@ function RouteComponent() {
 
   if (shouldRedirect) return null
 
-  const serviceTabs = service?.serviceType === 'TERRAFORM' ? [...tabs, terraformTab] : tabs
+  const hasTerraformVariables = hasTerraformVariablesTab(service)
+  const serviceTabs = hasTerraformVariables ? [...tabs, terraformTab] : tabs
   const activeTabId = serviceTabs.find((tab) => matchRoute({ to: tab.routeId }))?.id
 
   return (
@@ -105,7 +106,7 @@ function RouteComponent() {
                     <TabLabel label={tab.label} isNew={tab.id === 'external-secrets'} />
                   </Navbar.Item>
                 ))}
-                {service?.serviceType === 'TERRAFORM' && (
+                {hasTerraformVariables && (
                   <>
                     <div aria-hidden className="mx-4 h-5 border-l border-neutral" />
                     <Navbar.Item id={terraformTab.id} to={terraformTab.routeId}>

apps/console/src/routes/_authenticated/organization/$organizationId/project/$projectId/environment/$environmentId/service/$serviceId/variables/terraform.tsx

@@ -7,7 +7,7 @@ import {
   TerraformVariablesTable,
   useTerraformVariablesContext,
 } from '@qovery/domains/service-terraform/feature'
-import { type Terraform } from '@qovery/domains/services/data-access'
+import { type Terraform, isBlueprintService } from '@qovery/domains/services/data-access'
 import { type TerraformGeneralData, useEditService, useService } from '@qovery/domains/services/feature'
 import { Button, LoaderSpinner } from '@qovery/shared/ui'
 import { useDocumentTitle } from '@qovery/shared/util-hooks'
@@ -87,7 +87,7 @@ function RouteComponent() {
   const { data: service } = useService({ environmentId, serviceId, suspense: true })
   useDocumentTitle('Terraform variables - Service')
 
-  if (service?.serviceType !== 'TERRAFORM') {
+  if (!service || isBlueprintService(service) || service.serviceType !== 'TERRAFORM') {
     return null
   }
 

libs/domains/service-settings/feature/src/index.ts

@@ -1,4 +1,5 @@
 export * from './lib/service-general-settings/service-general-settings'
+export * from './lib/service-general-settings/blueprint-general-settings/blueprint-general-settings'
 export * from './lib/service-resources-settings/service-resources-settings'
 export * from './lib/service-settings-layout/service-settings-layout'
 export * from './lib/service-danger-zone-settings/service-danger-zone-settings'