@orange-soft/strapi-deployment-trigger 1.1.0 → 1.2.0

package/dist/_chunks/{App-vakyp6FE.mjs → App-k07qAAvE.mjs}

@@ -1,21 +1,26 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useFetchClient, Layouts, BackButton, Page } from "@strapi/strapi/admin";
-import { Link, Routes, Route } from "react-router-dom";
+import { useLocation, Link, useNavigate, Routes, Route } from "react-router-dom";
 import { useState, useEffect } from "react";
 import { useIntl } from "react-intl";
-import { Flex, Loader, Button, Box, Alert, Typography, Table, Thead, Tr, Th, Tbody, Td, Field, Grid, IconButton, Dialog } from "@strapi/design-system";
+import { Flex, Loader, Button, Box, Alert, Typography, Table, Thead, Tr, Th, Tbody, Td, Field, Grid, SingleSelect, SingleSelectOption, Dialog } from "@strapi/design-system";
 import { Cog, Rocket, Check, Plus, Pencil, Trash } from "@strapi/icons";
-import { P as PLUGIN_ID } from "./index-CZWWYGR3.mjs";
+import { P as PLUGIN_ID } from "./index-BwZtnn__.mjs";
 const getTranslation = (id) => `${PLUGIN_ID}.${id}`;
 const HomePage = () => {
   const { formatMessage } = useIntl();
   const { get, post } = useFetchClient();
+  const location = useLocation();
   const [status, setStatus] = useState(null);
   const [loading, setLoading] = useState(true);
   const [deployingTargetId, setDeployingTargetId] = useState(null);
   const [notification, setNotification] = useState(null);
   useEffect(() => {
     fetchStatus();
+    if (location.state?.notification) {
+      setNotification(location.state.notification);
+      window.history.replaceState({}, document.title);
+    }
   }, []);
   const fetchStatus = async () => {
     try {
@@ -60,9 +65,18 @@ const HomePage = () => {
   }
   const settings = status?.settings || {};
   const parsed = status?.parsed || {};
-  const isConfigured = status?.configured;
+  status?.configured;
   const hasToken = status?.hasToken;
   const targets = settings.targets || [];
+  const hasGitHubTargets = targets.some((t) => (t.type || "github") === "github");
+  targets.some((t) => t.type === "vercel");
+  const canTrigger = (target) => {
+    const targetType = target.type || "github";
+    if (targetType === "github") {
+      return hasToken && parsed.owner && parsed.repo;
+    }
+    return !!target.webhookUrl;
+  };
   return /* @__PURE__ */ jsxs(Layouts.Root, { children: [
     /* @__PURE__ */ jsx(
       Layouts.Header,
@@ -98,8 +112,8 @@ const HomePage = () => {
           ] })
         }
       ) }),
-      !hasToken && /* @__PURE__ */ jsx(Box, { paddingBottom: 4, children: /* @__PURE__ */ jsx(Alert, { title: "Token Missing", variant: "danger", children: "GitHub Personal Access Token is not configured. Please add it in Settings." }) }),
-      !settings.repoUrl && /* @__PURE__ */ jsx(Box, { paddingBottom: 4, children: /* @__PURE__ */ jsx(Alert, { title: "Configuration Required", variant: "warning", children: "Please configure your GitHub repository in the Settings page before triggering deployments." }) }),
+      hasGitHubTargets && !hasToken && /* @__PURE__ */ jsx(Box, { paddingBottom: 4, children: /* @__PURE__ */ jsx(Alert, { title: "Token Missing", variant: "danger", children: "GitHub Personal Access Token is not configured. Please add it in Settings." }) }),
+      hasGitHubTargets && !settings.repoUrl && /* @__PURE__ */ jsx(Box, { paddingBottom: 4, children: /* @__PURE__ */ jsx(Alert, { title: "Configuration Required", variant: "warning", children: "Please configure your GitHub repository in the Settings page before triggering deployments." }) }),
       /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
         /* @__PURE__ */ jsx(
           Box,
@@ -152,27 +166,34 @@ const HomePage = () => {
               /* @__PURE__ */ jsx(Typography, { variant: "delta", tag: "h2", children: "Deployment Targets" }),
               targets.length > 0 ? /* @__PURE__ */ jsxs(Table, { children: [
                 /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+                  /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Type" }) }),
                   /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Name" }) }),
-                  /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Workflow" }) }),
-                  /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Branch" }) }),
+                  /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Details" }) }),
                   /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Action" }) })
                 ] }) }),
-                /* @__PURE__ */ jsx(Tbody, { children: targets.map((target) => /* @__PURE__ */ jsxs(Tr, { children: [
-                  /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", children: target.name }) }),
-                  /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: target.workflow }) }),
-                  /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: target.branch }) }),
-                  /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      onClick: () => handleDeploy(target.id, target.name),
-                      loading: deployingTargetId === target.id,
-                      disabled: !isConfigured || deployingTargetId !== null,
-                      startIcon: /* @__PURE__ */ jsx(Rocket, {}),
-                      size: "S",
-                      children: deployingTargetId === target.id ? "Triggering..." : "Trigger"
-                    }
-                  ) })
-                ] }, target.id)) })
+                /* @__PURE__ */ jsx(Tbody, { children: targets.map((target) => {
+                  const targetType = target.type || "github";
+                  return /* @__PURE__ */ jsxs(Tr, { children: [
+                    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", textColor: targetType === "github" ? "neutral800" : "secondary600", children: targetType === "github" ? "GitHub" : "Vercel" }) }),
+                    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", children: target.name }) }),
+                    /* @__PURE__ */ jsx(Td, { children: targetType === "github" ? /* @__PURE__ */ jsxs(Typography, { variant: "omega", textColor: "neutral600", children: [
+                      target.workflow,
+                      " / ",
+                      target.branch
+                    ] }) : /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", children: "Webhook" }) }),
+                    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        onClick: () => handleDeploy(target.id, target.name),
+                        loading: deployingTargetId === target.id,
+                        disabled: !canTrigger(target) || deployingTargetId !== null,
+                        startIcon: /* @__PURE__ */ jsx(Rocket, {}),
+                        size: "S",
+                        children: deployingTargetId === target.id ? "Triggering..." : "Trigger"
+                      }
+                    ) })
+                  ] }, target.id);
+                }) })
               ] }) : /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "center", justifyContent: "center", gap: 3, padding: 6, children: [
                 /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", textAlign: "center", children: "No deployment targets configured" }),
                 /* @__PURE__ */ jsx(Link, { to: `/plugins/${PLUGIN_ID}/settings`, children: /* @__PURE__ */ jsx(Button, { variant: "default", startIcon: /* @__PURE__ */ jsx(Cog, {}), children: "Add Targets in Settings" }) })
@@ -180,7 +201,7 @@ const HomePage = () => {
             ] })
           }
         ),
