@orange-soft/strapi-deployment-trigger 1.0.1 → 1.1.2

package/dist/_chunks/App-CCbQMMHR.js

@@ -0,0 +1,669 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const admin = require("@strapi/strapi/admin");
+const reactRouterDom = require("react-router-dom");
+const react = require("react");
+const reactIntl = require("react-intl");
+const designSystem = require("@strapi/design-system");
+const icons = require("@strapi/icons");
+const index = require("./index-SuWmJtOE.js");
+const getTranslation = (id) => `${index.PLUGIN_ID}.${id}`;
+const HomePage = () => {
+  const { formatMessage } = reactIntl.useIntl();
+  const { get, post } = admin.useFetchClient();
+  const location = reactRouterDom.useLocation();
+  const [status, setStatus] = react.useState(null);
+  const [loading, setLoading] = react.useState(true);
+  const [deployingTargetId, setDeployingTargetId] = react.useState(null);
+  const [notification, setNotification] = react.useState(null);
+  react.useEffect(() => {
+    fetchStatus();
+    if (location.state?.notification) {
+      setNotification(location.state.notification);
+      window.history.replaceState({}, document.title);
+    }
+  }, []);
+  const fetchStatus = async () => {
+    try {
+      const { data } = await get(`/${index.PLUGIN_ID}/status`);
+      setStatus(data.data);
+    } catch (error) {
+      console.error("Failed to fetch status:", error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleDeploy = async (targetId, targetName) => {
+    setDeployingTargetId(targetId);
+    setNotification(null);
+    try {
+      const { data } = await post(`/${index.PLUGIN_ID}/trigger`, { targetId });
+      setNotification({
+        type: "success",
+        message: `${targetName}: ${data.data?.message || "Deployment triggered successfully!"}`,
+        actionsUrl: data.data?.actionsUrl
+      });
+    } catch (error) {
+      setNotification({
+        type: "danger",
+        message: `${targetName}: ${error?.response?.data?.error?.message || error.message || "Deployment failed"}`
+      });
+    } finally {
+      setDeployingTargetId(null);
+    }
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(admin.Layouts.Root, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        admin.Layouts.Header,
+        {
+          title: formatMessage({ id: getTranslation("plugin.name") }),
+          subtitle: "Loading..."
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(admin.Layouts.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", padding: 8, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { children: "Loading..." }) }) })
+    ] });
+  }
+  const settings = status?.settings || {};
+  const parsed = status?.parsed || {};
+  const isConfigured = status?.configured;
+  const hasToken = status?.hasToken;
+  const targets = settings.targets || [];
+  return /* @__PURE__ */ jsxRuntime.jsxs(admin.Layouts.Root, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      admin.Layouts.Header,
+      {
+        title: formatMessage({ id: getTranslation("plugin.name") }),
+        subtitle: "Trigger GitHub Actions deployment",
+        secondaryAction: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { to: `/plugins/${index.PLUGIN_ID}/settings`, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Cog, {}), children: "Settings" }) })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(admin.Layouts.Content, { children: [
+      notification && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 4, children: /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Alert,
+        {
+          closeLabel: "Close",
+          title: notification.message,
+          variant: notification.type,
+          onClose: () => setNotification(null),
+          children: notification.actionsUrl && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", children: [
+            "Check the deployment status at",
+            " ",
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Typography,
+              {
+                variant: "pi",
+                tag: "a",
+                href: notification.actionsUrl,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                textColor: "primary600",
+                children: "GitHub Actions"
+              }
+            )
+          ] })
+        }
+      ) }),
+      !hasToken && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Alert, { title: "Token Missing", variant: "danger", children: "GitHub Personal Access Token is not configured. Please add it in Settings." }) }),
+      !settings.repoUrl && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Alert, { title: "Configuration Required", variant: "warning", children: "Please configure your GitHub repository in the Settings page before triggering deployments." }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Box,
+          {
+            background: "neutral0",
+            hasRadius: true,
+            shadow: "filterShadow",
+            paddingTop: 6,
+            paddingBottom: 6,
+            paddingLeft: 7,
+            paddingRight: 7,
+            children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", tag: "h2", children: "Repository" }),
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { display: "grid", gridTemplateColumns: "120px 1fr", gap: "12px 16px", alignItems: "center" }, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: "Repository" }),
+                parsed.owner && parsed.repo ? /* @__PURE__ */ jsxRuntime.jsxs(
+                  designSystem.Typography,
+                  {
+                    variant: "pi",
+                    tag: "a",
+                    href: settings.repoUrl,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    textColor: "primary600",
+                    style: { textDecoration: "none" },
+                    children: [
+                      parsed.owner,
+                      "/",
+                      parsed.repo
+                    ]
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: "Not configured" }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: "GitHub Token" }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: hasToken ? "success600" : "danger600", children: hasToken ? "Configured" : "Missing" })
+              ] })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Box,
+          {
+            background: "neutral0",
+            hasRadius: true,
+            shadow: "filterShadow",
+            paddingTop: 6,
+            paddingBottom: 6,
+            paddingLeft: 7,
+            paddingRight: 7,
+            children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", tag: "h2", children: "Deployment Targets" }),
+              targets.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Name" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Workflow" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Branch" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Action" }) })
+                ] }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: targets.map((target) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "bold", children: target.name }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: target.workflow }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: target.branch }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                    designSystem.Button,
+                    {
+                      onClick: () => handleDeploy(target.id, target.name),
+                      loading: deployingTargetId === target.id,
+                      disabled: !isConfigured || deployingTargetId !== null,
+                      startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Rocket, {}),
+                      size: "S",
+                      children: deployingTargetId === target.id ? "Triggering..." : "Trigger"
+                    }
+                  ) })
+                ] }, target.id)) })
+              ] }) : /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "center", justifyContent: "center", gap: 3, padding: 6, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", textAlign: "center", children: "No deployment targets configured" }),
+                /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { to: `/plugins/${index.PLUGIN_ID}/settings`, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "default", startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Cog, {}), children: "Add Targets in Settings" }) })
+              ] })
+            ] })
+          }
+        ),
+        !isConfigured && targets.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Box,
+          {
+            background: "neutral0",
+            hasRadius: true,
+            shadow: "filterShadow",
+            paddingTop: 6,
+            paddingBottom: 6,
+            paddingLeft: 7,
+            paddingRight: 7,
+            children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "center", justifyContent: "center", gap: 3, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", textColor: "neutral600", textAlign: "center", children: "Setup Incomplete" }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", textAlign: "center", children: "Please ensure repository URL and GitHub token are configured in Settings." }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 2, children: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { to: `/plugins/${index.PLUGIN_ID}/settings`, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "default", startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Cog, {}), children: "Go to Settings" }) }) })
+            ] })
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+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 validateToken = (value) => {
+  if (!value) return null;
+  if (!TOKEN_PATTERN.test(value)) {
+    return 'Token must start with "github_pat_" followed by alphanumeric characters';
+  }
+  return null;
+};
+const validateRepoUrl = (value) => {
+  if (!value) return "Repository URL is required";
+  if (!REPO_URL_PATTERN.test(value)) {
+    return "Must be a valid GitHub URL (e.g., https://github.com/owner/repo)";
+  }
+  return null;
+};
+const validateWorkflow = (value) => {
+  if (!value) return "Workflow file is required";
+  if (!WORKFLOW_PATTERN.test(value)) {
+    return "Workflow file must end with .yml or .yaml";
+  }
+  return null;
+};
+const SettingsPage = () => {
+  const navigate = reactRouterDom.useNavigate();
+  const { get, put, post, del } = admin.useFetchClient();
+  const [settings, setSettings] = react.useState({
+    githubToken: "",
+    repoUrl: "",
+    targets: []
+  });
+  const [errors, setErrors] = react.useState({});
+  const [hasExistingToken, setHasExistingToken] = react.useState(false);
+  const [maskedToken, setMaskedToken] = react.useState(null);
+  const [loading, setLoading] = react.useState(true);
+  const [saving, setSaving] = react.useState(false);
+  const [notification, setNotification] = react.useState(null);
+  const [editingTarget, setEditingTarget] = react.useState(null);
+  const [targetForm, setTargetForm] = react.useState({ name: "", workflow: "", branch: "" });
+  const [targetErrors, setTargetErrors] = react.useState({});
+  const [showAddForm, setShowAddForm] = react.useState(false);
+  const [deleteDialogOpen, setDeleteDialogOpen] = react.useState(false);
+  const [targetToDelete, setTargetToDelete] = react.useState(null);
+  react.useEffect(() => {
+    fetchSettings();
+  }, []);
+  const fetchSettings = async () => {
+    setLoading(true);
+    try {
+      const { data } = await get(`/${index.PLUGIN_ID}/settings`);
+      const fetchedSettings = data.data || {};
+      setSettings({
+        githubToken: "",
+        repoUrl: fetchedSettings.repoUrl || "",
+        targets: fetchedSettings.targets || []
+      });
+      setHasExistingToken(fetchedSettings.hasToken || false);
+      setMaskedToken(fetchedSettings.maskedToken || null);
+    } catch (error) {
+      console.error("Error fetching settings:", error);
+      setNotification({ type: "danger", message: "Failed to load settings" });
+    }
+    setLoading(false);
+  };
+  const handleSaveSettings = async () => {
+    const newErrors = {};
+    const repoError = validateRepoUrl(settings.repoUrl);
+    if (repoError) newErrors.repoUrl = repoError;
+    const tokenError = validateToken(settings.githubToken);
+    if (tokenError && settings.githubToken) newErrors.githubToken = tokenError;
+    setErrors(newErrors);
+    if (Object.keys(newErrors).length > 0) {
+      setNotification({ type: "warning", message: "Please fix the validation errors" });
+      return;
+    }
+    setSaving(true);
+    try {
+      const dataToSave = {
+        repoUrl: settings.repoUrl,
+        targets: settings.targets
+      };
+      if (settings.githubToken) {
+        dataToSave.githubToken = settings.githubToken;
+      }
+      const { data } = await put(`/${index.PLUGIN_ID}/settings`, { data: dataToSave });
+      navigate(`/plugins/${index.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);
+    }
+  };
+  const handleChange = (field) => (e) => {
+    const value = e.target.value;
+    setSettings((prev) => ({ ...prev, [field]: value }));
+    if (errors[field]) {
+      setErrors((prev) => ({ ...prev, [field]: null }));
+    }
+  };
+  const resetTargetForm = () => {
+    setTargetForm({ name: "", workflow: "deploy.yml", branch: "master" });
+    setTargetErrors({});
+    setEditingTarget(null);
+    setShowAddForm(false);
+  };
+  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";
+    setTargetErrors(newErrors);
+    return Object.keys(newErrors).length === 0;
+  };
+  const handleAddTarget = async () => {
+    if (!validateTargetForm()) return;
+    try {
+      const { data } = await post(`/${index.PLUGIN_ID}/targets`, { data: targetForm });
+      setSettings((prev) => ({
+        ...prev,
+        targets: [...prev.targets, data.data]
+      }));
+      resetTargetForm();
+      setNotification({ type: "success", message: "Target added successfully" });
+    } catch (error) {
+      console.error("Error adding target:", error);
+      setNotification({ type: "danger", message: "Failed to add target" });
+    }
+  };
+  const handleEditTarget = (target) => {
+    setEditingTarget(target.id);
+    setTargetForm({ name: target.name, workflow: target.workflow, branch: target.branch });
+    setShowAddForm(false);
+  };
+  const handleUpdateTarget = async () => {
+    if (!validateTargetForm()) return;
+    try {
+      const { data } = await put(`/${index.PLUGIN_ID}/targets/${editingTarget}`, { data: targetForm });
+      setSettings((prev) => ({
+        ...prev,
+        targets: prev.targets.map((t) => t.id === editingTarget ? data.data : t)
+      }));
+      resetTargetForm();
+      setNotification({ type: "success", message: "Target updated successfully" });
+    } catch (error) {
+      console.error("Error updating target:", error);
+      setNotification({ type: "danger", message: "Failed to update target" });
+    }
+  };
+  const handleDeleteTarget = async () => {
+    if (!targetToDelete) return;
+    try {
+      await del(`/${index.PLUGIN_ID}/targets/${targetToDelete}`);
+      setSettings((prev) => ({
+        ...prev,
+        targets: prev.targets.filter((t) => t.id !== targetToDelete)
+      }));
+      setDeleteDialogOpen(false);
+      setTargetToDelete(null);
+      setNotification({ type: "success", message: "Target deleted successfully" });
+    } catch (error) {
+      console.error("Error deleting target:", error);
+      setNotification({ type: "danger", message: "Failed to delete target" });
+    }
+  };
+  const handleTargetFormChange = (field) => (e) => {
+    const value = e.target.value;
+    setTargetForm((prev) => ({ ...prev, [field]: value }));
+    if (targetErrors[field]) {
+      setTargetErrors((prev) => ({ ...prev, [field]: null }));
+    }
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(admin.Layouts.Root, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        admin.Layouts.Header,
+        {
+          title: "Settings",
+          subtitle: "Configure GitHub Actions deployment",
+          navigationAction: /* @__PURE__ */ jsxRuntime.jsx(admin.BackButton, { fallback: `/plugins/${index.PLUGIN_ID}` })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(admin.Layouts.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", padding: 8, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { children: "Loading settings..." }) }) })
+    ] });
+  }
+  const isValid = settings.repoUrl && !errors.repoUrl && !errors.githubToken;
+  return /* @__PURE__ */ jsxRuntime.jsxs(admin.Layouts.Root, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      admin.Layouts.Header,
+      {
+        title: "Settings",
+        subtitle: "Configure GitHub Actions deployment",
+        navigationAction: /* @__PURE__ */ jsxRuntime.jsx(admin.BackButton, { fallback: `/plugins/${index.PLUGIN_ID}` }),
+        primaryAction: /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Button,
+          {
+            onClick: handleSaveSettings,
+            loading: saving,
+            disabled: loading || !isValid,
+            startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Check, {}),
+            size: "L",
+            children: "Save Settings"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(admin.Layouts.Content, { children: [
+      notification && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 4, children: /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Alert,
+        {
+          closeLabel: "Close",
+          title: notification.message,
+          variant: notification.type,
+          onClose: () => setNotification(null)
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 6, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Box,
+          {
+            background: "neutral0",
+            hasRadius: true,
+            shadow: "filterShadow",
+            paddingTop: 6,
+            paddingBottom: 6,
+            paddingLeft: 7,
+            paddingRight: 7,
+            children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", tag: "h2", children: "Repository" }),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                designSystem.Field.Root,
+                {
+                  name: "repoUrl",
+                  required: true,
+                  error: errors.repoUrl,
+                  hint: "Copy the URL from your browser when viewing the repository",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Repository URL" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      designSystem.Field.Input,
+                      {
+                        placeholder: "https://github.com/{owner}/{repo}",
+                        value: settings.repoUrl,
+                        onChange: handleChange("repoUrl")
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {}),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
+                  ]
+                }
+              )
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Box,
+          {
+            background: "neutral0",
+            hasRadius: true,
+            shadow: "filterShadow",
+            paddingTop: 6,
+            paddingBottom: 6,
+            paddingLeft: 7,
+            paddingRight: 7,
+            children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", tag: "h2", children: "Deployment Targets" }),
+                !showAddForm && !editingTarget && /* @__PURE__ */ jsxRuntime.jsx(
+                  designSystem.Button,
+                  {
+                    startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Plus, {}),
+                    onClick: () => {
+                      setShowAddForm(true);
+                      setTargetForm({ name: "", workflow: "deploy.yml", branch: "master" });
+                    },
+                    size: "S",
+                    children: "Add Target"
+                  }
+                )
+              ] }),
+              (showAddForm || editingTarget) && /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.Box,
+                {
+                  background: "neutral100",
+                  padding: 4,
+                  hasRadius: true,
+                  children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 4, children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "bold", children: editingTarget ? "Edit Target" : "Add New Target" }),
+                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: "targetName", required: true, error: targetErrors.name, children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Name" }),
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          designSystem.Field.Input,
+                          {
+                            placeholder: "e.g., Production",
+                            value: targetForm.name,
+                            onChange: handleTargetFormChange("name")
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
+                      ] }) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: "targetWorkflow", required: true, error: targetErrors.workflow, children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Workflow File" }),
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          designSystem.Field.Input,
+                          {
+                            placeholder: "deploy.yml",
+                            value: targetForm.workflow,
+                            onChange: handleTargetFormChange("workflow")
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
+                      ] }) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: "targetBranch", required: true, error: targetErrors.branch, children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Branch" }),
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          designSystem.Field.Input,
+                          {
+                            placeholder: "main",
+                            value: targetForm.branch,
+                            onChange: handleTargetFormChange("branch")
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
+                      ] }) })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, justifyContent: "flex-end", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", onClick: resetTargetForm, children: "Cancel" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        designSystem.Button,
+                        {
+                          onClick: editingTarget ? handleUpdateTarget : handleAddTarget,
+                          startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Check, {}),
+                          children: editingTarget ? "Update" : "Add"
+                        }
+                      )
+                    ] })
+                  ] })
+                }
+              ),
+              settings.targets.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Name" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Workflow" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Branch" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Actions" }) })
+                ] }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: settings.targets.map((target) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: target.name }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: target.workflow }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: target.branch }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 1, children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      designSystem.IconButton,
+                      {
+                        onClick: () => handleEditTarget(target),
+                        label: "Edit",
+                        variant: "ghost",
+                        children: /* @__PURE__ */ jsxRuntime.jsx(icons.Pencil, {})
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      designSystem.IconButton,
+                      {
+                        onClick: () => {
+                          setTargetToDelete(target.id);
+                          setDeleteDialogOpen(true);
+                        },
+                        label: "Delete",
+                        variant: "ghost",
+                        children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {})
+                      }
+                    )
+                  ] }) })
+                ] }, target.id)) })
+              ] }) : !showAddForm && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: 'No deployment targets configured. Click "Add Target" to create one.' })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Box,
+          {
+            background: "neutral0",
+            hasRadius: true,
+            shadow: "filterShadow",
+            paddingTop: 6,
+            paddingBottom: 6,
+            paddingLeft: 7,
+            paddingRight: 7,
+            children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", tag: "h2", children: "Authentication" }),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                designSystem.Field.Root,
+                {
+                  name: "githubToken",
+                  required: true,
+                  error: errors.githubToken,
+                  hint: !hasExistingToken || !maskedToken ? "Create a fine-grained token with Actions (Read and write) permission" : void 0,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "GitHub Personal Access Token" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      designSystem.Field.Input,
+                      {
+                        type: "password",
+                        placeholder: hasExistingToken ? "••••••••••••••••" : "github_pat_xxxxxxxxxxxx",
+                        value: settings.githubToken,
+                        onChange: handleChange("githubToken")
+                      }
+                    ),
+                    hasExistingToken && maskedToken ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: [
+                      "Existing token:",
+                      " ",
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", textColor: "success600", tag: "span", children: maskedToken }),
+                      ". Leave empty to keep existing, or enter new to replace."
+                    ] }) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {}),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { paddingTop: 2, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: "How to get a GitHub Token:" }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 2, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", tag: "ol", textColor: "neutral600", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("li", { children: "Go to GitHub → Settings → Developer settings → Personal access tokens → Fine-grained tokens" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("li", { children: 'Click "Generate new token"' }),
+                  /* @__PURE__ */ jsxRuntime.jsx("li", { children: "Set token name, expiration, and select the target repository" }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
+                    'Under "Repository permissions", set ',
+                    /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Actions" }),
+                    ' to "Read and write"'
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx("li", { children: 'Click "Generate token" and paste it above' })
+                ] }) })
+              ] })
+            ] })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Root, { open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Content, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Header, { children: "Delete Target" }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Body, { children: "Are you sure you want to delete this deployment target? This action cannot be undone." }),
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Footer, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Cancel, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", children: "Cancel" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Action, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "danger-light", onClick: handleDeleteTarget, children: "Delete" }) })
+        ] })
+      ] }) })
+    ] })
+  ] });
+};
+const App = () => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactRouterDom.Routes, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { index: true, element: /* @__PURE__ */ jsxRuntime.jsx(HomePage, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: "settings", element: /* @__PURE__ */ jsxRuntime.jsx(SettingsPage, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: "*", element: /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Error, {}) })
+  ] });
+};
+exports.App = App;