frontend allow Alerter configure StackStateChanged, include Stacks and Repos in whitelist

frontend/src/components/resources/alerter/config/alert_types.tsx

@@ -10,14 +10,19 @@ import {
 import { MinusCircle } from "lucide-react";
 
 const ALERT_TYPES: Types.AlertData["type"][] = [
+  // Server
   "ServerUnreachable",
   "ServerCpu",
   "ServerMem",
   "ServerDisk",
+  // State change
   "ContainerStateChange",
+  "StackStateChange",
+  // Misc
+  "AwsBuilderTerminationFailed",
   "ResourceSyncPendingUpdates",
   "BuildFailed",
-  "AwsBuilderTerminationFailed",
+  "RepoBuildFailed",
 ];
 
 export const AlertTypeConfig = ({

frontend/src/components/resources/alerter/config/resources.tsx

@@ -32,8 +32,10 @@ export const ResourcesConfig = ({
   const [open, setOpen] = useState(false);
   const [search, setSearch] = useState("");
   const servers = useRead("ListServers", {}).data ?? [];
+  const stacks = useRead("ListStacks", {}).data ?? [];
   const deployments = useRead("ListDeployments", {}).data ?? [];
   const builds = useRead("ListBuilds", {}).data ?? [];
+  const repos = useRead("ListRepos", {}).data ?? [];
   const syncs = useRead("ListResourceSyncs", {}).data ?? [];
   const all_resources = [
     ...servers.map((server) => {
@@ -48,6 +50,16 @@ export const ResourcesConfig = ({
           : false,
       };
     }),
+    ...stacks.map((stack) => {
+      return {
+        type: "Stack",
+        id: stack.id,
+        name: stack.name.toLowerCase(),
+        enabled: resources.find((r) => r.type === "Stack" && r.id === stack.id)
+          ? true
+          : false,
+      };
+    }),
     ...deployments.map((deployment) => ({
       type: "Deployment",
       id: deployment.id,
@@ -66,6 +78,14 @@ export const ResourcesConfig = ({
         ? true
         : false,
     })),
+    ...repos.map((repo) => ({
+      type: "Repo",
+      id: repo.id,
+      name: repo.name.toLowerCase(),
+      enabled: resources.find((r) => r.type === "Repo" && r.id === repo.id)
+        ? true
+        : false,
+    })),
     ...syncs.map((sync) => ({
       type: "ResourceSync",
       id: sync.id,