-        !isConfigured && targets.length > 0 && /* @__PURE__ */ jsx(
+        hasGitHubTargets && (!hasToken || !parsed.owner || !parsed.repo) && /* @__PURE__ */ jsx(
           Box,
           {
             background: "neutral0",
@@ -191,8 +212,8 @@ const HomePage = () => {
             paddingLeft: 7,
             paddingRight: 7,
             children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "center", justifyContent: "center", gap: 3, children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "beta", textColor: "neutral600", textAlign: "center", children: "Setup Incomplete" }),
-              /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", textAlign: "center", children: "Please ensure repository URL and GitHub token are configured in Settings." }),
+              /* @__PURE__ */ jsx(Typography, { variant: "beta", textColor: "neutral600", textAlign: "center", children: "GitHub Setup Incomplete" }),
+              /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", textAlign: "center", children: "Please ensure repository URL and GitHub token are configured in Settings for GitHub targets." }),
               /* @__PURE__ */ jsx(Box, { paddingTop: 2, children: /* @__PURE__ */ jsx(Link, { to: `/plugins/${PLUGIN_ID}/settings`, children: /* @__PURE__ */ jsx(Button, { variant: "default", startIcon: /* @__PURE__ */ jsx(Cog, {}), children: "Go to Settings" }) }) })
             ] })
           }
