Add managed databases and services with billing-aligned upgrades.

Introduce product types for managed PostgreSQL, Redis, and RabbitMQ with a dedicated dashboard, Helm-only deploy pipeline, external access, snapshots with progress, and prorated resource or storage upgrades matching application billing rules. PVCs use an expandable StorageClass with automatic migration when legacy disks cannot resize in place.

Co-authored-by: Cursor <cursoragent@cursor.com>

frontend/src/components/deployment-progress-manager.tsx

@@ -8,6 +8,7 @@ import type { Application } from '@/types';
 import { useAuthStore } from '@/lib/store';
 import { useDeployProgressStore } from '@/lib/deploy-progress-store';
 import { getAppsInProgress, isActiveBuildProgress } from '@/lib/deployment-progress';
+import { filterApplications, filterManagedServices } from '@/lib/product-type';
 import { BuildProgressModal, type BuildProgress } from '@/components/build-progress-modal';
 import { DeploymentProgressBar } from '@/components/deployment-progress-bar';
 
@@ -16,17 +17,29 @@ export function DeploymentProgressManager() {
   const pathname = usePathname();
   const { minimized, focusedAppId, minimize, expand } = useDeployProgressStore();
 
-  const { data: apps = [] } = useQuery<Application[]>({
-    queryKey: ['applications'],
-    queryFn: () => api.get('/applications').then((r) => r.data),
+  const refetchWhileDeploying = (list: Application[] | undefined) =>
+    getAppsInProgress(list ?? []).length > 0 ? 3000 : false;
+
+  const { data: appsList = [] } = useQuery<Application[]>({
+    queryKey: ['applications', 'application'],
+    queryFn: () => api.get('/applications', { params: { productType: 'application' } }).then((r) => r.data),
     enabled: isAuthenticated,
-    refetchInterval: (query) => {
-      const list = query.state.data ?? [];
-      return getAppsInProgress(list).length > 0 ? 3000 : false;
-    },
+    refetchInterval: (query) => refetchWhileDeploying(query.state.data),
   });
 
-  const deployingApps = useMemo(() => getAppsInProgress(apps), [apps]);
+  const { data: servicesList = [] } = useQuery<Application[]>({
+    queryKey: ['applications', 'managed'],
+    queryFn: () => api.get('/applications', { params: { productType: 'managed' } }).then((r) => r.data),
+    enabled: isAuthenticated,
+    refetchInterval: (query) => refetchWhileDeploying(query.state.data),
+  });
+
+  const allResources = useMemo(
+    () => [...filterApplications(appsList), ...filterManagedServices(servicesList)],
+    [appsList, servicesList],
+  );
+
+  const deployingApps = useMemo(() => getAppsInProgress(allResources), [allResources]);
 
   const progressQueries = useQueries({
     queries: deployingApps.map((app) => ({
@@ -48,7 +61,9 @@ export function DeploymentProgressManager() {
       .filter(({ progress }) => isActiveBuildProgress(progress));
   }, [deployingApps, progressQueries]);
 
-  const routeAppId = pathname.match(/\/dashboard\/apps\/([^/]+)/)?.[1];
+  const routeAppId =
+    pathname.match(/\/dashboard\/apps\/([^/]+)/)?.[1] ??
+    pathname.match(/\/dashboard\/services\/([^/]+)/)?.[1];
 
   useEffect(() => {
     if (activeItems.length === 0) {