@@ -204,6 +225,7 @@ const HomePage = () => {
 const TOKEN_PATTERN = /^github_pat_[a-zA-Z0-9_]+$/;
 const REPO_URL_PATTERN = /^https:\/\/github\.com\/[a-zA-Z0-9_.-]+\/[a-zA-Z0-9_.-]+\/?$/;
 const WORKFLOW_PATTERN = /^[a-zA-Z0-9_.-]+\.ya?ml$/;
+const VERCEL_WEBHOOK_PATTERN = /^https:\/\/api\.vercel\.com\/v1\/integrations\/deploy\/.+$/;
 const validateToken = (value) => {
   if (!value) return null;
   if (!TOKEN_PATTERN.test(value)) {
@@ -225,7 +247,15 @@ const validateWorkflow = (value) => {
   }
   return null;
 };
+const validateVercelWebhook = (value) => {
+  if (!value) return "Webhook URL is required";
+  if (!VERCEL_WEBHOOK_PATTERN.test(value)) {
+    return "Must be a valid Vercel deploy hook URL (https://api.vercel.com/v1/integrations/deploy/...)";
+  }
+  return null;
+};
 const SettingsPage = () => {
+  const navigate = useNavigate();
   const { get, put, post, del } = useFetchClient();
   const [settings, setSettings] = useState({
     githubToken: "",
@@ -239,7 +269,7 @@ const SettingsPage = () => {
   const [saving, setSaving] = useState(false);
   const [notification, setNotification] = useState(null);
   const [editingTarget, setEditingTarget] = useState(null);
-  const [targetForm, setTargetForm] = useState({ name: "", workflow: "", branch: "" });
+  const [targetForm, setTargetForm] = useState({ type: "github", name: "", workflow: "", branch: "", webhookUrl: "" });
   const [targetErrors, setTargetErrors] = useState({});
   const [showAddForm, setShowAddForm] = useState(false);
   const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
@@ -286,17 +316,14 @@ const SettingsPage = () => {
         dataToSave.githubToken = settings.githubToken;
       }
       const { data } = await put(`/${PLUGIN_ID}/settings`, { data: dataToSave });
-      if (settings.githubToken) {
-        setHasExistingToken(true);
-        setMaskedToken(data.data?.maskedToken);
-      }
-      setSettings((prev) => ({ ...prev, githubToken: "" }));
-      setNotification({ type: "success", message: "Settings saved successfully" });
+      navigate(`/plugins/${PLUGIN_ID}`, {
+        state: { notification: { type: "success", message: "Settings saved successfully" } }
+      });
     } catch (error) {
       console.error("Error saving settings:", error);
       setNotification({ type: "danger", message: "Failed to save settings" });
+      setSaving(false);
     }
-    setSaving(false);
   };
   const handleChange = (field) => (e) => {
     const value = e.target.value;
@@ -306,7 +333,7 @@ const SettingsPage = () => {
     }
   };
   const resetTargetForm = () => {
-    setTargetForm({ name: "", workflow: "deploy.yml", branch: "master" });
+    setTargetForm({ type: "github", name: "", workflow: "deploy.yml", branch: "master", webhookUrl: "" });
     setTargetErrors({});
     setEditingTarget(null);
     setShowAddForm(false);
@@ -314,9 +341,14 @@ const SettingsPage = () => {
   const validateTargetForm = () => {
     const newErrors = {};
     if (!targetForm.name.trim()) newErrors.name = "Name is required";
-    const workflowError = validateWorkflow(targetForm.workflow);
-    if (workflowError) newErrors.workflow = workflowError;
-    if (!targetForm.branch.trim()) newErrors.branch = "Branch is required";
+    if (targetForm.type === "github") {
+      const workflowError = validateWorkflow(targetForm.workflow);
+      if (workflowError) newErrors.workflow = workflowError;
+      if (!targetForm.branch.trim()) newErrors.branch = "Branch is required";
+    } else if (targetForm.type === "vercel") {
+      const webhookError = validateVercelWebhook(targetForm.webhookUrl);
+      if (webhookError) newErrors.webhookUrl = webhookError;
+    }
     setTargetErrors(newErrors);
     return Object.keys(newErrors).length === 0;
   };
@@ -337,7 +369,13 @@ const SettingsPage = () => {
   };
   const handleEditTarget = (target) => {
     setEditingTarget(target.id);
-    setTargetForm({ name: target.name, workflow: target.workflow, branch: target.branch });
+    setTargetForm({
+      type: target.type || "github",
+      name: target.name,
+      workflow: target.workflow || "deploy.yml",
+      branch: target.branch || "master",
+      webhookUrl: target.webhookUrl || ""
+    });
     setShowAddForm(false);
   };
   const handleUpdateTarget = async () => {
@@ -479,7 +517,7 @@ const SettingsPage = () => {
                     startIcon: /* @__PURE__ */ jsx(Plus, {}),
                     onClick: () => {
                       setShowAddForm(true);
-                      setTargetForm({ name: "", workflow: "deploy.yml", branch: "master" });
+                      setTargetForm({ type: "github", name: "", workflow: "deploy.yml", branch: "master", webhookUrl: "" });
                     },
                     size: "S",
                     children: "Add Target"
@@ -495,7 +533,21 @@ const SettingsPage = () => {
                   children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 4, children: [
                     /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", children: editingTarget ? "Edit Target" : "Add New Target" }),
                     /* @__PURE__ */ jsxs(Grid.Root, { gap: 4, children: [
-                      /* @__PURE__ */ jsx(Grid.Item, { col: 4, s: 12, children: /* @__PURE__ */ jsxs(Field.Root, { name: "targetName", required: true, error: targetErrors.name, children: [
+                      /* @__PURE__ */ jsx(Grid.Item, { col: 3, s: 12, children: /* @__PURE__ */ jsxs(Field.Root, { name: "targetType", required: true, children: [
+                        /* @__PURE__ */ jsx(Field.Label, { children: "Type" }),
+                        /* @__PURE__ */ jsxs(
+                          SingleSelect,
+                          {
+                            value: targetForm.type,
+                            onChange: (value) => setTargetForm((prev) => ({ ...prev, type: value })),
+                            children: [
+                              /* @__PURE__ */ jsx(SingleSelectOption, { value: "github", children: "GitHub" }),
+                              /* @__PURE__ */ jsx(SingleSelectOption, { value: "vercel", children: "Vercel" })
+                            ]
+                          }
+                        )
+                      ] }) }),
+                      /* @__PURE__ */ jsx(Grid.Item, { col: 3, s: 12, children: /* @__PURE__ */ jsxs(Field.Root, { name: "targetName", required: true, error: targetErrors.name, children: [
                         /* @__PURE__ */ jsx(Field.Label, { children: "Name" }),
                         /* @__PURE__ */ jsx(
                           Field.Input,
@@ -507,26 +559,40 @@ const SettingsPage = () => {
                         ),
                         /* @__PURE__ */ jsx(Field.Error, {})
                       ] }) }),
-                      /* @__PURE__ */ jsx(Grid.Item, { col: 4, s: 12, children: /* @__PURE__ */ jsxs(Field.Root, { name: "targetWorkflow", required: true, error: targetErrors.workflow, children: [
-                        /* @__PURE__ */ jsx(Field.Label, { children: "Workflow File" }),
-                        /* @__PURE__ */ jsx(
-                          Field.Input,
-                          {
-                            placeholder: "deploy.yml",
-                            value: targetForm.workflow,
-                            onChange: handleTargetFormChange("workflow")
-                          }
-                        ),
-                        /* @__PURE__ */ jsx(Field.Error, {})
-                      ] }) }),
-                      /* @__PURE__ */ jsx(Grid.Item, { col: 4, s: 12, children: /* @__PURE__ */ jsxs(Field.Root, { name: "targetBranch", required: true, error: targetErrors.branch, children: [
-                        /* @__PURE__ */ jsx(Field.Label, { children: "Branch" }),
+                      targetForm.type === "github" && /* @__PURE__ */ jsxs(Fragment, { children: [
+                        /* @__PURE__ */ jsx(Grid.Item, { col: 3, s: 12, children: /* @__PURE__ */ jsxs(Field.Root, { name: "targetWorkflow", required: true, error: targetErrors.workflow, children: [
+                          /* @__PURE__ */ jsx(Field.Label, { children: "Workflow File" }),
+                          /* @__PURE__ */ jsx(
+                            Field.Input,
+                            {
+                              placeholder: "deploy.yml",
+                              value: targetForm.workflow,
+                              onChange: handleTargetFormChange("workflow")
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(Field.Error, {})
+                        ] }) }),
+                        /* @__PURE__ */ jsx(Grid.Item, { col: 3, s: 12, children: /* @__PURE__ */ jsxs(Field.Root, { name: "targetBranch", required: true, error: targetErrors.branch, children: [
+                          /* @__PURE__ */ jsx(Field.Label, { children: "Branch" }),
+                          /* @__PURE__ */ jsx(
+                            Field.Input,
+                            {
+                              placeholder: "main",
+                              value: targetForm.branch,
+                              onChange: handleTargetFormChange("branch")
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(Field.Error, {})
+                        ] }) })
+                      ] }),
+                      targetForm.type === "vercel" && /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxs(Field.Root, { name: "targetWebhookUrl", required: true, error: targetErrors.webhookUrl, children: [
+                        /* @__PURE__ */ jsx(Field.Label, { children: "Webhook URL" }),
                         /* @__PURE__ */ jsx(
                           Field.Input,
                           {
-                            placeholder: "main",
-                            value: targetForm.branch,
-                            onChange: handleTargetFormChange("branch")
+                            placeholder: "https://api.vercel.com/v1/integrations/deploy/...",
+                            value: targetForm.webhookUrl,
+                            onChange: handleTargetFormChange("webhookUrl")
                           }
                         ),
                         /* @__PURE__ */ jsx(Field.Error, {})
@@ -548,39 +614,48 @@ const SettingsPage = () => {
               ),
               settings.targets.length > 0 ? /* @__PURE__ */ jsxs(Table, { children: [
                 /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+                  /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Type" }) }),
                   /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Name" }) }),
-                  /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Workflow" }) }),
-                  /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Branch" }) }),
+                  /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Details" }) }),
                   /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Actions" }) })
                 ] }) }),
-                /* @__PURE__ */ jsx(Tbody, { children: settings.targets.map((target) => /* @__PURE__ */ jsxs(Tr, { children: [
-                  /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: target.name }) }),
-                  /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: target.workflow }) }),
-                  /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: target.branch }) }),
-                  /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { gap: 1, children: [
-                    /* @__PURE__ */ jsx(
-                      IconButton,
-                      {
-                        onClick: () => handleEditTarget(target),
-                        label: "Edit",
-                        variant: "ghost",
-                        children: /* @__PURE__ */ jsx(Pencil, {})
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      IconButton,
-                      {
-                        onClick: () => {
-                          setTargetToDelete(target.id);
-                          setDeleteDialogOpen(true);
-                        },
-                        label: "Delete",
-                        variant: "ghost",
-                        children: /* @__PURE__ */ jsx(Trash, {})
-                      }
-                    )
-                  ] }) })
-                ] }, target.id)) })
+                /* @__PURE__ */ jsx(Tbody, { children: settings.targets.map((target) => {
+                  const targetType = target.type || "github";
+                  return /* @__PURE__ */ jsxs(Tr, { children: [
+                    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", textColor: targetType === "github" ? "neutral800" : "secondary600", children: targetType === "github" ? "GitHub" : "Vercel" }) }),
+                    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: target.name }) }),
+                    /* @__PURE__ */ jsx(Td, { children: targetType === "github" ? /* @__PURE__ */ jsxs(Typography, { variant: "omega", textColor: "neutral600", children: [
+                      target.workflow,
+                      " / ",
+                      target.branch
+                    ] }) : /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", children: "Webhook configured" }) }),
+                    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+                      /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          onClick: () => handleEditTarget(target),
+                          variant: "tertiary",
+                          size: "S",
+                          startIcon: /* @__PURE__ */ jsx(Pencil, {}),
+                          children: "Edit"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          onClick: () => {
+                            setTargetToDelete(target.id);
+                            setDeleteDialogOpen(true);
+                          },
+                          variant: "danger-light",
+                          size: "S",
+                          startIcon: /* @__PURE__ */ jsx(Trash, {}),
+                          children: "Delete"
+                        }
+                      )
+                    ] }) })
+                  ] }, target.id);
+                }) })
               ] }) : !showAddForm && /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: 'No deployment targets configured. Click "Add Target" to create one.' })
             ] })
           }