npm - sanity-plugin-dashboard-widget-vercel - Versions diffs - 4.0.12 → 4.0.13 - Mend

sanity-plugin-dashboard-widget-vercel 4.0.12 → 4.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/index.js CHANGED Viewed

@@ -1,16 +1,16 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
 import { AddIcon } from "@sanity/icons/Add";
-import { useTheme_v2, useToast, Button, Box, Label, Text, Flex, Stack, Tooltip, Inline, TextInput, Dialog, ToastProvider, Card } from "@sanity/ui";
-import { useQuery, QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { useMachine, useActor } from "@xstate/react";
+import { Box, Button, Card, Dialog, Flex, Inline, Label, Stack, Text, TextInput, ToastProvider, Tooltip, useTheme_v2, useToast } from "@sanity/ui";
+import { QueryClient, QueryClientProvider, useQuery } from "@tanstack/react-query";
+import { useActor, useMachine } from "@xstate/react";
 import { useClient } from "sanity";
 import { EditIcon } from "@sanity/icons/Edit";
 import { useEffect, useRef } from "react";
 import useDeepCompareEffect from "use-deep-compare-effect";
 import hash from "object-hash";
-import { setup, fromPromise, assign, assertEvent, toPromise } from "xstate";
+import { assertEvent, assign, fromPromise, setup, toPromise } from "xstate";
 import { UploadIcon } from "@sanity/icons/Upload";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { LinkIcon } from "@sanity/icons/Link";
 import "react-time-ago/locale/en";
 import ReactTimeAgo from "react-time-ago";
@@ -20,1374 +20,1347 @@ import * as yup from "yup";
 import { uuid } from "@sanity/uuid";
 import { red } from "@sanity/color";
 import { ErrorOutlineIcon } from "@sanity/icons/ErrorOutline";
-const API_ENDPOINT_DEPLOYMENTS = "https://api.vercel.com/v5/now/deployments", API_ENDPOINT_ALIASES = "https://api.vercel.com/v3/now/aliases", API_VERSION = "1", DEPLOYMENT_TARGET_DOCUMENT_TYPE = "vercel.deploymentTarget", VERCEL_STATUS_COLORS = {
-  BUILDING: "#f5a623",
-  CANCELED: "#ff0000",
-  ERROR: "#ff0000",
-  READY: "#50e3c2",
-  QUEUED: "#333"
-}, WIDGET_NAME = "Vercel (dashboard)", Z_INDEX_DIALOG = 600001, Z_INDEX_TOAST_PROVIDER = 600002;
+const DEPLOYMENT_TARGET_DOCUMENT_TYPE = "vercel.deploymentTarget", VERCEL_STATUS_COLORS = {
+	BUILDING: "#f5a623",
+	CANCELED: "#ff0000",
+	ERROR: "#ff0000",
+	READY: "#50e3c2",
+	QUEUED: "#333"
+}, WIDGET_NAME = "Vercel (dashboard)";
 function useSanityClient() {
-  const $ = c(1);
-  let t0;
-  return $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = {
-    apiVersion: API_VERSION
-  }, $[0] = t0) : t0 = $[0], useClient(t0);
+	let $ = c(1), t0;
+	return $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = { apiVersion: "1" }, $[0] = t0) : t0 = $[0], useClient(t0);
 }
 const fetcher = (deploymentTarget) => async (url, extraParams) => {
-  const params = new URLSearchParams();
-  if (params.set("projectId", deploymentTarget.projectId), deploymentTarget.teamId && params.set("teamId", deploymentTarget.teamId), extraParams)
-    for (const [k, v] of extraParams.entries())
-      params.append(k, v);
-  const response = await fetch(`${url}?${params.toString()}`, {
-    headers: {
-      Authorization: `Bearer ${deploymentTarget.token}`
-    }
-  });
-  if (!response.ok)
-    throw new Error("Response not OK");
-  try {
-    return await response.json();
-  } catch (err) {
-    throw new Error("Unable to parse response as JSON", {
-      cause: err
-    });
-  }
+	let params = new URLSearchParams();
+	if (params.set("projectId", deploymentTarget.projectId), deploymentTarget.teamId && params.set("teamId", deploymentTarget.teamId), extraParams) for (let [k, v] of extraParams.entries()) params.append(k, v);
+	let response = await fetch(`${url}?${params.toString()}`, { headers: { Authorization: `Bearer ${deploymentTarget.token}` } });
+	if (!response.ok) throw Error("Response not OK");
+	try {
+		return await response.json();
+	} catch (err) {
+		throw Error("Unable to parse response as JSON", { cause: err });
+	}
 }, useDeployments = (deploymentTarget, options) => {
-  const $ = c(35);
-  let t0;
-  $[0] !== deploymentTarget ? (t0 = fetcher(deploymentTarget), $[0] = deploymentTarget, $[1] = t0) : t0 = $[1];
-  const fetchUrl = t0;
-  let deployParams;
-  $[2] !== deploymentTarget?.deployLimit ? (deployParams = new URLSearchParams(), deployParams.set("limit", String(deploymentTarget?.deployLimit)), $[2] = deploymentTarget?.deployLimit, $[3] = deployParams) : deployParams = $[3];
-  let t1;
-  $[4] !== deploymentTarget ? (t1 = hash(deploymentTarget), $[4] = deploymentTarget, $[5] = t1) : t1 = $[5];
-  let t2;
-  $[6] !== t1 ? (t2 = [t1], $[6] = t1, $[7] = t2) : t2 = $[7];
-  let t3;
-  $[8] !== deployParams || $[9] !== fetchUrl ? (t3 = () => fetchUrl(API_ENDPOINT_DEPLOYMENTS, deployParams), $[8] = deployParams, $[9] = fetchUrl, $[10] = t3) : t3 = $[10];
-  const t4 = options?.enabled ?? !0;
-  let t5;
-  $[11] !== t2 || $[12] !== t3 || $[13] !== t4 ? (t5 = {
-    queryKey: t2,
-    queryFn: t3,
-    enabled: t4,
-    refetchInterval: 2e4,
-    refetchIntervalInBackground: !1,
-    refetchOnMount: !0,
-    refetchOnReconnect: "always",
-    refetchOnWindowFocus: !1,
-    retry: !1
-  }, $[11] = t2, $[12] = t3, $[13] = t4, $[14] = t5) : t5 = $[14];
-  const {
-    data: deploymentsData,
-    isFetching: deploymentsIsFetching,
-    isSuccess: deploymentsIsSuccess,
-    error: deploymentsError,
-    refetch
-  } = useQuery(t5);
-  let aliasParams;
-  $[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (aliasParams = new URLSearchParams(), aliasParams.set("limit", "20"), $[15] = aliasParams) : aliasParams = $[15];
-  let t6;
-  $[16] !== deploymentTarget ? (t6 = hash(deploymentTarget), $[16] = deploymentTarget, $[17] = t6) : t6 = $[17];
-  let t7;
-  $[18] !== t6 ? (t7 = [t6, "aliases"], $[18] = t6, $[19] = t7) : t7 = $[19];
-  let t8;
-  $[20] !== fetchUrl ? (t8 = () => fetchUrl(API_ENDPOINT_ALIASES, aliasParams), $[20] = fetchUrl, $[21] = t8) : t8 = $[21];
-  const t9 = !!deploymentsData;
-  let t10;
-  $[22] !== t7 || $[23] !== t8 || $[24] !== t9 ? (t10 = {
-    queryKey: t7,
-    queryFn: t8,
-    enabled: t9,
-    refetchOnMount: !1,
-    refetchOnReconnect: !1,
-    refetchOnWindowFocus: !1,
-    retry: !1
-  }, $[22] = t7, $[23] = t8, $[24] = t9, $[25] = t10) : t10 = $[25];
-  const {
-    data: aliasesData,
-    isFetching: aliasesIsFetching,
-    isSuccess: aliasesIsSuccess,
-    error: aliasesError
-  } = useQuery(t10), aliases = aliasesData?.aliases;
-  let deploymentsWithAlias;
-  if (aliases) {
-    let t112;
-    $[26] !== aliases || $[27] !== deploymentsData?.deployments ? (t112 = deploymentsData?.deployments?.map((val) => {
-      const alias = aliases.find((a) => a.deploymentId === val.uid);
-      return Object.assign(val, {
-        alias: alias?.alias
-      });
-    }), $[26] = aliases, $[27] = deploymentsData?.deployments, $[28] = t112) : t112 = $[28], deploymentsWithAlias = t112;
-  }
-  const t11 = aliasesError || deploymentsError, t12 = aliasesIsFetching || deploymentsIsFetching, t13 = aliasesIsSuccess && deploymentsIsSuccess;
-  let t14;
-  return $[29] !== deploymentsWithAlias || $[30] !== refetch || $[31] !== t11 || $[32] !== t12 || $[33] !== t13 ? (t14 = {
-    deployments: deploymentsWithAlias,
-    error: t11,
-    isFetching: t12,
-    isSuccess: t13,
-    refetch
-  }, $[29] = deploymentsWithAlias, $[30] = refetch, $[31] = t11, $[32] = t12, $[33] = t13, $[34] = t14) : t14 = $[34], t14;
-}, refreshMachine = setup({
-  types: {
-    events: {}
-  }
-}).createMachine({
-  /** @xstate-layout N4IgpgJg5mDOIC5QAoC2BDAxgCwJYDswBKAOlwgBswBiAJQFEAxBgZQAkBtABgF1FQADgHtYuAC64h+fiAAeiAIwAmAGwkuGrkoAsAZhVKlAVm0KAHABoQAT0QBOJSRN27XFXaMmz2twF9fVmhYeISkAE5gAGYRsCFQ1PS0tADytNx8SCDCohJSMvIIPnYkxhpKXGZ22kY6xla2CAq6CiQudgDsRnYqKroVfe3+gRg4BMQkEdFwcXRMrGz0ACLpMtniktKZBUUlRmUVVTXadTaISrqObUY97QodvWa6QyBBo6ETUTHYkLPM9OwrTJrXKbUDbJTFLjtMzmWraOx3doqeqKMyOeHdXp3BTHXTVZ6vELjMBhMJCMK-eaAwQidZ5LaIY6Q6Gw47wxHI04IGEkDFma5NbTtY7ufwBED4IQQOAyQljIirWkg-KIAC0nIa6oJIyJpHIVEVOQ2KsKShRCDsunUGLcHi8PhU2uC8o+U1iBCghrpoLkZ2uTk0XCq7SRRl0Zg19itXHhIZ85lMEaUTre40mX0gXuVDIQnmKRhZKk6PmaVXN2PUaLsZhj2hUOJU-JTupIJLJYSzxpzeacheLXFL2nNrkrfW8SKFnhDYt8QA */
-  initial: "idle",
-  states: {
-    idle: {
-      on: {
-        REFRESH: {
-          target: "refreshing"
-        }
-      }
-    },
-    refreshing: {
-      on: {
-        ERROR: {
-          target: "error"
-        },
-        REFRESHED: {
-          target: "refreshed"
-        }
-      }
-    },
-    refreshed: {
-      on: {
-        REFRESH: {
-          target: "refreshing"
-        }
-      }
-    },
-    error: {
-      on: {
-        REFRESH: {
-          target: "refreshing"
-        }
-      }
-    }
-  }
+	let $ = c(35), t0;
+	$[0] === deploymentTarget ? t0 = $[1] : (t0 = fetcher(deploymentTarget), $[0] = deploymentTarget, $[1] = t0);
+	let fetchUrl = t0, deployParams;
+	$[2] === deploymentTarget?.deployLimit ? deployParams = $[3] : (deployParams = new URLSearchParams(), deployParams.set("limit", String(deploymentTarget?.deployLimit)), $[2] = deploymentTarget?.deployLimit, $[3] = deployParams);
+	let t1;
+	$[4] === deploymentTarget ? t1 = $[5] : (t1 = hash(deploymentTarget), $[4] = deploymentTarget, $[5] = t1);
+	let t2;
+	$[6] === t1 ? t2 = $[7] : (t2 = [t1], $[6] = t1, $[7] = t2);
+	let t3;
+	$[8] !== deployParams || $[9] !== fetchUrl ? (t3 = () => fetchUrl("https://api.vercel.com/v5/now/deployments", deployParams), $[8] = deployParams, $[9] = fetchUrl, $[10] = t3) : t3 = $[10];
+	let t4 = options?.enabled ?? !0, t5;
+	$[11] !== t2 || $[12] !== t3 || $[13] !== t4 ? (t5 = {
+		queryKey: t2,
+		queryFn: t3,
+		enabled: t4,
+		refetchInterval: 2e4,
+		refetchIntervalInBackground: !1,
+		refetchOnMount: !0,
+		refetchOnReconnect: "always",
+		refetchOnWindowFocus: !1,
+		retry: !1
+	}, $[11] = t2, $[12] = t3, $[13] = t4, $[14] = t5) : t5 = $[14];
+	let { data: deploymentsData, isFetching: deploymentsIsFetching, isSuccess: deploymentsIsSuccess, error: deploymentsError, refetch } = useQuery(t5), aliasParams;
+	$[15] === Symbol.for("react.memo_cache_sentinel") ? (aliasParams = new URLSearchParams(), aliasParams.set("limit", "20"), $[15] = aliasParams) : aliasParams = $[15];
+	let t6;
+	$[16] === deploymentTarget ? t6 = $[17] : (t6 = hash(deploymentTarget), $[16] = deploymentTarget, $[17] = t6);
+	let t7;
+	$[18] === t6 ? t7 = $[19] : (t7 = [t6, "aliases"], $[18] = t6, $[19] = t7);
+	let t8;
+	$[20] === fetchUrl ? t8 = $[21] : (t8 = () => fetchUrl("https://api.vercel.com/v3/now/aliases", aliasParams), $[20] = fetchUrl, $[21] = t8);
+	let t9 = !!deploymentsData, t10;
+	$[22] !== t7 || $[23] !== t8 || $[24] !== t9 ? (t10 = {
+		queryKey: t7,
+		queryFn: t8,
+		enabled: t9,
+		refetchOnMount: !1,
+		refetchOnReconnect: !1,
+		refetchOnWindowFocus: !1,
+		retry: !1
+	}, $[22] = t7, $[23] = t8, $[24] = t9, $[25] = t10) : t10 = $[25];
+	let { data: aliasesData, isFetching: aliasesIsFetching, isSuccess: aliasesIsSuccess, error: aliasesError } = useQuery(t10), aliases = aliasesData?.aliases, deploymentsWithAlias;
+	if (aliases) {
+		let t11;
+		$[26] !== aliases || $[27] !== deploymentsData?.deployments ? (t11 = deploymentsData?.deployments?.map((val) => {
+			let alias = aliases.find((a) => a.deploymentId === val.uid);
+			return Object.assign(val, { alias: alias?.alias });
+		}), $[26] = aliases, $[27] = deploymentsData?.deployments, $[28] = t11) : t11 = $[28], deploymentsWithAlias = t11;
+	}
+	let t11 = aliasesError || deploymentsError, t12 = aliasesIsFetching || deploymentsIsFetching, t13 = aliasesIsSuccess && deploymentsIsSuccess, t14;
+	return $[29] !== deploymentsWithAlias || $[30] !== refetch || $[31] !== t11 || $[32] !== t12 || $[33] !== t13 ? (t14 = {
+		deployments: deploymentsWithAlias,
+		error: t11,
+		isFetching: t12,
+		isSuccess: t13,
+		refetch
+	}, $[29] = deploymentsWithAlias, $[30] = refetch, $[31] = t11, $[32] = t12, $[33] = t13, $[34] = t14) : t14 = $[34], t14;
+}, refreshMachine = setup({ types: { events: {} } }).createMachine({
+	/** @xstate-layout N4IgpgJg5mDOIC5QAoC2BDAxgCwJYDswBKAOlwgBswBiAJQFEAxBgZQAkBtABgF1FQADgHtYuAC64h+fiAAeiAIwAmAGwkuGrkoAsAZhVKlAVm0KAHABoQAT0QBOJSRN27XFXaMmz2twF9fVmhYeISkAE5gAGYRsCFQ1PS0tADytNx8SCDCohJSMvIIPnYkxhpKXGZ22kY6xla2CAq6CiQudgDsRnYqKroVfe3+gRg4BMQkEdFwcXRMrGz0ACLpMtniktKZBUUlRmUVVTXadTaISrqObUY97QodvWa6QyBBo6ETUTHYkLPM9OwrTJrXKbUDbJTFLjtMzmWraOx3doqeqKMyOeHdXp3BTHXTVZ6vELjMBhMJCMK-eaAwQidZ5LaIY6Q6Gw47wxHI04IGEkDFma5NbTtY7ufwBED4IQQOAyQljIirWkg-KIAC0nIa6oJIyJpHIVEVOQ2KsKShRCDsunUGLcHi8PhU2uC8o+U1iBCghrpoLkZ2uTk0XCq7SRRl0Zg19itXHhIZ85lMEaUTre40mX0gXuVDIQnmKRhZKk6PmaVXN2PUaLsZhj2hUOJU-JTupIJLJYSzxpzeacheLXFL2nNrkrfW8SKFnhDYt8QA */
+	initial: "idle",
+	states: {
+		idle: { on: { REFRESH: { target: "refreshing" } } },
+		refreshing: { on: {
+			ERROR: { target: "error" },
+			REFRESHED: { target: "refreshed" }
+		} },
+		refreshed: { on: { REFRESH: { target: "refreshing" } } },
+		error: { on: { REFRESH: { target: "refreshing" } } }
+	}
 });
 function useCardColor() {
-  const $ = c(2), {
-    color
-  } = useTheme_v2();
-  let t0;
-  return $[0] !== color.border ? (t0 = {
-    border: color.border
-  }, $[0] = color.border, $[1] = t0) : t0 = $[1], t0;
+	let $ = c(2), { color } = useTheme_v2(), t0;
+	return $[0] === color.border ? t0 = $[1] : (t0 = { border: color.border }, $[0] = color.border, $[1] = t0), t0;
 }
 const deployMachine = setup({
-  types: {
-    context: {},
-    events: {},
-    input: {}
-  },
-  actors: {
-    deploy: fromPromise(async ({
-      input,
-      signal
-    }) => {
-      try {
-        if (!input.deployHook)
-          throw new Error("No deployHook URL defined");
-        const res = await fetch(input.deployHook, {
-          method: "POST",
-          signal
-        }), data = await res.json();
-        if (!res.ok)
-          throw data?.error?.message || res.statusText;
-      } catch (err) {
-        throw typeof err == "string" ? err : (console.error("Unable to deploy with error:", err), new Error("Please check the developer console for more information", {
-          cause: err
-        }));
-      }
-    })
-  }
+	types: {
+		context: {},
+		events: {},
+		input: {}
+	},
+	actors: { deploy: fromPromise(async ({ input, signal }) => {
+		try {
+			if (!input.deployHook) throw Error("No deployHook URL defined");
+			let res = await fetch(input.deployHook, {
+				method: "POST",
+				signal
+			}), data = await res.json();
+			if (!res.ok) throw data?.error?.message || res.statusText;
+		} catch (err) {
+			throw typeof err == "string" ? err : (console.error("Unable to deploy with error:", err), Error("Please check the developer console for more information", { cause: err }));
+		}
+	}) }
 }).createMachine({
-  /** @xstate-layout N4IgpgJg5mDOIC5QTABwDYHsCeA6AlhOmAMQAiAogAoAyA8gJoDaADALqKiqaz4Au+TADtOIAB6IATCxa4AnADYAHAHYArArUslAZjksNAGhDZEARk3yVmhSxVyHC-QBYAvq+MoMOXF6zZ8ISgSCGEwAiEAN0wAa3C-HwSAoIRA6IBjAEMBYVY2PNFuXhyRJHFENTMzXElFJSUzNTVnWx0FY1MESXVcZzUdM2k1OTUVBoV3TzR-X2mcQOCwACclzCXcDGyAMzWAW1nvPCSF1KjMLJK8grKi-kFS0AkESura5QamlpY2jvMB+QcDkqLH0wxYEw8ICSuFgAFd0uk4LByNR6Mx2IUeHdhKIns1ZN9BtYQVpRnJfl1JM55P1BnY1Ep9CpGpMoXM8MtVksUbRGNcuFiSriKs4CQNurYRgZ7BSGr1ASNupIzEo+kp3JChJgUPAyklMcV7sKEABadomRAmtQAhW2wE6VnQwjEA3Yh7lBDOSQUsxeqyaPoWYbWFSO9kHfwLV1CspPHSSHQ1ZyA1UKJzJlQ+iz+5oKewKWrfNyQ6FwhFI6NG2OINOSXDiypKAxtMyZi1dEE1Qk6L0FpTSUMl8OctaVnHVhC1+uDRvNhStin6XDaHQ9liSXTJiUa1xAA */
-  id: "deploy",
-  initial: "idle",
-  context: ({
-    input
-  }) => ({
-    disabled: !1,
-    feedback: void 0,
-    label: void 0,
-    error: void 0,
-    deployHook: input.deployHook
-  }),
-  states: {
-    idle: {
-      entry: assign({
-        feedback: () => {
-        },
-        label: () => "Deploy"
-      }),
-      on: {
-        DEPLOY: {
-          target: "deploying"
-        }
-      }
-    },
-    deploying: {
-      entry: assign({
-        disabled: () => !0,
-        label: () => "Deploying"
-      }),
-      exit: assign({
-        disabled: () => !1,
-        label: () => "Deploy"
-      }),
-      invoke: {
-        src: "deploy",
-        input: ({
-          context
-        }) => ({
-          deployHook: context.deployHook
-        }),
-        onDone: {
-          target: "success"
-        },
-        onError: {
-          target: "error",
-          actions: assign({
-            error: ({
-              event
-            }) => {
-              if ("error" in event) {
-                const {
-                  error
-                } = event;
-                if (typeof error == "string")
-                  return error;
-                if (error instanceof Error)
-                  return error.message;
-              }
-              return "Unknown error";
-            }
-          })
-        }
-      }
-    },
-    success: {
-      entry: assign({
-        feedback: () => "Successfully started!"
-      }),
-      exit: assign({
-        feedback: () => {
-        }
-      }),
-      on: {
-        DEPLOY: {
-          target: "deploying"
-        }
-      }
-    },
-    error: {
-      on: {
-        DEPLOY: {
-          target: "deploying"
-        }
-      }
-    }
-  }
+	/** @xstate-layout N4IgpgJg5mDOIC5QTABwDYHsCeA6AlhOmAMQAiAogAoAyA8gJoDaADALqKiqaz4Au+TADtOIAB6IATCxa4AnADYAHAHYArArUslAZjksNAGhDZEARk3yVmhSxVyHC-QBYAvq+MoMOXF6zZ8ISgSCGEwAiEAN0wAa3C-HwSAoIRA6IBjAEMBYVY2PNFuXhyRJHFENTMzXElFJSUzNTVnWx0FY1MESXVcZzUdM2k1OTUVBoV3TzR-X2mcQOCwACclzCXcDGyAMzWAW1nvPCSF1KjMLJK8grKi-kFS0AkESura5QamlpY2jvMB+QcDkqLH0wxYEw8ICSuFgAFd0uk4LByNR6Mx2IUeHdhKIns1ZN9BtYQVpRnJfl1JM55P1BnY1Ep9CpGpMoXM8MtVksUbRGNcuFiSriKs4CQNurYRgZ7BSGr1ASNupIzEo+kp3JChJgUPAyklMcV7sKEABadomRAmtQAhW2wE6VnQwjEA3Yh7lBDOSQUsxeqyaPoWYbWFSO9kHfwLV1CspPHSSHQ1ZyA1UKJzJlQ+iz+5oKewKWrfNyQ6FwhFI6NG2OINOSXDiypKAxtMyZi1dEE1Qk6L0FpTSUMl8OctaVnHVhC1+uDRvNhStin6XDaHQ9liSXTJiUa1xAA */
+	id: "deploy",
+	initial: "idle",
+	context: ({ input }) => ({
+		disabled: !1,
+		feedback: void 0,
+		label: void 0,
+		error: void 0,
+		deployHook: input.deployHook
+	}),
+	states: {
+		idle: {
+			entry: assign({
+				feedback: () => void 0,
+				label: () => "Deploy"
+			}),
+			on: { DEPLOY: { target: "deploying" } }
+		},
+		deploying: {
+			entry: assign({
+				disabled: () => !0,
+				label: () => "Deploying"
+			}),
+			exit: assign({
+				disabled: () => !1,
+				label: () => "Deploy"
+			}),
+			invoke: {
+				src: "deploy",
+				input: ({ context }) => ({ deployHook: context.deployHook }),
+				onDone: { target: "success" },
+				onError: {
+					target: "error",
+					actions: assign({ error: ({ event }) => {
+						if ("error" in event) {
+							let { error } = event;
+							if (typeof error == "string") return error;
+							if (error instanceof Error) return error.message;
+						}
+						return "Unknown error";
+					} })
+				}
+			}
+		},
+		success: {
+			entry: assign({ feedback: () => "Successfully started!" }),
+			exit: assign({ feedback: () => void 0 }),
+			on: { DEPLOY: { target: "deploying" } }
+		},
+		error: { on: { DEPLOY: { target: "deploying" } } }
+	}
 }), StateDebug = (props) => {
-  c(10);
-  const {
-    name,
-    state
-  } = props;
-  return null;
+	c(10);
+	let { name, state } = props;
+	return null;
 }, DeployButton = (props) => {
-  const $ = c(29), {
-    deployHook,
-    onDeploySuccess,
-    targetName
-  } = props;
-  let t0;
-  $[0] !== deployHook ? (t0 = {
-    input: {
-      deployHook
-    }
-  }, $[0] = deployHook, $[1] = t0) : t0 = $[1];
-  const [deployState, deployStateTransition, deployStateInterpreter] = useMachine(deployMachine, t0), toast = useToast();
-  let t1;
-  $[2] !== deployState ? (t1 = deployState.matches("error"), $[2] = deployState, $[3] = t1) : t1 = $[3];
-  const isError = t1;
-  let t2;
-  $[4] !== deployState ? (t2 = deployState.matches("success"), $[4] = deployState, $[5] = t2) : t2 = $[5];
-  const isSuccess = t2;
-  let t3;
-  $[6] !== deployStateTransition ? (t3 = () => {
-    deployStateTransition({
-      type: "DEPLOY"
-    });
-  }, $[6] = deployStateTransition, $[7] = t3) : t3 = $[7];
-  const handleDeploy = t3;
-  let t4, t5;
-  $[8] !== deployState.context.error || $[9] !== isError || $[10] !== isSuccess || $[11] !== targetName || $[12] !== toast ? (t4 = () => {
-    isError && toast.push({
-      closable: !0,
-      description: `Unable to queue deploy for ${targetName}: ${deployState.context.error}`,
-      duration: 8e3,
-      status: "error",
-      title: WIDGET_NAME
-    }), isSuccess && toast.push({
-      closable: !0,
-      description: `Deploy queued for ${targetName}`,
-      duration: 8e3,
-      status: "success",
-      title: WIDGET_NAME
-    });
-  }, t5 = [isError, isSuccess, toast, targetName, deployState.context.error], $[8] = deployState.context.error, $[9] = isError, $[10] = isSuccess, $[11] = targetName, $[12] = toast, $[13] = t4, $[14] = t5) : (t4 = $[13], t5 = $[14]), useEffect(t4, t5);
-  let t6, t7;
-  $[15] !== deployStateInterpreter || $[16] !== onDeploySuccess ? (t6 = () => {
-    const subscription = deployStateInterpreter.subscribe((state) => {
-      state.value === "success" && onDeploySuccess && onDeploySuccess();
-    });
-    return () => subscription.unsubscribe();
-  }, t7 = [deployStateInterpreter, onDeploySuccess], $[15] = deployStateInterpreter, $[16] = onDeploySuccess, $[17] = t6, $[18] = t7) : (t6 = $[17], t7 = $[18]), useEffect(t6, t7);
-  let t8;
-  $[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t8 = {
-    position: "relative"
-  }, $[19] = t8) : t8 = $[19];
-  let t9;
-  $[20] !== deployState ? (t9 = /* @__PURE__ */ jsx(StateDebug, { name: "Deploy", state: deployState }), $[20] = deployState, $[21] = t9) : t9 = $[21];
-  const t10 = `${deployState.context.label} ${targetName}`;
-  let t11;
-  $[22] !== deployState.context.disabled || $[23] !== handleDeploy || $[24] !== t10 ? (t11 = /* @__PURE__ */ jsx(Button, { disabled: deployState.context.disabled, fontSize: 1, icon: UploadIcon, mode: "ghost", onClick: handleDeploy, padding: 3, text: t10, tone: "default" }), $[22] = deployState.context.disabled, $[23] = handleDeploy, $[24] = t10, $[25] = t11) : t11 = $[25];
-  let t12;
-  return $[26] !== t11 || $[27] !== t9 ? (t12 = /* @__PURE__ */ jsxs(Box, { padding: 3, style: t8, children: [
-    t9,
-    t11
-  ] }), $[26] = t11, $[27] = t9, $[28] = t12) : t12 = $[28], t12;
+	let $ = c(29), { deployHook, onDeploySuccess, targetName } = props, t0;
+	$[0] === deployHook ? t0 = $[1] : (t0 = { input: { deployHook } }, $[0] = deployHook, $[1] = t0);
+	let [deployState, deployStateTransition, deployStateInterpreter] = useMachine(deployMachine, t0), toast = useToast(), t1;
+	$[2] === deployState ? t1 = $[3] : (t1 = deployState.matches("error"), $[2] = deployState, $[3] = t1);
+	let isError = t1, t2;
+	$[4] === deployState ? t2 = $[5] : (t2 = deployState.matches("success"), $[4] = deployState, $[5] = t2);
+	let isSuccess = t2, t3;
+	$[6] === deployStateTransition ? t3 = $[7] : (t3 = () => {
+		deployStateTransition({ type: "DEPLOY" });
+	}, $[6] = deployStateTransition, $[7] = t3);
+	let handleDeploy = t3, t4, t5;
+	$[8] !== deployState.context.error || $[9] !== isError || $[10] !== isSuccess || $[11] !== targetName || $[12] !== toast ? (t4 = () => {
+		isError && toast.push({
+			closable: !0,
+			description: `Unable to queue deploy for ${targetName}: ${deployState.context.error}`,
+			duration: 8e3,
+			status: "error",
+			title: WIDGET_NAME
+		}), isSuccess && toast.push({
+			closable: !0,
+			description: `Deploy queued for ${targetName}`,
+			duration: 8e3,
+			status: "success",
+			title: WIDGET_NAME
+		});
+	}, t5 = [
+		isError,
+		isSuccess,
+		toast,
+		targetName,
+		deployState.context.error
+	], $[8] = deployState.context.error, $[9] = isError, $[10] = isSuccess, $[11] = targetName, $[12] = toast, $[13] = t4, $[14] = t5) : (t4 = $[13], t5 = $[14]), useEffect(t4, t5);
+	let t6, t7;
+	$[15] !== deployStateInterpreter || $[16] !== onDeploySuccess ? (t6 = () => {
+		let subscription = deployStateInterpreter.subscribe((state) => {
+			state.value === "success" && onDeploySuccess && onDeploySuccess();
+		});
+		return () => subscription.unsubscribe();
+	}, t7 = [deployStateInterpreter, onDeploySuccess], $[15] = deployStateInterpreter, $[16] = onDeploySuccess, $[17] = t6, $[18] = t7) : (t6 = $[17], t7 = $[18]), useEffect(t6, t7);
+	let t8;
+	$[19] === Symbol.for("react.memo_cache_sentinel") ? (t8 = { position: "relative" }, $[19] = t8) : t8 = $[19];
+	let t9;
+	$[20] === deployState ? t9 = $[21] : (t9 = /* @__PURE__ */ jsx(StateDebug, {
+		name: "Deploy",
+		state: deployState
+	}), $[20] = deployState, $[21] = t9);
+	let t10 = `${deployState.context.label} ${targetName}`, t11;
+	$[22] !== deployState.context.disabled || $[23] !== handleDeploy || $[24] !== t10 ? (t11 = /* @__PURE__ */ jsx(Button, {
+		disabled: deployState.context.disabled,
+		fontSize: 1,
+		icon: UploadIcon,
+		mode: "ghost",
+		onClick: handleDeploy,
+		padding: 3,
+		text: t10,
+		tone: "default"
+	}), $[22] = deployState.context.disabled, $[23] = handleDeploy, $[24] = t10, $[25] = t11) : t11 = $[25];
+	let t12;
+	return $[26] !== t11 || $[27] !== t9 ? (t12 = /* @__PURE__ */ jsxs(Box, {
+		padding: 3,
+		style: t8,
+		children: [t9, t11]
+	}), $[26] = t11, $[27] = t9, $[28] = t12) : t12 = $[28], t12;
 }, StatusDot = (t0) => {
-  const $ = c(2), {
-    state
-  } = t0, t1 = VERCEL_STATUS_COLORS[state];
-  let t2;
-  return $[0] !== t1 ? (t2 = /* @__PURE__ */ jsx(Box, { style: {
-    backgroundColor: t1,
-    borderRadius: "20px",
-    height: "9px",
-    width: "9px"
-  } }), $[0] = t1, $[1] = t2) : t2 = $[1], t2;
+	let $ = c(2), { state } = t0, t1 = VERCEL_STATUS_COLORS[state], t2;
+	return $[0] === t1 ? t2 = $[1] : (t2 = /* @__PURE__ */ jsx(Box, { style: {
+		backgroundColor: t1,
+		borderRadius: "20px",
+		height: "9px",
+		width: "9px"
+	} }), $[0] = t1, $[1] = t2), t2;
 }, TableCell = (props) => {
-  const $ = c(20), {
-    children,
-    colSpan,
-    header,
-    variant
-  } = props;
-  let display = "table-cell", cellWidth = "auto";
-  bb0: switch (variant) {
-    case "age": {
-      cellWidth = "50px";
-      break bb0;
-    }
-    case "branch": {
-      cellWidth = "300px";
-      let t02;
-      $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t02 = ["none", "none", "none", "table-cell"], $[0] = t02) : t02 = $[0], display = t02;
-      break bb0;
-    }
-    case "creator": {
-      cellWidth = "80px";
-      break bb0;
-    }
-    case "state": {
-      cellWidth = "110px";
-      let t02;
-      $[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t02 = ["none", "none", "none", "none", "table-cell"], $[1] = t02) : t02 = $[1], display = t02;
-      break bb0;
-    }
-  }
-  const {
-    border
-  } = useCardColor();
-  if (header) {
-    let t02;
-    $[2] !== cellWidth ? (t02 = {
-      maxWidth: cellWidth,
-      position: "relative",
-      textAlign: "left",
-      width: cellWidth
-    }, $[2] = cellWidth, $[3] = t02) : t02 = $[3];
-    let t12;
-    $[4] !== children ? (t12 = /* @__PURE__ */ jsx(Label, { size: 0, children }), $[4] = children, $[5] = t12) : t12 = $[5];
-    let t22;
-    return $[6] !== colSpan || $[7] !== display || $[8] !== t02 || $[9] !== t12 ? (t22 = /* @__PURE__ */ jsx(Box, { as: "th", colSpan, display, paddingX: 3, paddingY: 2, style: t02, children: t12 }), $[6] = colSpan, $[7] = display, $[8] = t02, $[9] = t12, $[10] = t22) : t22 = $[10], t22;
-  }
-  let t0;
-  $[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = [2, 2, 3], $[11] = t0) : t0 = $[11];
-  const t1 = `1px solid ${border}`;
-  let t2;
-  $[12] !== cellWidth || $[13] !== t1 ? (t2 = {
-    borderTop: t1,
-    maxWidth: cellWidth,
-    position: "relative",
-    textAlign: "left",
-    width: cellWidth
-  }, $[12] = cellWidth, $[13] = t1, $[14] = t2) : t2 = $[14];
-  let t3;
-  return $[15] !== children || $[16] !== colSpan || $[17] !== display || $[18] !== t2 ? (t3 = /* @__PURE__ */ jsx(Box, { as: "td", colSpan, display, paddingX: 3, paddingY: t0, style: t2, children }), $[15] = children, $[16] = colSpan, $[17] = display, $[18] = t2, $[19] = t3) : t3 = $[19], t3;
+	let $ = c(20), { children, colSpan, header, variant } = props, display = "table-cell", cellWidth = "auto";
+	bb0: switch (variant) {
+		case "age":
+			cellWidth = "50px";
+			break bb0;
+		case "branch": {
+			cellWidth = "300px";
+			let t0;
+			$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = [
+				"none",
+				"none",
+				"none",
+				"table-cell"
+			], $[0] = t0) : t0 = $[0], display = t0;
+			break bb0;
+		}
+		case "creator":
+			cellWidth = "80px";
+			break bb0;
+		case "state": {
+			cellWidth = "110px";
+			let t0;
+			$[1] === Symbol.for("react.memo_cache_sentinel") ? (t0 = [
+				"none",
+				"none",
+				"none",
+				"none",
+				"table-cell"
+			], $[1] = t0) : t0 = $[1], display = t0;
+			break bb0;
+		}
+		default:
+	}
+	let { border } = useCardColor();
+	if (header) {
+		let t0;
+		$[2] === cellWidth ? t0 = $[3] : (t0 = {
+			maxWidth: cellWidth,
+			position: "relative",
+			textAlign: "left",
+			width: cellWidth
+		}, $[2] = cellWidth, $[3] = t0);
+		let t1;
+		$[4] === children ? t1 = $[5] : (t1 = /* @__PURE__ */ jsx(Label, {
+			size: 0,
+			children
+		}), $[4] = children, $[5] = t1);
+		let t2;
+		return $[6] !== colSpan || $[7] !== display || $[8] !== t0 || $[9] !== t1 ? (t2 = /* @__PURE__ */ jsx(Box, {
+			as: "th",
+			colSpan,
+			display,
+			paddingX: 3,
+			paddingY: 2,
+			style: t0,
+			children: t1
+		}), $[6] = colSpan, $[7] = display, $[8] = t0, $[9] = t1, $[10] = t2) : t2 = $[10], t2;
+	}
+	let t0;
+	$[11] === Symbol.for("react.memo_cache_sentinel") ? (t0 = [
+		2,
+		2,
+		3
+	], $[11] = t0) : t0 = $[11];
+	let t1 = `1px solid ${border}`, t2;
+	$[12] !== cellWidth || $[13] !== t1 ? (t2 = {
+		borderTop: t1,
+		maxWidth: cellWidth,
+		position: "relative",
+		textAlign: "left",
+		width: cellWidth
+	}, $[12] = cellWidth, $[13] = t1, $[14] = t2) : t2 = $[14];
+	let t3;
+	return $[15] !== children || $[16] !== colSpan || $[17] !== display || $[18] !== t2 ? (t3 = /* @__PURE__ */ jsx(Box, {
+		as: "td",
+		colSpan,
+		display,
+		paddingX: 3,
+		paddingY: t0,
+		style: t2,
+		children
+	}), $[15] = children, $[16] = colSpan, $[17] = display, $[18] = t2, $[19] = t3) : t3 = $[19], t3;
 }, Deployment = (props) => {
-  const $ = c(42), {
-    deployment
-  } = props;
-  let t0;
-  $[0] !== deployment.created ? (t0 = new Date(deployment.created), $[0] = deployment.created, $[1] = t0) : t0 = $[1];
-  const date = t0, commitMessage = deployment?.meta?.githubCommitMessage, commitRef = deployment?.meta?.githubCommitRef, targetUrl = deployment.alias ?? deployment.url;
-  let t1;
-  $[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = ["block", "block", "block", "block", "none"], $[2] = t1) : t1 = $[2];
-  let t2;
-  $[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = {
-    flexShrink: 0
-  }, $[3] = t2) : t2 = $[3];
-  let t3;
-  $[4] !== deployment.state ? (t3 = /* @__PURE__ */ jsx(Box, { display: t1, marginRight: 3, style: t2, children: /* @__PURE__ */ jsx(StatusDot, { state: deployment.state }) }), $[4] = deployment.state, $[5] = t3) : t3 = $[5];
-  let t4;
-  $[6] !== deployment.alias || $[7] !== deployment.state || $[8] !== targetUrl ? (t4 = targetUrl ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    deployment.alias && /* @__PURE__ */ jsx(LinkIcon, {}),
-    /* @__PURE__ */ jsx(Box, { marginLeft: deployment.alias ? 1 : 0, children: /* @__PURE__ */ jsx(Text, { muted: deployment.state !== "READY", size: 1, style: {
-      textDecoration: deployment.state === "CANCELED" || deployment.state === "ERROR" ? "line-through" : "normal"
-    }, textOverflow: "ellipsis", children: deployment.state === "READY" ? /* @__PURE__ */ jsx("a", { href: `https://${targetUrl}`, rel: "noopener noreferrer", target: "_blank", children: targetUrl }) : targetUrl }) })
-  ] }) : /* @__PURE__ */ jsx(Text, { size: 1, children: "Uploading..." }), $[6] = deployment.alias, $[7] = deployment.state, $[8] = targetUrl, $[9] = t4) : t4 = $[9];
-  let t5;
-  $[10] !== t3 || $[11] !== t4 ? (t5 = /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs(Flex, { align: "center", children: [
-    t3,
-    t4
-  ] }) }), $[10] = t3, $[11] = t4, $[12] = t5) : t5 = $[12];
-  let t6;
-  $[13] !== deployment.state ? (t6 = /* @__PURE__ */ jsx(StatusDot, { state: deployment.state }), $[13] = deployment.state, $[14] = t6) : t6 = $[14];
-  let t7;
-  if ($[15] !== deployment.state) {
-    let t82;
-    $[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t82 = /^[a-z]/i, $[17] = t82) : t82 = $[17], t7 = deployment.state.trim().toLowerCase().replace(t82, _temp$2), $[15] = deployment.state, $[16] = t7;
-  } else
-    t7 = $[16];
-  let t8;
-  $[18] !== t7 ? (t8 = /* @__PURE__ */ jsx(Box, { marginLeft: 2, children: /* @__PURE__ */ jsx(Text, { size: 1, children: t7 }) }), $[18] = t7, $[19] = t8) : t8 = $[19];
-  let t9;
-  $[20] !== t6 || $[21] !== t8 ? (t9 = /* @__PURE__ */ jsx(TableCell, { variant: "state", children: /* @__PURE__ */ jsxs(Flex, { align: "center", children: [
-    t6,
-    t8
-  ] }) }), $[20] = t6, $[21] = t8, $[22] = t9) : t9 = $[22];
-  let t10;
-  $[23] !== commitRef ? (t10 = /* @__PURE__ */ jsx(Text, { size: 1, textOverflow: "ellipsis", children: commitRef }), $[23] = commitRef, $[24] = t10) : t10 = $[24];
-  let t11;
-  $[25] !== commitMessage ? (t11 = commitMessage && /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, textOverflow: "ellipsis", children: commitMessage }), $[25] = commitMessage, $[26] = t11) : t11 = $[26];
-  let t12;
-  $[27] !== t10 || $[28] !== t11 ? (t12 = /* @__PURE__ */ jsx(TableCell, { variant: "branch", children: /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
-    t10,
-    t11
-  ] }) }), $[27] = t10, $[28] = t11, $[29] = t12) : t12 = $[29];
-  let t13;
-  $[30] !== date ? (t13 = /* @__PURE__ */ jsx(TableCell, { variant: "age", children: /* @__PURE__ */ jsx(Flex, { align: "center", children: /* @__PURE__ */ jsx(Text, { size: 1, children: /* @__PURE__ */ jsx(ReactTimeAgo, { date, locale: "en-US", timeStyle: "mini" }) }) }) }), $[30] = date, $[31] = t13) : t13 = $[31];
-  const t14 = deployment?.creator?.username || "Deployment creator avatar", t15 = `https://vercel.com/api/www/avatar/${deployment?.creator?.uid}?&s=48`;
-  let t16;
-  $[32] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t16 = {
-    borderRadius: "20px",
-    height: "20px",
-    width: "20px"
-  }, $[32] = t16) : t16 = $[32];
-  let t17;
-  $[33] !== t14 || $[34] !== t15 ? (t17 = /* @__PURE__ */ jsx(TableCell, { variant: "creator", children: /* @__PURE__ */ jsx(Flex, { align: "center", justify: "center", children: /* @__PURE__ */ jsx("img", { alt: t14, draggable: !1, src: t15, style: t16 }) }) }), $[33] = t14, $[34] = t15, $[35] = t17) : t17 = $[35];
-  let t18;
-  return $[36] !== t12 || $[37] !== t13 || $[38] !== t17 || $[39] !== t5 || $[40] !== t9 ? (t18 = /* @__PURE__ */ jsxs("tr", { children: [
-    t5,
-    t9,
-    t12,
-    t13,
-    t17
-  ] }), $[36] = t12, $[37] = t13, $[38] = t17, $[39] = t5, $[40] = t9, $[41] = t18) : t18 = $[41], t18;
+	let $ = c(42), { deployment } = props, t0;
+	$[0] === deployment.created ? t0 = $[1] : (t0 = new Date(deployment.created), $[0] = deployment.created, $[1] = t0);
+	let date = t0, commitMessage = deployment?.meta?.githubCommitMessage, commitRef = deployment?.meta?.githubCommitRef, targetUrl = deployment.alias ?? deployment.url, t1;
+	$[2] === Symbol.for("react.memo_cache_sentinel") ? (t1 = [
+		"block",
+		"block",
+		"block",
+		"block",
+		"none"
+	], $[2] = t1) : t1 = $[2];
+	let t2;
+	$[3] === Symbol.for("react.memo_cache_sentinel") ? (t2 = { flexShrink: 0 }, $[3] = t2) : t2 = $[3];
+	let t3;
+	$[4] === deployment.state ? t3 = $[5] : (t3 = /* @__PURE__ */ jsx(Box, {
+		display: t1,
+		marginRight: 3,
+		style: t2,
+		children: /* @__PURE__ */ jsx(StatusDot, { state: deployment.state })
+	}), $[4] = deployment.state, $[5] = t3);
+	let t4;
+	$[6] !== deployment.alias || $[7] !== deployment.state || $[8] !== targetUrl ? (t4 = targetUrl ? /* @__PURE__ */ jsxs(Fragment, { children: [deployment.alias && /* @__PURE__ */ jsx(LinkIcon, {}), /* @__PURE__ */ jsx(Box, {
+		marginLeft: +!!deployment.alias,
+		children: /* @__PURE__ */ jsx(Text, {
+			muted: deployment.state !== "READY",
+			size: 1,
+			style: { textDecoration: deployment.state === "CANCELED" || deployment.state === "ERROR" ? "line-through" : "normal" },
+			textOverflow: "ellipsis",
+			children: deployment.state === "READY" ? /* @__PURE__ */ jsx("a", {
+				href: `https://${targetUrl}`,
+				rel: "noopener noreferrer",
+				target: "_blank",
+				children: targetUrl
+			}) : targetUrl
+		})
+	})] }) : /* @__PURE__ */ jsx(Text, {
+		size: 1,
+		children: "Uploading..."
+	}), $[6] = deployment.alias, $[7] = deployment.state, $[8] = targetUrl, $[9] = t4) : t4 = $[9];
+	let t5;
+	$[10] !== t3 || $[11] !== t4 ? (t5 = /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs(Flex, {
+		align: "center",
+		children: [t3, t4]
+	}) }), $[10] = t3, $[11] = t4, $[12] = t5) : t5 = $[12];
+	let t6;
+	$[13] === deployment.state ? t6 = $[14] : (t6 = /* @__PURE__ */ jsx(StatusDot, { state: deployment.state }), $[13] = deployment.state, $[14] = t6);
+	let t7;
+	if ($[15] !== deployment.state) {
+		let t8;
+		$[17] === Symbol.for("react.memo_cache_sentinel") ? (t8 = /^[a-z]/i, $[17] = t8) : t8 = $[17], t7 = deployment.state.trim().toLowerCase().replace(t8, _temp$2), $[15] = deployment.state, $[16] = t7;
+	} else t7 = $[16];
+	let t8;
+	$[18] === t7 ? t8 = $[19] : (t8 = /* @__PURE__ */ jsx(Box, {
+		marginLeft: 2,
+		children: /* @__PURE__ */ jsx(Text, {
+			size: 1,
+			children: t7
+		})
+	}), $[18] = t7, $[19] = t8);
+	let t9;
+	$[20] !== t6 || $[21] !== t8 ? (t9 = /* @__PURE__ */ jsx(TableCell, {
+		variant: "state",
+		children: /* @__PURE__ */ jsxs(Flex, {
+			align: "center",
+			children: [t6, t8]
+		})
+	}), $[20] = t6, $[21] = t8, $[22] = t9) : t9 = $[22];
+	let t10;
+	$[23] === commitRef ? t10 = $[24] : (t10 = /* @__PURE__ */ jsx(Text, {
+		size: 1,
+		textOverflow: "ellipsis",
+		children: commitRef
+	}), $[23] = commitRef, $[24] = t10);
+	let t11;
+	$[25] === commitMessage ? t11 = $[26] : (t11 = commitMessage && /* @__PURE__ */ jsx(Text, {
+		muted: !0,
+		size: 1,
+		textOverflow: "ellipsis",
+		children: commitMessage
+	}), $[25] = commitMessage, $[26] = t11);
+	let t12;
+	$[27] !== t10 || $[28] !== t11 ? (t12 = /* @__PURE__ */ jsx(TableCell, {
+		variant: "branch",
+		children: /* @__PURE__ */ jsxs(Stack, {
+			gap: 2,
+			children: [t10, t11]
+		})
+	}), $[27] = t10, $[28] = t11, $[29] = t12) : t12 = $[29];
+	let t13;
+	$[30] === date ? t13 = $[31] : (t13 = /* @__PURE__ */ jsx(TableCell, {
+		variant: "age",
+		children: /* @__PURE__ */ jsx(Flex, {
+			align: "center",
+			children: /* @__PURE__ */ jsx(Text, {
+				size: 1,
+				children: /* @__PURE__ */ jsx(ReactTimeAgo, {
+					date,
+					locale: "en-US",
+					timeStyle: "mini"
+				})
+			})
+		})
+	}), $[30] = date, $[31] = t13);
+	let t14 = deployment?.creator?.username || "Deployment creator avatar", t15 = `https://vercel.com/api/www/avatar/${deployment?.creator?.uid}?&s=48`, t16;
+	$[32] === Symbol.for("react.memo_cache_sentinel") ? (t16 = {
+		borderRadius: "20px",
+		height: "20px",
+		width: "20px"
+	}, $[32] = t16) : t16 = $[32];
+	let t17;
+	$[33] !== t14 || $[34] !== t15 ? (t17 = /* @__PURE__ */ jsx(TableCell, {
+		variant: "creator",
+		children: /* @__PURE__ */ jsx(Flex, {
+			align: "center",
+			justify: "center",
+			children: /* @__PURE__ */ jsx("img", {
+				alt: t14,
+				draggable: !1,
+				src: t15,
+				style: t16
+			})
+		})
+	}), $[33] = t14, $[34] = t15, $[35] = t17) : t17 = $[35];
+	let t18;
+	return $[36] !== t12 || $[37] !== t13 || $[38] !== t17 || $[39] !== t5 || $[40] !== t9 ? (t18 = /* @__PURE__ */ jsxs("tr", { children: [
+		t5,
+		t9,
+		t12,
+		t13,
+		t17
+	] }), $[36] = t12, $[37] = t13, $[38] = t17, $[39] = t5, $[40] = t9, $[41] = t18) : t18 = $[41], t18;
 };
 function _temp$2(t) {
-  return t.toUpperCase();
+	return t.toUpperCase();
 }
 const PlaceholderAvatar = () => {
-  const $ = c(2), {
-    border
-  } = useCardColor();
-  let t0;
-  return $[0] !== border ? (t0 = /* @__PURE__ */ jsx(Box, { style: {
-    backgroundColor: border,
-    borderRadius: "20px",
-    height: "20px",
-    userSelect: "none",
-    width: "20px"
-  } }), $[0] = border, $[1] = t0) : t0 = $[1], t0;
+	let $ = c(2), { border } = useCardColor(), t0;
+	return $[0] === border ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Box, { style: {
+		backgroundColor: border,
+		borderRadius: "20px",
+		height: "20px",
+		userSelect: "none",
+		width: "20px"
+	} }), $[0] = border, $[1] = t0), t0;
 }, PlaceholderText = (props) => {
-  const $ = c(7), {
-    rows
-  } = props, {
-    border
-  } = useCardColor();
-  let t0;
-  $[0] !== border ? (t0 = {
-    backgroundColor: border,
-    borderRadius: "3px",
-    userSelect: "none",
-    width: "100%"
-  }, $[0] = border, $[1] = t0) : t0 = $[1];
-  let t1;
-  $[2] !== rows ? (t1 = /* @__PURE__ */ jsx(Stack, { gap: 2, children: Array.from({
-    length: rows
-  }, _temp$1) }), $[2] = rows, $[3] = t1) : t1 = $[3];
-  let t2;
-  return $[4] !== t0 || $[5] !== t1 ? (t2 = /* @__PURE__ */ jsx(Box, { style: t0, children: t1 }), $[4] = t0, $[5] = t1, $[6] = t2) : t2 = $[6], t2;
+	let $ = c(7), { rows } = props, { border } = useCardColor(), t0;
+	$[0] === border ? t0 = $[1] : (t0 = {
+		backgroundColor: border,
+		borderRadius: "3px",
+		userSelect: "none",
+		width: "100%"
+	}, $[0] = border, $[1] = t0);
+	let t1;
+	$[2] === rows ? t1 = $[3] : (t1 = /* @__PURE__ */ jsx(Stack, {
+		gap: 2,
+		children: Array.from({ length: rows }, _temp$1)
+	}), $[2] = rows, $[3] = t1);
+	let t2;
+	return $[4] !== t0 || $[5] !== t1 ? (t2 = /* @__PURE__ */ jsx(Box, {
+		style: t0,
+		children: t1
+	}), $[4] = t0, $[5] = t1, $[6] = t2) : t2 = $[6], t2;
 };
 function _temp$1(_, index) {
-  return /* @__PURE__ */ jsx(Text, { size: 1, children: "\xA0" }, index);
+	return /* @__PURE__ */ jsx(Text, {
+		size: 1,
+		children: "\xA0"
+	}, index);
 }
 const DeploymentPlaceholder = () => {
-  const $ = c(5);
-  let t0;
-  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(PlaceholderText, { rows: 1 }) }), $[0] = t0) : t0 = $[0];
-  let t1;
-  $[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = /* @__PURE__ */ jsx(TableCell, { variant: "state", children: /* @__PURE__ */ jsx(PlaceholderText, { rows: 1 }) }), $[1] = t1) : t1 = $[1];
-  let t2;
-  $[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = /* @__PURE__ */ jsx(TableCell, { variant: "branch", children: /* @__PURE__ */ jsx(PlaceholderText, { rows: 2 }) }), $[2] = t2) : t2 = $[2];
-  let t3;
-  $[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t3 = /* @__PURE__ */ jsx(TableCell, { variant: "age", children: /* @__PURE__ */ jsx(PlaceholderText, { rows: 1 }) }), $[3] = t3) : t3 = $[3];
-  let t4;
-  return $[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t4 = /* @__PURE__ */ jsxs("tr", { children: [
-    t0,
-    t1,
-    t2,
-    t3,
-    /* @__PURE__ */ jsx(TableCell, { variant: "creator", children: /* @__PURE__ */ jsx(Flex, { justify: "center", children: /* @__PURE__ */ jsx(PlaceholderAvatar, {}) }) })
-  ] }), $[4] = t4) : t4 = $[4], t4;
+	let $ = c(5), t0;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(PlaceholderText, { rows: 1 }) }), $[0] = t0) : t0 = $[0];
+	let t1;
+	$[1] === Symbol.for("react.memo_cache_sentinel") ? (t1 = /* @__PURE__ */ jsx(TableCell, {
+		variant: "state",
+		children: /* @__PURE__ */ jsx(PlaceholderText, { rows: 1 })
+	}), $[1] = t1) : t1 = $[1];
+	let t2;
+	$[2] === Symbol.for("react.memo_cache_sentinel") ? (t2 = /* @__PURE__ */ jsx(TableCell, {
+		variant: "branch",
+		children: /* @__PURE__ */ jsx(PlaceholderText, { rows: 2 })
+	}), $[2] = t2) : t2 = $[2];
+	let t3;
+	$[3] === Symbol.for("react.memo_cache_sentinel") ? (t3 = /* @__PURE__ */ jsx(TableCell, {
+		variant: "age",
+		children: /* @__PURE__ */ jsx(PlaceholderText, { rows: 1 })
+	}), $[3] = t3) : t3 = $[3];
+	let t4;
+	return $[4] === Symbol.for("react.memo_cache_sentinel") ? (t4 = /* @__PURE__ */ jsxs("tr", { children: [
+		t0,
+		t1,
+		t2,
+		t3,
+		/* @__PURE__ */ jsx(TableCell, {
+			variant: "creator",
+			children: /* @__PURE__ */ jsx(Flex, {
+				justify: "center",
+				children: /* @__PURE__ */ jsx(PlaceholderAvatar, {})
+			})
+		})
+	] }), $[4] = t4) : t4 = $[4], t4;
 }, Deployments = (props) => {
-  const $ = c(49), {
-    deploymentTarget
-  } = props, refTimeout = useRef(null), [refreshState, refreshStateTransition] = useMachine(refreshMachine);
-  let t0;
-  $[0] !== refreshState ? (t0 = refreshState.matches("error"), $[0] = refreshState, $[1] = t0) : t0 = $[1];
-  const t1 = !t0;
-  let t2;
-  $[2] !== t1 ? (t2 = {
-    enabled: t1
-  }, $[2] = t1, $[3] = t2) : t2 = $[3];
-  const {
-    deployments,
-    error,
-    isFetching,
-    isSuccess,
-    refetch
-  } = useDeployments(deploymentTarget, t2), toast = useToast();
-  let t3;
-  $[4] !== refreshState ? (t3 = refreshState.matches("error"), $[4] = refreshState, $[5] = t3) : t3 = $[5];
-  const isError = t3;
-  let t4;
-  $[6] !== refetch ? (t4 = () => {
-    refTimeout.current && clearTimeout(refTimeout.current), refTimeout.current = setTimeout(() => {
-      refetch({
-        cancelRefetch: !0,
-        throwOnError: !0
-      });
-    }, 4e3);
-  }, $[6] = refetch, $[7] = t4) : t4 = $[7];
-  const handleDeploySuccess = t4;
-  let t5, t6;
-  $[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t5 = () => () => {
-    refTimeout.current && clearTimeout(refTimeout.current);
-  }, t6 = [], $[8] = t5, $[9] = t6) : (t5 = $[8], t6 = $[9]), useEffect(t5, t6);
-  let t7, t8;
-  $[10] !== error || $[11] !== isFetching || $[12] !== isSuccess || $[13] !== refreshStateTransition ? (t7 = () => {
-    error && refreshStateTransition({
-      type: "ERROR"
-    }), isFetching && refreshStateTransition({
-      type: "REFRESH"
-    }), !isFetching && isSuccess && refreshStateTransition({
-      type: "REFRESHED"
-    });
-  }, t8 = [error, isFetching, isSuccess, refreshStateTransition], $[10] = error, $[11] = isFetching, $[12] = isSuccess, $[13] = refreshStateTransition, $[14] = t7, $[15] = t8) : (t7 = $[14], t8 = $[15]), useEffect(t7, t8);
-  let t9;
-  $[16] !== refreshState || $[17] !== refreshStateTransition ? (t9 = () => {
-    refreshState.matches("refreshing") || refreshStateTransition({
-      type: "REFRESH"
-    });
-  }, $[16] = refreshState, $[17] = refreshStateTransition, $[18] = t9) : t9 = $[18];
-  let t10;
-  $[19] !== deploymentTarget ? (t10 = [deploymentTarget], $[19] = deploymentTarget, $[20] = t10) : t10 = $[20], useDeepCompareEffect(t9, t10);
-  let t11;
-  $[21] !== deploymentTarget || $[22] !== isError || $[23] !== toast ? (t11 = () => {
-    isError && toast.push({
-      closable: !0,
-      description: `Unable to fetch deployments for ${deploymentTarget.name}`,
-      duration: 8e3,
-      status: "error",
-      title: WIDGET_NAME
-    });
-  }, $[21] = deploymentTarget, $[22] = isError, $[23] = toast, $[24] = t11) : t11 = $[24];
-  let t12;
-  $[25] !== deploymentTarget || $[26] !== isError ? (t12 = [deploymentTarget, isError], $[25] = deploymentTarget, $[26] = isError, $[27] = t12) : t12 = $[27], useDeepCompareEffect(t11, t12);
-  const hasFetched = typeof deployments < "u", hasDeployments = deployments && deployments.length > 0, {
-    border
-  } = useCardColor();
-  let t13;
-  $[28] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t13 = {
-    position: "relative"
-  }, $[28] = t13) : t13 = $[28];
-  let t14;
-  $[29] !== refreshState ? (t14 = /* @__PURE__ */ jsx(StateDebug, { name: "Refresh", state: refreshState }), $[29] = refreshState, $[30] = t14) : t14 = $[30];
-  let t15;
-  $[31] !== border || $[32] !== deploymentTarget || $[33] !== deployments || $[34] !== hasDeployments || $[35] !== hasFetched || $[36] !== refreshState ? (t15 = !refreshState.matches("error") && /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(Box, { as: "table", style: {
-      borderBottom: `1px solid ${border}`,
-      borderCollapse: "collapse",
-      display: "table",
-      tableLayout: "fixed",
-      width: "100%"
-    }, children: [
-      /* @__PURE__ */ jsx(Box, { as: "thead", style: {
-        display: "table-header-group"
-      }, children: /* @__PURE__ */ jsxs("tr", { children: [
-        /* @__PURE__ */ jsx(TableCell, { header: !0, children: "Deployment" }),
-        /* @__PURE__ */ jsx(TableCell, { header: !0, variant: "state", children: "State" }),
-        /* @__PURE__ */ jsx(TableCell, { header: !0, variant: "branch", children: "Branch" }),
-        /* @__PURE__ */ jsx(TableCell, { header: !0, variant: "age", children: "Age" }),
-        /* @__PURE__ */ jsx(TableCell, { header: !0, variant: "creator", children: "Creator" })
-      ] }) }),
-      /* @__PURE__ */ jsxs(Box, { as: "tbody", style: {
-        display: "table-row-group"
-      }, children: [
-        !deployments && Array.from({
-          length: deploymentTarget.deployLimit
-        }, _temp),
-        hasDeployments && deployments?.map(_temp2)
-      ] })
-    ] }),
-    hasFetched && !hasDeployments && /* @__PURE__ */ jsx(Box, { padding: 3, style: {
-      width: "100%"
-    }, children: /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: "No deployments found. Don't forget to specify a valid team ID if your project belongs to a team." }) })
-  ] }), $[31] = border, $[32] = deploymentTarget, $[33] = deployments, $[34] = hasDeployments, $[35] = hasFetched, $[36] = refreshState, $[37] = t15) : t15 = $[37];
-  let t16;
-  $[38] !== refreshState ? (t16 = refreshState.matches("error") && /* @__PURE__ */ jsx(Box, { padding: 3, children: /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: "Unable to fetch recent deployments. Please check your network and deployment settings." }) }), $[38] = refreshState, $[39] = t16) : t16 = $[39];
-  let t17;
-  $[40] !== deploymentTarget || $[41] !== handleDeploySuccess || $[42] !== refreshState ? (t17 = !refreshState.matches("error") && deploymentTarget.deployHook && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(DeployButton, { deployHook: deploymentTarget.deployHook, onDeploySuccess: handleDeploySuccess, targetName: deploymentTarget.name }) }), $[40] = deploymentTarget, $[41] = handleDeploySuccess, $[42] = refreshState, $[43] = t17) : t17 = $[43];
-  let t18;
-  return $[44] !== t14 || $[45] !== t15 || $[46] !== t16 || $[47] !== t17 ? (t18 = /* @__PURE__ */ jsxs(Box, { marginTop: 3, style: t13, children: [
-    t14,
-    t15,
-    t16,
-    t17
-  ] }), $[44] = t14, $[45] = t15, $[46] = t16, $[47] = t17, $[48] = t18) : t18 = $[48], t18;
+	let $ = c(49), { deploymentTarget } = props, refTimeout = useRef(null), [refreshState, refreshStateTransition] = useMachine(refreshMachine), t0;
+	$[0] === refreshState ? t0 = $[1] : (t0 = refreshState.matches("error"), $[0] = refreshState, $[1] = t0);
+	let t1 = !t0, t2;
+	$[2] === t1 ? t2 = $[3] : (t2 = { enabled: t1 }, $[2] = t1, $[3] = t2);
+	let { deployments, error, isFetching, isSuccess, refetch } = useDeployments(deploymentTarget, t2), toast = useToast(), t3;
+	$[4] === refreshState ? t3 = $[5] : (t3 = refreshState.matches("error"), $[4] = refreshState, $[5] = t3);
+	let isError = t3, t4;
+	$[6] === refetch ? t4 = $[7] : (t4 = () => {
+		refTimeout.current && clearTimeout(refTimeout.current), refTimeout.current = setTimeout(() => {
+			refetch({
+				cancelRefetch: !0,
+				throwOnError: !0
+			});
+		}, 4e3);
+	}, $[6] = refetch, $[7] = t4);
+	let handleDeploySuccess = t4, t5, t6;
+	$[8] === Symbol.for("react.memo_cache_sentinel") ? (t5 = () => () => {
+		refTimeout.current && clearTimeout(refTimeout.current);
+	}, t6 = [], $[8] = t5, $[9] = t6) : (t5 = $[8], t6 = $[9]), useEffect(t5, t6);
+	let t7, t8;
+	$[10] !== error || $[11] !== isFetching || $[12] !== isSuccess || $[13] !== refreshStateTransition ? (t7 = () => {
+		error && refreshStateTransition({ type: "ERROR" }), isFetching && refreshStateTransition({ type: "REFRESH" }), !isFetching && isSuccess && refreshStateTransition({ type: "REFRESHED" });
+	}, t8 = [
+		error,
+		isFetching,
+		isSuccess,
+		refreshStateTransition
+	], $[10] = error, $[11] = isFetching, $[12] = isSuccess, $[13] = refreshStateTransition, $[14] = t7, $[15] = t8) : (t7 = $[14], t8 = $[15]), useEffect(t7, t8);
+	let t9;
+	$[16] !== refreshState || $[17] !== refreshStateTransition ? (t9 = () => {
+		refreshState.matches("refreshing") || refreshStateTransition({ type: "REFRESH" });
+	}, $[16] = refreshState, $[17] = refreshStateTransition, $[18] = t9) : t9 = $[18];
+	let t10;
+	$[19] === deploymentTarget ? t10 = $[20] : (t10 = [deploymentTarget], $[19] = deploymentTarget, $[20] = t10), useDeepCompareEffect(t9, t10);
+	let t11;
+	$[21] !== deploymentTarget || $[22] !== isError || $[23] !== toast ? (t11 = () => {
+		isError && toast.push({
+			closable: !0,
+			description: `Unable to fetch deployments for ${deploymentTarget.name}`,
+			duration: 8e3,
+			status: "error",
+			title: WIDGET_NAME
+		});
+	}, $[21] = deploymentTarget, $[22] = isError, $[23] = toast, $[24] = t11) : t11 = $[24];
+	let t12;
+	$[25] !== deploymentTarget || $[26] !== isError ? (t12 = [deploymentTarget, isError], $[25] = deploymentTarget, $[26] = isError, $[27] = t12) : t12 = $[27], useDeepCompareEffect(t11, t12);
+	let hasFetched = deployments !== void 0, hasDeployments = deployments && deployments.length > 0, { border } = useCardColor(), t13;
+	$[28] === Symbol.for("react.memo_cache_sentinel") ? (t13 = { position: "relative" }, $[28] = t13) : t13 = $[28];
+	let t14;
+	$[29] === refreshState ? t14 = $[30] : (t14 = /* @__PURE__ */ jsx(StateDebug, {
+		name: "Refresh",
+		state: refreshState
+	}), $[29] = refreshState, $[30] = t14);
+	let t15;
+	$[31] !== border || $[32] !== deploymentTarget || $[33] !== deployments || $[34] !== hasDeployments || $[35] !== hasFetched || $[36] !== refreshState ? (t15 = !refreshState.matches("error") && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Box, {
+		as: "table",
+		style: {
+			borderBottom: `1px solid ${border}`,
+			borderCollapse: "collapse",
+			display: "table",
+			tableLayout: "fixed",
+			width: "100%"
+		},
+		children: [/* @__PURE__ */ jsx(Box, {
+			as: "thead",
+			style: { display: "table-header-group" },
+			children: /* @__PURE__ */ jsxs("tr", { children: [
+				/* @__PURE__ */ jsx(TableCell, {
+					header: !0,
+					children: "Deployment"
+				}),
+				/* @__PURE__ */ jsx(TableCell, {
+					header: !0,
+					variant: "state",
+					children: "State"
+				}),
+				/* @__PURE__ */ jsx(TableCell, {
+					header: !0,
+					variant: "branch",
+					children: "Branch"
+				}),
+				/* @__PURE__ */ jsx(TableCell, {
+					header: !0,
+					variant: "age",
+					children: "Age"
+				}),
+				/* @__PURE__ */ jsx(TableCell, {
+					header: !0,
+					variant: "creator",
+					children: "Creator"
+				})
+			] })
+		}), /* @__PURE__ */ jsxs(Box, {
+			as: "tbody",
+			style: { display: "table-row-group" },
+			children: [!deployments && Array.from({ length: deploymentTarget.deployLimit }, _temp), hasDeployments && deployments?.map(_temp2)]
+		})]
+	}), hasFetched && !hasDeployments && /* @__PURE__ */ jsx(Box, {
+		padding: 3,
+		style: { width: "100%" },
+		children: /* @__PURE__ */ jsx(Text, {
+			muted: !0,
+			size: 1,
+			children: "No deployments found. Don't forget to specify a valid team ID if your project belongs to a team."
+		})
+	})] }), $[31] = border, $[32] = deploymentTarget, $[33] = deployments, $[34] = hasDeployments, $[35] = hasFetched, $[36] = refreshState, $[37] = t15) : t15 = $[37];
+	let t16;
+	$[38] === refreshState ? t16 = $[39] : (t16 = refreshState.matches("error") && /* @__PURE__ */ jsx(Box, {
+		padding: 3,
+		children: /* @__PURE__ */ jsx(Text, {
+			muted: !0,
+			size: 1,
+			children: "Unable to fetch recent deployments. Please check your network and deployment settings."
+		})
+	}), $[38] = refreshState, $[39] = t16);
+	let t17;
+	$[40] !== deploymentTarget || $[41] !== handleDeploySuccess || $[42] !== refreshState ? (t17 = !refreshState.matches("error") && deploymentTarget.deployHook && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(DeployButton, {
+		deployHook: deploymentTarget.deployHook,
+		onDeploySuccess: handleDeploySuccess,
+		targetName: deploymentTarget.name
+	}) }), $[40] = deploymentTarget, $[41] = handleDeploySuccess, $[42] = refreshState, $[43] = t17) : t17 = $[43];
+	let t18;
+	return $[44] !== t14 || $[45] !== t15 || $[46] !== t16 || $[47] !== t17 ? (t18 = /* @__PURE__ */ jsxs(Box, {
+		marginTop: 3,
+		style: t13,
+		children: [
+			t14,
+			t15,
+			t16,
+			t17
+		]
+	}), $[44] = t14, $[45] = t15, $[46] = t16, $[47] = t17, $[48] = t18) : t18 = $[48], t18;
 };
 function _temp(_, index) {
-  return /* @__PURE__ */ jsx(DeploymentPlaceholder, {}, index);
+	return /* @__PURE__ */ jsx(DeploymentPlaceholder, {}, index);
 }
 function _temp2(deployment) {
-  return /* @__PURE__ */ jsx(Deployment, { deployment }, deployment.uid);
+	return /* @__PURE__ */ jsx(Deployment, { deployment }, deployment.uid);
 }
 const DeploymentTarget = (props) => {
-  const $ = c(22), {
-    item,
-    onDialogEdit
-  } = props;
-  let t0;
-  $[0] !== item.deployHook || $[1] !== item.deployLimit || $[2] !== item.name || $[3] !== item.projectId || $[4] !== item.teamId || $[5] !== item.token ? (t0 = {
-    deployHook: item.deployHook,
-    deployLimit: item.deployLimit,
-    name: item.name,
-    projectId: item.projectId,
-    teamId: item.teamId,
-    token: item.token
-  }, $[0] = item.deployHook, $[1] = item.deployLimit, $[2] = item.name, $[3] = item.projectId, $[4] = item.teamId, $[5] = item.token, $[6] = t0) : t0 = $[6];
-  const deploymentTarget = t0;
-  let t1;
-  $[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = {
-    position: "relative"
-  }, $[7] = t1) : t1 = $[7];
-  let t2;
-  $[8] !== item.name ? (t2 = /* @__PURE__ */ jsx(Text, { size: 2, children: item.name }), $[8] = item.name, $[9] = t2) : t2 = $[9];
-  let t3;
-  $[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t3 = /* @__PURE__ */ jsx(Box, { padding: 2, children: /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: "Edit deployment target" }) }), $[10] = t3) : t3 = $[10];
-  let t4;
-  $[11] !== item || $[12] !== onDialogEdit ? (t4 = /* @__PURE__ */ jsx(Tooltip, { content: t3, placement: "left", children: /* @__PURE__ */ jsx(Button, { fontSize: 1, icon: EditIcon, mode: "bleed", onClick: () => onDialogEdit(item) }) }), $[11] = item, $[12] = onDialogEdit, $[13] = t4) : t4 = $[13];
-  let t5;
-  $[14] !== t2 || $[15] !== t4 ? (t5 = /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "space-between", marginTop: 2, paddingX: 3, children: [
-    t2,
-    t4
-  ] }), $[14] = t2, $[15] = t4, $[16] = t5) : t5 = $[16];
-  let t6;
-  $[17] !== deploymentTarget ? (t6 = /* @__PURE__ */ jsx(Deployments, { deploymentTarget }), $[17] = deploymentTarget, $[18] = t6) : t6 = $[18];
-  let t7;
-  return $[19] !== t5 || $[20] !== t6 ? (t7 = /* @__PURE__ */ jsxs(Box, { style: t1, children: [
-    t5,
-    t6
-  ] }), $[19] = t5, $[20] = t6, $[21] = t7) : t7 = $[21], t7;
+	let $ = c(22), { item, onDialogEdit } = props, t0;
+	$[0] !== item.deployHook || $[1] !== item.deployLimit || $[2] !== item.name || $[3] !== item.projectId || $[4] !== item.teamId || $[5] !== item.token ? (t0 = {
+		deployHook: item.deployHook,
+		deployLimit: item.deployLimit,
+		name: item.name,
+		projectId: item.projectId,
+		teamId: item.teamId,
+		token: item.token
+	}, $[0] = item.deployHook, $[1] = item.deployLimit, $[2] = item.name, $[3] = item.projectId, $[4] = item.teamId, $[5] = item.token, $[6] = t0) : t0 = $[6];
+	let deploymentTarget = t0, t1;
+	$[7] === Symbol.for("react.memo_cache_sentinel") ? (t1 = { position: "relative" }, $[7] = t1) : t1 = $[7];
+	let t2;
+	$[8] === item.name ? t2 = $[9] : (t2 = /* @__PURE__ */ jsx(Text, {
+		size: 2,
+		children: item.name
+	}), $[8] = item.name, $[9] = t2);
+	let t3;
+	$[10] === Symbol.for("react.memo_cache_sentinel") ? (t3 = /* @__PURE__ */ jsx(Box, {
+		padding: 2,
+		children: /* @__PURE__ */ jsx(Text, {
+			muted: !0,
+			size: 1,
+			children: "Edit deployment target"
+		})
+	}), $[10] = t3) : t3 = $[10];
+	let t4;
+	$[11] !== item || $[12] !== onDialogEdit ? (t4 = /* @__PURE__ */ jsx(Tooltip, {
+		content: t3,
+		placement: "left",
+		children: /* @__PURE__ */ jsx(Button, {
+			fontSize: 1,
+			icon: EditIcon,
+			mode: "bleed",
+			onClick: () => onDialogEdit(item)
+		})
+	}), $[11] = item, $[12] = onDialogEdit, $[13] = t4) : t4 = $[13];
+	let t5;
+	$[14] !== t2 || $[15] !== t4 ? (t5 = /* @__PURE__ */ jsxs(Flex, {
+		align: "center",
+		justify: "space-between",
+		marginTop: 2,
+		paddingX: 3,
+		children: [t2, t4]
+	}), $[14] = t2, $[15] = t4, $[16] = t5) : t5 = $[16];
+	let t6;
+	$[17] === deploymentTarget ? t6 = $[18] : (t6 = /* @__PURE__ */ jsx(Deployments, { deploymentTarget }), $[17] = deploymentTarget, $[18] = t6);
+	let t7;
+	return $[19] !== t5 || $[20] !== t6 ? (t7 = /* @__PURE__ */ jsxs(Box, {
+		style: t1,
+		children: [t5, t6]
+	}), $[19] = t5, $[20] = t6, $[21] = t7) : t7 = $[21], t7;
 }, DeploymentTargets = (props) => {
-  const $ = c(5), {
-    items,
-    onDialogEdit
-  } = props;
-  let t0;
-  $[0] !== items || $[1] !== onDialogEdit ? (t0 = items?.map((item) => /* @__PURE__ */ jsx(DeploymentTarget, { item, onDialogEdit }, item._id)), $[0] = items, $[1] = onDialogEdit, $[2] = t0) : t0 = $[2];
-  let t1;
-  return $[3] !== t0 ? (t1 = /* @__PURE__ */ jsx(Stack, { gap: 5, children: t0 }), $[3] = t0, $[4] = t1) : t1 = $[4], t1;
+	let $ = c(5), { items, onDialogEdit } = props, t0;
+	$[0] !== items || $[1] !== onDialogEdit ? (t0 = items?.map((item) => /* @__PURE__ */ jsx(DeploymentTarget, {
+		item,
+		onDialogEdit
+	}, item._id)), $[0] = items, $[1] = onDialogEdit, $[2] = t0) : t0 = $[2];
+	let t1;
+	return $[3] === t0 ? t1 = $[4] : (t1 = /* @__PURE__ */ jsx(Stack, {
+		gap: 5,
+		children: t0
+	}), $[3] = t0, $[4] = t1), t1;
 }, formMachine = setup({
-  types: {},
-  actions: {
-    setId: assign({
-      id: ({
-        event
-      }) => (assertEvent(event, ["UPDATE", "DELETE"]), event.id)
-    }),
-    setFormData: assign({
-      formData: ({
-        event
-      }) => (assertEvent(event, ["CREATE", "UPDATE"]), event.formData)
-    }),
-    setMessage: assign({
-      message: ({
-        event
-      }) => "data" in event && event.data && typeof event.data == "object" && "details" in event.data && event.data.details && typeof event.data.details == "object" && "description" in event.data.details ? event.data.details.description : "An error occurred"
-    }),
-    setDocument: assign({
-      document: ({
-        event
-      }) => event.output
-    })
-  },
-  actors: {
-    // The explicit `Promise<SanityDocument>` return types keep the inferred machine
-    // type portable for declaration emit (TS2883), by referencing the `SanityDocument`
-    // alias imported from `sanity` instead of a deep `@sanity/client` path.
-    "create document": fromPromise(({
-      input
-    }) => input.client.create({
-      _id: `vercel.${uuid()}`,
-      _type: DEPLOYMENT_TARGET_DOCUMENT_TYPE,
-      ...input.formData
-    })),
-    "update document": fromPromise(({
-      input
-    }) => input.client.patch(input.id).set(input.formData).commit()),
-    "delete document": fromPromise(({
-      input
-    }) => input.client.delete(input.id))
-  }
+	types: {},
+	actions: {
+		setId: assign({ id: ({ event }) => (assertEvent(event, ["UPDATE", "DELETE"]), event.id) }),
+		setFormData: assign({ formData: ({ event }) => (assertEvent(event, ["CREATE", "UPDATE"]), event.formData) }),
+		setMessage: assign({ message: ({ event }) => "data" in event && event.data && typeof event.data == "object" && "details" in event.data && event.data.details && typeof event.data.details == "object" && "description" in event.data.details ? event.data.details.description : "An error occurred" }),
+		setDocument: assign({ document: ({ event }) => event.output })
+	},
+	actors: {
+		"create document": fromPromise(({ input }) => input.client.create({
+			_id: `vercel.${uuid()}`,
+			_type: DEPLOYMENT_TARGET_DOCUMENT_TYPE,
+			...input.formData
+		})),
+		"update document": fromPromise(({ input }) => input.client.patch(input.id).set(input.formData).commit()),
+		"delete document": fromPromise(({ input }) => input.client.delete(input.id))
+	}
 }).createMachine({
-  /** @xstate-layout N4IgpgJg5mDOIC5QAoC2BDAxgCwJYDswBKAOlwgBswBiAYQCUBRAQQBVGBtABgF1FQADgHtYuAC64h+fiAAeiAIwBmAGwkuGjQFYALAE4AHACYdWgwYA0IAJ6IjKgOwkdXFUYVa9h-Ua5KAvv5WaFh4hKTkVNQAqgAKACJsnLwywqISUjLyCMpqmtr6xqbmVrYIBgokWvlGWkpaCgZeKoHBGDgExGSUNPGMADKM7Nx8SCBp4pLSY9m56vm6hiZmljaIOipqdXpcDk1aWiYqBlqtICEd4SSYAE5g6BL4UNQQUmBk+ABuQgDW77f3MRgeJCTAAV1QYHwYmYmDEQhuI1SIkmmRmiGOShIDiUOh0SiaCgUegcDj0pTsjhI5iMewUpPsTSMZwuYS6AIeBGeYBuNwRJAEFAeADMEahrncHsDQRCoTC4QikWMJhlpqBspjsbj8YTiaTyWsEKouNT6noiX5zUpiQEgud2mzSGCBBBOU8Xm8Pt8-iRna6gSDwZDobD4YiUsqUaqshiDFicXiCea9WSKeVKiSVIclEYlIY-BUWQ7Ok6XW7ubz+YKRWLfWWAzLg-Kw0rBFGpjGEJqEzrkyTU4b6ToSHojHos7VXEc6kXQiWSBAwFRHs9XoQvb93ovl9Kg3LQ4qI230h30V241rE7r+wayro1A4dO4VHotA5fPTTnbWfPt2AV9QPJ8jcApCmIoo3OKf4NnuIYKuGozHqiapyLG8bakmRI3mmpjxk0XAuEoXAHI+DgtGc+BCIu8BjD+4TIieaLqogAC0Khpmxs6XF0kRgAxyGdk+aYKLSVR7Fweg6A4IkGFwChcY6EqAly-HRmeY7DnSY5GHGL4qFwRhpjpJpmriDjVMRLgGAp84ckCECqaezEIHoObUuZuwKH4xGPgoRnmCQpmOAcqhmPJ37Flcfrlo5TGoQgY4mgYHkeAS+iqH5hqSc4dSuCo+I6SoSjvjZUX1pAsUodkrlGO51TSd5b46JlZRebVuG7IcjRmA05FtHOVzQSpkaMVVdivs4CibHGxg6biSg4ZsJD2AccaFEVGwOKVXTQRVI0CWeNV1Z5jW+WmujDj4HjmMRnhEttpBAQilWdkdyX1V5RFNS1iAEpU1pHER9JWjogSBEAA */
-  context: ({
-    input
-  }) => ({
-    client: input.client,
-    formData: {},
-    message: ""
-  }),
-  initial: "idle",
-  states: {
-    idle: {
-      on: {
-        CREATE: {
-          actions: ["setFormData"],
-          target: "creating"
-        },
-        UPDATE: {
-          actions: ["setId", "setFormData"],
-          target: "updating"
-        },
-        DELETE: {
-          actions: "setId",
-          target: "deleting"
-        }
-      }
-    },
-    creating: {
-      tags: ["busy"],
-      invoke: {
-        src: "create document",
-        id: "createDocumentActor",
-        input: ({
-          context
-        }) => ({
-          client: context.client,
-          formData: context.formData
-        }),
-        onDone: {
-          actions: "setDocument",
-          target: "created"
-        },
-        onError: {
-          actions: "setMessage",
-          target: "error"
-        }
-      }
-    },
-    created: {
-      type: "final"
-    },
-    updating: {
-      tags: ["busy"],
-      invoke: {
-        src: "update document",
-        id: "updateDocumentActor",
-        input: ({
-          context
-        }) => ({
-          client: context.client,
-          id: context.id,
-          formData: context.formData
-        }),
-        onDone: {
-          actions: "setDocument",
-          target: "updated"
-        },
-        onError: {
-          actions: "setMessage",
-          target: "error"
-        }
-      }
-    },
-    updated: {
-      type: "final"
-    },
-    deleting: {
-      tags: ["busy"],
-      invoke: {
-        src: "delete document",
-        id: "deleteDocumentActor",
-        input: ({
-          context
-        }) => ({
-          client: context.client,
-          id: context.id
-        }),
-        onDone: {
-          target: "deleted"
-        },
-        onError: {
-          actions: "setMessage",
-          target: "error"
-        }
-      }
-    },
-    deleted: {
-      type: "final"
-    },
-    error: {
-      type: "final"
-    }
-  }
+	/** @xstate-layout N4IgpgJg5mDOIC5QAoC2BDAxgCwJYDswBKAOlwgBswBiAYQCUBRAQQBVGBtABgF1FQADgHtYuAC64h+fiAAeiAIwBmAGwkuGjQFYALAE4AHACYdWgwYA0IAJ6IjKgOwkdXFUYVa9h-Ua5KAvv5WaFh4hKTkVNQAqgAKACJsnLwywqISUjLyCMpqmtr6xqbmVrYIBgokWvlGWkpaCgZeKoHBGDgExGSUNPGMADKM7Nx8SCBp4pLSY9m56vm6hiZmljaIOipqdXpcDk1aWiYqBlqtICEd4SSYAE5g6BL4UNQQUmBk+ABuQgDW77f3MRgeJCTAAV1QYHwYmYmDEQhuI1SIkmmRmiGOShIDiUOh0SiaCgUegcDj0pTsjhI5iMewUpPsTSMZwuYS6AIeBGeYBuNwRJAEFAeADMEahrncHsDQRCoTC4QikWMJhlpqBspjsbj8YTiaTyWsEKouNT6noiX5zUpiQEgud2mzSGCBBBOU8Xm8Pt8-iRna6gSDwZDobD4YiUsqUaqshiDFicXiCea9WSKeVKiSVIclEYlIY-BUWQ7Ok6XW7ubz+YKRWLfWWAzLg-Kw0rBFGpjGEJqEzrkyTU4b6ToSHojHos7VXEc6kXQiWSBAwFRHs9XoQvb93ovl9Kg3LQ4qI230h30V241rE7r+wayro1A4dO4VHotA5fPTTnbWfPt2AV9QPJ8jcApCmIoo3OKf4NnuIYKuGozHqiapyLG8bakmRI3mmpjxk0XAuEoXAHI+DgtGc+BCIu8BjD+4TIieaLqogAC0Khpmxs6XF0kRgAxyGdk+aYKLSVR7Fweg6A4IkGFwChcY6EqAly-HRmeY7DnSY5GHGL4qFwRhpjpJpmriDjVMRLgGAp84ckCECqaezEIHoObUuZuwKH4xGPgoRnmCQpmOAcqhmPJ37Flcfrlo5TGoQgY4mgYHkeAS+iqH5hqSc4dSuCo+I6SoSjvjZUX1pAsUodkrlGO51TSd5b46JlZRebVuG7IcjRmA05FtHOVzQSpkaMVVdivs4CibHGxg6biSg4ZsJD2AccaFEVGwOKVXTQRVI0CWeNV1Z5jW+WmujDj4HjmMRnhEttpBAQilWdkdyX1V5RFNS1iAEpU1pHER9JWjogSBEAA */
+	context: ({ input }) => ({
+		client: input.client,
+		formData: {},
+		message: ""
+	}),
+	initial: "idle",
+	states: {
+		idle: { on: {
+			CREATE: {
+				actions: ["setFormData"],
+				target: "creating"
+			},
+			UPDATE: {
+				actions: ["setId", "setFormData"],
+				target: "updating"
+			},
+			DELETE: {
+				actions: "setId",
+				target: "deleting"
+			}
+		} },
+		creating: {
+			tags: ["busy"],
+			invoke: {
+				src: "create document",
+				id: "createDocumentActor",
+				input: ({ context }) => ({
+					client: context.client,
+					formData: context.formData
+				}),
+				onDone: {
+					actions: "setDocument",
+					target: "created"
+				},
+				onError: {
+					actions: "setMessage",
+					target: "error"
+				}
+			}
+		},
+		created: { type: "final" },
+		updating: {
+			tags: ["busy"],
+			invoke: {
+				src: "update document",
+				id: "updateDocumentActor",
+				input: ({ context }) => ({
+					client: context.client,
+					id: context.id,
+					formData: context.formData
+				}),
+				onDone: {
+					actions: "setDocument",
+					target: "updated"
+				},
+				onError: {
+					actions: "setMessage",
+					target: "error"
+				}
+			}
+		},
+		updated: { type: "final" },
+		deleting: {
+			tags: ["busy"],
+			invoke: {
+				src: "delete document",
+				id: "deleteDocumentActor",
+				input: ({ context }) => ({
+					client: context.client,
+					id: context.id
+				}),
+				onDone: { target: "deleted" },
+				onError: {
+					actions: "setMessage",
+					target: "error"
+				}
+			}
+		},
+		deleted: { type: "final" },
+		error: { type: "final" }
+	}
 }), sanitizeFormData = (formData) => Object.keys(formData).reduce((acc, key) => {
-  const val = formData[key];
-  return typeof val == "object" && val !== null && val.constructor !== Array ? acc[key] = sanitizeFormData(val) : val === "" || typeof val > "u" || val?.length === 0 ? acc[key] = null : typeof val == "string" && val ? acc[key] = formData[key].trim() : acc[key] = formData[key], acc;
-}, {}), errorIconStyle = {
-  color: red[500].hex
-}, FormFieldInputLabel = (props) => {
-  const $ = c(13), {
-    description,
-    error,
-    label,
-    name
-  } = props;
-  let t0;
-  $[0] !== label || $[1] !== name ? (t0 = /* @__PURE__ */ jsx(Text, { as: "label", htmlFor: name, size: 1, weight: "semibold", children: label }), $[0] = label, $[1] = name, $[2] = t0) : t0 = $[2];
-  let t1;
-  $[3] !== error ? (t1 = error && /* @__PURE__ */ jsx(Text, { size: 1, children: /* @__PURE__ */ jsx(Tooltip, { content: /* @__PURE__ */ jsx(Box, { padding: 2, children: /* @__PURE__ */ jsxs(Text, { muted: !0, size: 1, children: [
-    /* @__PURE__ */ jsx(ErrorOutlineIcon, { style: {
-      ...errorIconStyle,
-      marginRight: "0.1em"
-    } }),
-    error.message
-  ] }) }), fallbackPlacements: ["top", "left"], placement: "right", portal: !0, children: /* @__PURE__ */ jsx(ErrorOutlineIcon, { style: errorIconStyle }) }) }), $[3] = error, $[4] = t1) : t1 = $[4];
-  let t2;
-  $[5] !== t0 || $[6] !== t1 ? (t2 = /* @__PURE__ */ jsxs(Inline, { gap: 2, children: [
-    t0,
-    t1
-  ] }), $[5] = t0, $[6] = t1, $[7] = t2) : t2 = $[7];
-  let t3;
-  $[8] !== description ? (t3 = description && /* @__PURE__ */ jsx(Box, { marginY: 3, children: /* @__PURE__ */ jsx(Text, { as: "p", muted: !0, size: 1, children: description }) }), $[8] = description, $[9] = t3) : t3 = $[9];
-  let t4;
-  return $[10] !== t2 || $[11] !== t3 ? (t4 = /* @__PURE__ */ jsxs(Box, { marginBottom: 3, children: [
-    t2,
-    t3
-  ] }), $[10] = t2, $[11] = t3, $[12] = t4) : t4 = $[12], t4;
+	let val = formData[key];
+	return typeof val == "object" && val && val.constructor !== Array ? acc[key] = sanitizeFormData(val) : val === "" || val === void 0 || val?.length === 0 ? acc[key] = null : typeof val == "string" && val ? acc[key] = formData[key].trim() : acc[key] = formData[key], acc;
+}, {}), errorIconStyle = { color: red[500].hex }, FormFieldInputLabel = (props) => {
+	let $ = c(13), { description, error, label, name } = props, t0;
+	$[0] !== label || $[1] !== name ? (t0 = /* @__PURE__ */ jsx(Text, {
+		as: "label",
+		htmlFor: name,
+		size: 1,
+		weight: "semibold",
+		children: label
+	}), $[0] = label, $[1] = name, $[2] = t0) : t0 = $[2];
+	let t1;
+	$[3] === error ? t1 = $[4] : (t1 = error && /* @__PURE__ */ jsx(Text, {
+		size: 1,
+		children: /* @__PURE__ */ jsx(Tooltip, {
+			content: /* @__PURE__ */ jsx(Box, {
+				padding: 2,
+				children: /* @__PURE__ */ jsxs(Text, {
+					muted: !0,
+					size: 1,
+					children: [/* @__PURE__ */ jsx(ErrorOutlineIcon, { style: {
+						...errorIconStyle,
+						marginRight: "0.1em"
+					} }), error.message]
+				})
+			}),
+			fallbackPlacements: ["top", "left"],
+			placement: "right",
+			portal: !0,
+			children: /* @__PURE__ */ jsx(ErrorOutlineIcon, { style: errorIconStyle })
+		})
+	}), $[3] = error, $[4] = t1);
+	let t2;
+	$[5] !== t0 || $[6] !== t1 ? (t2 = /* @__PURE__ */ jsxs(Inline, {
+		gap: 2,
+		children: [t0, t1]
+	}), $[5] = t0, $[6] = t1, $[7] = t2) : t2 = $[7];
+	let t3;
+	$[8] === description ? t3 = $[9] : (t3 = description && /* @__PURE__ */ jsx(Box, {
+		marginY: 3,
+		children: /* @__PURE__ */ jsx(Text, {
+			as: "p",
+			muted: !0,
+			size: 1,
+			children: description
+		})
+	}), $[8] = description, $[9] = t3);
+	let t4;
+	return $[10] !== t2 || $[11] !== t3 ? (t4 = /* @__PURE__ */ jsxs(Box, {
+		marginBottom: 3,
+		children: [t2, t3]
+	}), $[10] = t2, $[11] = t3, $[12] = t4) : t4 = $[12], t4;
 }, FormFieldInputText = (props) => {
-  const $ = c(16), {
-    description,
-    disabled,
-    error,
-    label,
-    name,
-    placeholder,
-    value,
-    onChange,
-    onBlur,
-    ref
-  } = props;
-  let t0;
-  $[0] !== description || $[1] !== error || $[2] !== label || $[3] !== name ? (t0 = /* @__PURE__ */ jsx(FormFieldInputLabel, { description, error, label, name }), $[0] = description, $[1] = error, $[2] = label, $[3] = name, $[4] = t0) : t0 = $[4];
-  let t1;
-  $[5] !== disabled || $[6] !== name || $[7] !== onBlur || $[8] !== onChange || $[9] !== placeholder || $[10] !== ref || $[11] !== value ? (t1 = /* @__PURE__ */ jsx(TextInput, { autoComplete: "off", autoFocus: !0, defaultValue: value, disabled, id: name, name, placeholder, onChange, onBlur, ref }), $[5] = disabled, $[6] = name, $[7] = onBlur, $[8] = onChange, $[9] = placeholder, $[10] = ref, $[11] = value, $[12] = t1) : t1 = $[12];
-  let t2;
-  return $[13] !== t0 || $[14] !== t1 ? (t2 = /* @__PURE__ */ jsxs(Box, { children: [
-    t0,
-    t1
-  ] }), $[13] = t0, $[14] = t1, $[15] = t2) : t2 = $[15], t2;
+	let $ = c(16), { description, disabled, error, label, name, placeholder, value, onChange, onBlur, ref } = props, t0;
+	$[0] !== description || $[1] !== error || $[2] !== label || $[3] !== name ? (t0 = /* @__PURE__ */ jsx(FormFieldInputLabel, {
+		description,
+		error,
+		label,
+		name
+	}), $[0] = description, $[1] = error, $[2] = label, $[3] = name, $[4] = t0) : t0 = $[4];
+	let t1;
+	$[5] !== disabled || $[6] !== name || $[7] !== onBlur || $[8] !== onChange || $[9] !== placeholder || $[10] !== ref || $[11] !== value ? (t1 = /* @__PURE__ */ jsx(TextInput, {
+		autoComplete: "off",
+		autoFocus: !0,
+		defaultValue: value,
+		disabled,
+		id: name,
+		name,
+		placeholder,
+		onChange,
+		onBlur,
+		ref
+	}), $[5] = disabled, $[6] = name, $[7] = onBlur, $[8] = onChange, $[9] = placeholder, $[10] = ref, $[11] = value, $[12] = t1) : t1 = $[12];
+	let t2;
+	return $[13] !== t0 || $[14] !== t1 ? (t2 = /* @__PURE__ */ jsxs(Box, { children: [t0, t1] }), $[13] = t0, $[14] = t1, $[15] = t2) : t2 = $[15], t2;
 }, formSchema = yup.object().shape({
-  deployHook: yup.string().url("Deploy hook must be a valid URL"),
-  deployLimit: yup.number().positive().integer().min(1, "Deploy limit must no less than 1").max(15, "Deploy limit must no higher than 15").typeError("Deploy limit must be a number").required("Deploy limit must be a positive integer between 1 and 15"),
-  name: yup.string().required("Name cannot be empty"),
-  projectId: yup.string().required("Vercel Project ID cannot be empty"),
-  teamId: yup.string(),
-  token: yup.string().required("Vercel Account Token cannot be empty")
+	deployHook: yup.string().url("Deploy hook must be a valid URL"),
+	deployLimit: yup.number().positive().integer().min(1, "Deploy limit must no less than 1").max(15, "Deploy limit must no higher than 15").typeError("Deploy limit must be a number").required("Deploy limit must be a positive integer between 1 and 15"),
+	name: yup.string().required("Name cannot be empty"),
+	projectId: yup.string().required("Vercel Project ID cannot be empty"),
+	teamId: yup.string(),
+	token: yup.string().required("Vercel Account Token cannot be empty")
 }), DialogForm = (props) => {
-  const $ = c(104), {
-    deploymentTarget,
-    onClose,
-    onCreate,
-    onDelete,
-    onUpdate
-  } = props, client = useSanityClient(), toast = useToast();
-  let t0;
-  $[0] !== client ? (t0 = {
-    input: {
-      client
-    }
-  }, $[0] = client, $[1] = t0) : t0 = $[1];
-  const [formState, formStateTransition, formStateActorRef] = useActor(formMachine, t0);
-  let t1;
-  $[2] !== formState ? (t1 = formState.hasTag("busy"), $[2] = formState, $[3] = t1) : t1 = $[3];
-  const formUpdating = t1, t2 = deploymentTarget?.deployHook || "", t3 = deploymentTarget?.deployLimit || 5, t4 = deploymentTarget?.name || "", t5 = deploymentTarget?.projectId || "", t6 = deploymentTarget?.teamId || "", t7 = deploymentTarget?.token || "";
-  let t8;
-  $[4] !== t2 || $[5] !== t3 || $[6] !== t4 || $[7] !== t5 || $[8] !== t6 || $[9] !== t7 ? (t8 = {
-    deployHook: t2,
-    deployLimit: t3,
-    name: t4,
-    projectId: t5,
-    teamId: t6,
-    token: t7
-  }, $[4] = t2, $[5] = t3, $[6] = t4, $[7] = t5, $[8] = t6, $[9] = t7, $[10] = t8) : t8 = $[10];
-  let t9;
-  $[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t9 = yupResolver(formSchema), $[11] = t9) : t9 = $[11];
-  let t10;
-  $[12] !== t8 ? (t10 = {
-    defaultValues: t8,
-    mode: "onChange",
-    resolver: t9
-  }, $[12] = t8, $[13] = t10) : t10 = $[13];
-  const {
-    formState: t11,
-    handleSubmit,
-    register
-  } = useForm(t10), {
-    errors,
-    isDirty,
-    isValid
-  } = t11;
-  let t12, t13;
-  $[14] !== formState || $[15] !== onClose || $[16] !== toast ? (t12 = () => {
-    formState.matches("error") && toast.push({
-      status: "error",
-      title: formState.context.message || "An error occurred"
-    }), formState.status === "done" && onClose();
-  }, t13 = [formState, onClose, toast], $[14] = formState, $[15] = onClose, $[16] = toast, $[17] = t12, $[18] = t13) : (t12 = $[17], t13 = $[18]), useEffect(t12, t13);
-  let t14;
-  $[19] !== deploymentTarget || $[20] !== formStateActorRef || $[21] !== formStateTransition || $[22] !== onCreate || $[23] !== onUpdate ? (t14 = async (formData) => {
-    const sanitizedFormData = sanitizeFormData(formData);
-    formStateTransition(deploymentTarget ? {
-      type: "UPDATE",
-      id: deploymentTarget._id,
-      formData: sanitizedFormData
-    } : {
-      type: "CREATE",
-      formData: sanitizedFormData
-    }), await toPromise(formStateActorRef);
-    const snapshot = formStateActorRef.getSnapshot(), {
-      document
-    } = snapshot.context;
-    document && (snapshot.matches("created") ? onCreate?.(document) : snapshot.matches("updated") && onUpdate?.(document));
-  }, $[19] = deploymentTarget, $[20] = formStateActorRef, $[21] = formStateTransition, $[22] = onCreate, $[23] = onUpdate, $[24] = t14) : t14 = $[24];
-  const onSubmit = t14;
-  let t15;
-  $[25] !== deploymentTarget || $[26] !== formStateActorRef || $[27] !== formStateTransition || $[28] !== onDelete ? (t15 = async () => {
-    if (!deploymentTarget)
-      return;
-    const id = deploymentTarget._id;
-    formStateTransition({
-      type: "DELETE",
-      id
-    }), await toPromise(formStateActorRef), formStateActorRef.getSnapshot().matches("deleted") && onDelete?.(id);
-  }, $[25] = deploymentTarget, $[26] = formStateActorRef, $[27] = formStateTransition, $[28] = onDelete, $[29] = t15) : t15 = $[29];
-  const handleDelete = t15, t16 = deploymentTarget ? "space-between" : "flex-end";
-  let t17;
-  $[30] !== deploymentTarget || $[31] !== formState || $[32] !== formUpdating || $[33] !== handleDelete ? (t17 = deploymentTarget && /* @__PURE__ */ jsx(Button, { loading: formState.matches("deleting"), disabled: formUpdating, fontSize: 1, mode: "bleed", onClick: handleDelete, text: "Delete", tone: "critical" }), $[30] = deploymentTarget, $[31] = formState, $[32] = formUpdating, $[33] = handleDelete, $[34] = t17) : t17 = $[34];
-  let t18;
-  $[35] !== formState ? (t18 = formState.matches("creating") || formState.matches("updating"), $[35] = formState, $[36] = t18) : t18 = $[36];
-  const t19 = !isDirty || !isValid;
-  let t20;
-  $[37] !== handleSubmit || $[38] !== onSubmit ? (t20 = handleSubmit(onSubmit), $[37] = handleSubmit, $[38] = onSubmit, $[39] = t20) : t20 = $[39];
-  const t21 = deploymentTarget ? "Update and close" : "Create";
-  let t22;
-  $[40] !== t18 || $[41] !== t19 || $[42] !== t20 || $[43] !== t21 ? (t22 = /* @__PURE__ */ jsx(Button, { loading: t18, disabled: t19, fontSize: 1, onClick: t20, text: t21, tone: "primary" }), $[40] = t18, $[41] = t19, $[42] = t20, $[43] = t21, $[44] = t22) : t22 = $[44];
-  let t23;
-  $[45] !== t16 || $[46] !== t17 || $[47] !== t22 ? (t23 = /* @__PURE__ */ jsx(Box, { padding: 3, children: /* @__PURE__ */ jsxs(Flex, { justify: t16, children: [
-    t17,
-    t22
-  ] }) }), $[45] = t16, $[46] = t17, $[47] = t22, $[48] = t23) : t23 = $[48];
-  const t24 = `${deploymentTarget ? "Edit" : "Create"} deployment target`;
-  let t25;
-  $[49] !== handleSubmit || $[50] !== onSubmit ? (t25 = handleSubmit(onSubmit), $[49] = handleSubmit, $[50] = onSubmit, $[51] = t25) : t25 = $[51];
-  let t26;
-  $[52] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t26 = /* @__PURE__ */ jsx("button", { "aria-label": "Submit", style: {
-    display: "none"
-  }, tabIndex: -1, type: "submit" }), $[52] = t26) : t26 = $[52];
-  const t27 = errors?.name;
-  let t28;
-  $[53] !== register ? (t28 = register("name"), $[53] = register, $[54] = t28) : t28 = $[54];
-  let t29;
-  $[55] !== formUpdating || $[56] !== t27 || $[57] !== t28 ? (t29 = /* @__PURE__ */ jsx(FormFieldInputText, { disabled: formUpdating, description: "Name displayed in this plugin (e.g. production, staging)", error: t27, label: "Name", ...t28 }), $[55] = formUpdating, $[56] = t27, $[57] = t28, $[58] = t29) : t29 = $[58];
-  const t30 = errors?.token;
-  let t31;
-  $[59] !== register ? (t31 = register("token"), $[59] = register, $[60] = t31) : t31 = $[60];
-  let t32;
-  $[61] !== formUpdating || $[62] !== t30 || $[63] !== t31 ? (t32 = /* @__PURE__ */ jsx(FormFieldInputText, { disabled: formUpdating, error: t30, label: "Vercel Account Token", ...t31 }), $[61] = formUpdating, $[62] = t30, $[63] = t31, $[64] = t32) : t32 = $[64];
-  const t33 = errors?.projectId;
-  let t34;
-  $[65] !== register ? (t34 = register("projectId"), $[65] = register, $[66] = t34) : t34 = $[66];
-  let t35;
-  $[67] !== formUpdating || $[68] !== t33 || $[69] !== t34 ? (t35 = /* @__PURE__ */ jsx(FormFieldInputText, { disabled: formUpdating, error: t33, label: "Vercel Project ID", ...t34 }), $[67] = formUpdating, $[68] = t33, $[69] = t34, $[70] = t35) : t35 = $[70];
-  const t36 = errors?.teamId;
-  let t37;
-  $[71] !== register ? (t37 = register("teamId"), $[71] = register, $[72] = t37) : t37 = $[72];
-  let t38;
-  $[73] !== formUpdating || $[74] !== t36 || $[75] !== t37 ? (t38 = /* @__PURE__ */ jsx(FormFieldInputText, { description: "Required only if your project is owned by a team account", disabled: formUpdating, error: t36, label: "Vercel Team ID (optional)", ...t37 }), $[73] = formUpdating, $[74] = t36, $[75] = t37, $[76] = t38) : t38 = $[76];
-  const t39 = errors?.deployHook;
-  let t40;
-  $[77] !== register ? (t40 = register("deployHook"), $[77] = register, $[78] = t40) : t40 = $[78];
-  let t41;
-  $[79] !== formUpdating || $[80] !== t39 || $[81] !== t40 ? (t41 = /* @__PURE__ */ jsx(FormFieldInputText, { description: "Enter a valid deploy hook URL to enable manual deploys", disabled: formUpdating, error: t39, label: "Vercel Deploy Hook (optional)", ...t40 }), $[79] = formUpdating, $[80] = t39, $[81] = t40, $[82] = t41) : t41 = $[82];
-  const t42 = errors?.deployLimit;
-  let t43;
-  $[83] !== register ? (t43 = register("deployLimit", {
-    valueAsNumber: !0
-  }), $[83] = register, $[84] = t43) : t43 = $[84];
-  let t44;
-  $[85] !== formUpdating || $[86] !== t42 || $[87] !== t43 ? (t44 = /* @__PURE__ */ jsx(FormFieldInputText, { disabled: formUpdating, error: t42, label: "Number of deploys to display", ...t43 }), $[85] = formUpdating, $[86] = t42, $[87] = t43, $[88] = t44) : t44 = $[88];
-  let t45;
-  $[89] !== t29 || $[90] !== t32 || $[91] !== t35 || $[92] !== t38 || $[93] !== t41 || $[94] !== t44 ? (t45 = /* @__PURE__ */ jsxs(Stack, { gap: 5, children: [
-    t29,
-    t32,
-    t35,
-    t38,
-    t41,
-    t44
-  ] }), $[89] = t29, $[90] = t32, $[91] = t35, $[92] = t38, $[93] = t41, $[94] = t44, $[95] = t45) : t45 = $[95];
-  let t46;
-  $[96] !== t25 || $[97] !== t45 ? (t46 = /* @__PURE__ */ jsxs(Box, { as: "form", padding: 4, onSubmit: t25, children: [
-    t26,
-    t45
-  ] }), $[96] = t25, $[97] = t45, $[98] = t46) : t46 = $[98];
-  let t47;
-  return $[99] !== onClose || $[100] !== t23 || $[101] !== t24 || $[102] !== t46 ? (t47 = /* @__PURE__ */ jsx(Dialog, { footer: t23, header: t24, id: "create", onClose, width: 1, zOffset: Z_INDEX_DIALOG, children: t46 }), $[99] = onClose, $[100] = t23, $[101] = t24, $[102] = t46, $[103] = t47) : t47 = $[103], t47;
+	let $ = c(104), { deploymentTarget, onClose, onCreate, onDelete, onUpdate } = props, client = useSanityClient(), toast = useToast(), t0;
+	$[0] === client ? t0 = $[1] : (t0 = { input: { client } }, $[0] = client, $[1] = t0);
+	let [formState, formStateTransition, formStateActorRef] = useActor(formMachine, t0), t1;
+	$[2] === formState ? t1 = $[3] : (t1 = formState.hasTag("busy"), $[2] = formState, $[3] = t1);
+	let formUpdating = t1, t2 = deploymentTarget?.deployHook || "", t3 = deploymentTarget?.deployLimit || 5, t4 = deploymentTarget?.name || "", t5 = deploymentTarget?.projectId || "", t6 = deploymentTarget?.teamId || "", t7 = deploymentTarget?.token || "", t8;
+	$[4] !== t2 || $[5] !== t3 || $[6] !== t4 || $[7] !== t5 || $[8] !== t6 || $[9] !== t7 ? (t8 = {
+		deployHook: t2,
+		deployLimit: t3,
+		name: t4,
+		projectId: t5,
+		teamId: t6,
+		token: t7
+	}, $[4] = t2, $[5] = t3, $[6] = t4, $[7] = t5, $[8] = t6, $[9] = t7, $[10] = t8) : t8 = $[10];
+	let t9;
+	$[11] === Symbol.for("react.memo_cache_sentinel") ? (t9 = yupResolver(formSchema), $[11] = t9) : t9 = $[11];
+	let t10;
+	$[12] === t8 ? t10 = $[13] : (t10 = {
+		defaultValues: t8,
+		mode: "onChange",
+		resolver: t9
+	}, $[12] = t8, $[13] = t10);
+	let { formState: t11, handleSubmit, register } = useForm(t10), { errors, isDirty, isValid } = t11, t12, t13;
+	$[14] !== formState || $[15] !== onClose || $[16] !== toast ? (t12 = () => {
+		formState.matches("error") && toast.push({
+			status: "error",
+			title: formState.context.message || "An error occurred"
+		}), formState.status === "done" && onClose();
+	}, t13 = [
+		formState,
+		onClose,
+		toast
+	], $[14] = formState, $[15] = onClose, $[16] = toast, $[17] = t12, $[18] = t13) : (t12 = $[17], t13 = $[18]), useEffect(t12, t13);
+	let t14;
+	$[19] !== deploymentTarget || $[20] !== formStateActorRef || $[21] !== formStateTransition || $[22] !== onCreate || $[23] !== onUpdate ? (t14 = async (formData) => {
+		let sanitizedFormData = sanitizeFormData(formData);
+		formStateTransition(deploymentTarget ? {
+			type: "UPDATE",
+			id: deploymentTarget._id,
+			formData: sanitizedFormData
+		} : {
+			type: "CREATE",
+			formData: sanitizedFormData
+		}), await toPromise(formStateActorRef);
+		let snapshot = formStateActorRef.getSnapshot(), { document } = snapshot.context;
+		document && (snapshot.matches("created") ? onCreate?.(document) : snapshot.matches("updated") && onUpdate?.(document));
+	}, $[19] = deploymentTarget, $[20] = formStateActorRef, $[21] = formStateTransition, $[22] = onCreate, $[23] = onUpdate, $[24] = t14) : t14 = $[24];
+	let onSubmit = t14, t15;
+	$[25] !== deploymentTarget || $[26] !== formStateActorRef || $[27] !== formStateTransition || $[28] !== onDelete ? (t15 = async () => {
+		if (!deploymentTarget) return;
+		let id = deploymentTarget._id;
+		formStateTransition({
+			type: "DELETE",
+			id
+		}), await toPromise(formStateActorRef), formStateActorRef.getSnapshot().matches("deleted") && onDelete?.(id);
+	}, $[25] = deploymentTarget, $[26] = formStateActorRef, $[27] = formStateTransition, $[28] = onDelete, $[29] = t15) : t15 = $[29];
+	let handleDelete = t15, t16 = deploymentTarget ? "space-between" : "flex-end", t17;
+	$[30] !== deploymentTarget || $[31] !== formState || $[32] !== formUpdating || $[33] !== handleDelete ? (t17 = deploymentTarget && /* @__PURE__ */ jsx(Button, {
+		loading: formState.matches("deleting"),
+		disabled: formUpdating,
+		fontSize: 1,
+		mode: "bleed",
+		onClick: handleDelete,
+		text: "Delete",
+		tone: "critical"
+	}), $[30] = deploymentTarget, $[31] = formState, $[32] = formUpdating, $[33] = handleDelete, $[34] = t17) : t17 = $[34];
+	let t18;
+	$[35] === formState ? t18 = $[36] : (t18 = formState.matches("creating") || formState.matches("updating"), $[35] = formState, $[36] = t18);
+	let t19 = !isDirty || !isValid, t20;
+	$[37] !== handleSubmit || $[38] !== onSubmit ? (t20 = handleSubmit(onSubmit), $[37] = handleSubmit, $[38] = onSubmit, $[39] = t20) : t20 = $[39];
+	let t21 = deploymentTarget ? "Update and close" : "Create", t22;
+	$[40] !== t18 || $[41] !== t19 || $[42] !== t20 || $[43] !== t21 ? (t22 = /* @__PURE__ */ jsx(Button, {
+		loading: t18,
+		disabled: t19,
+		fontSize: 1,
+		onClick: t20,
+		text: t21,
+		tone: "primary"
+	}), $[40] = t18, $[41] = t19, $[42] = t20, $[43] = t21, $[44] = t22) : t22 = $[44];
+	let t23;
+	$[45] !== t16 || $[46] !== t17 || $[47] !== t22 ? (t23 = /* @__PURE__ */ jsx(Box, {
+		padding: 3,
+		children: /* @__PURE__ */ jsxs(Flex, {
+			justify: t16,
+			children: [t17, t22]
+		})
+	}), $[45] = t16, $[46] = t17, $[47] = t22, $[48] = t23) : t23 = $[48];
+	let t24 = `${deploymentTarget ? "Edit" : "Create"} deployment target`, t25;
+	$[49] !== handleSubmit || $[50] !== onSubmit ? (t25 = handleSubmit(onSubmit), $[49] = handleSubmit, $[50] = onSubmit, $[51] = t25) : t25 = $[51];
+	let t26;
+	$[52] === Symbol.for("react.memo_cache_sentinel") ? (t26 = /* @__PURE__ */ jsx("button", {
+		"aria-label": "Submit",
+		style: { display: "none" },
+		tabIndex: -1,
+		type: "submit"
+	}), $[52] = t26) : t26 = $[52];
+	let t27 = errors?.name, t28;
+	$[53] === register ? t28 = $[54] : (t28 = register("name"), $[53] = register, $[54] = t28);
+	let t29;
+	$[55] !== formUpdating || $[56] !== t27 || $[57] !== t28 ? (t29 = /* @__PURE__ */ jsx(FormFieldInputText, {
+		disabled: formUpdating,
+		description: "Name displayed in this plugin (e.g. production, staging)",
+		error: t27,
+		label: "Name",
+		...t28
+	}), $[55] = formUpdating, $[56] = t27, $[57] = t28, $[58] = t29) : t29 = $[58];
+	let t30 = errors?.token, t31;
+	$[59] === register ? t31 = $[60] : (t31 = register("token"), $[59] = register, $[60] = t31);
+	let t32;
+	$[61] !== formUpdating || $[62] !== t30 || $[63] !== t31 ? (t32 = /* @__PURE__ */ jsx(FormFieldInputText, {
+		disabled: formUpdating,
+		error: t30,
+		label: "Vercel Account Token",
+		...t31
+	}), $[61] = formUpdating, $[62] = t30, $[63] = t31, $[64] = t32) : t32 = $[64];
+	let t33 = errors?.projectId, t34;
+	$[65] === register ? t34 = $[66] : (t34 = register("projectId"), $[65] = register, $[66] = t34);
+	let t35;
+	$[67] !== formUpdating || $[68] !== t33 || $[69] !== t34 ? (t35 = /* @__PURE__ */ jsx(FormFieldInputText, {
+		disabled: formUpdating,
+		error: t33,
+		label: "Vercel Project ID",
+		...t34
+	}), $[67] = formUpdating, $[68] = t33, $[69] = t34, $[70] = t35) : t35 = $[70];
+	let t36 = errors?.teamId, t37;
+	$[71] === register ? t37 = $[72] : (t37 = register("teamId"), $[71] = register, $[72] = t37);
+	let t38;
+	$[73] !== formUpdating || $[74] !== t36 || $[75] !== t37 ? (t38 = /* @__PURE__ */ jsx(FormFieldInputText, {
+		description: "Required only if your project is owned by a team account",
+		disabled: formUpdating,
+		error: t36,
+		label: "Vercel Team ID (optional)",
+		...t37
+	}), $[73] = formUpdating, $[74] = t36, $[75] = t37, $[76] = t38) : t38 = $[76];
+	let t39 = errors?.deployHook, t40;
+	$[77] === register ? t40 = $[78] : (t40 = register("deployHook"), $[77] = register, $[78] = t40);
+	let t41;
+	$[79] !== formUpdating || $[80] !== t39 || $[81] !== t40 ? (t41 = /* @__PURE__ */ jsx(FormFieldInputText, {
+		description: "Enter a valid deploy hook URL to enable manual deploys",
+		disabled: formUpdating,
+		error: t39,
+		label: "Vercel Deploy Hook (optional)",
+		...t40
+	}), $[79] = formUpdating, $[80] = t39, $[81] = t40, $[82] = t41) : t41 = $[82];
+	let t42 = errors?.deployLimit, t43;
+	$[83] === register ? t43 = $[84] : (t43 = register("deployLimit", { valueAsNumber: !0 }), $[83] = register, $[84] = t43);
+	let t44;
+	$[85] !== formUpdating || $[86] !== t42 || $[87] !== t43 ? (t44 = /* @__PURE__ */ jsx(FormFieldInputText, {
+		disabled: formUpdating,
+		error: t42,
+		label: "Number of deploys to display",
+		...t43
+	}), $[85] = formUpdating, $[86] = t42, $[87] = t43, $[88] = t44) : t44 = $[88];
+	let t45;
+	$[89] !== t29 || $[90] !== t32 || $[91] !== t35 || $[92] !== t38 || $[93] !== t41 || $[94] !== t44 ? (t45 = /* @__PURE__ */ jsxs(Stack, {
+		gap: 5,
+		children: [
+			t29,
+			t32,
+			t35,
+			t38,
+			t41,
+			t44
+		]
+	}), $[89] = t29, $[90] = t32, $[91] = t35, $[92] = t38, $[93] = t41, $[94] = t44, $[95] = t45) : t45 = $[95];
+	let t46;
+	$[96] !== t25 || $[97] !== t45 ? (t46 = /* @__PURE__ */ jsxs(Box, {
+		as: "form",
+		padding: 4,
+		onSubmit: t25,
+		children: [t26, t45]
+	}), $[96] = t25, $[97] = t45, $[98] = t46) : t46 = $[98];
+	let t47;
+	return $[99] !== onClose || $[100] !== t23 || $[101] !== t24 || $[102] !== t46 ? (t47 = /* @__PURE__ */ jsx(Dialog, {
+		footer: t23,
+		header: t24,
+		id: "create",
+		onClose,
+		width: 1,
+		zOffset: 600001,
+		children: t46
+	}), $[99] = onClose, $[100] = t23, $[101] = t24, $[102] = t46, $[103] = t47) : t47 = $[103], t47;
 }, sortByTargetName = (items) => items.sort((a, b) => a.name > b.name ? 1 : a.name < b.name ? -1 : 0), deploymentTargetListMachine = setup({
-  types: {},
-  actions: {
-    targetCreate: assign({
-      results: ({
-        context,
-        event
-      }) => (assertEvent(event, "CREATE"), sortByTargetName([...context.results, event.deploymentTarget]))
-    }),
-    targetDelete: assign({
-      results: ({
-        context,
-        event
-      }) => (assertEvent(event, "DELETE"), context.results.filter((target) => target._id !== event.id))
-    }),
-    targetUpdate: assign({
-      results: ({
-        context,
-        event
-      }) => {
-        assertEvent(event, "UPDATE");
-        const {
-          deploymentTarget
-        } = event, index = context.results.findIndex((target) => target._id === deploymentTarget._id), updatedResults = Object.assign([], context.results, {
-          [index]: deploymentTarget
-        });
-        return sortByTargetName(updatedResults);
-      }
-    })
-  },
-  guards: {
-    hasData: ({
-      context
-    }) => context?.results?.length > 0,
-    hasNoData: ({
-      context
-    }) => context?.results?.length === 0
-  },
-  actors: {
-    "fetch data": fromPromise(({
-      input,
-      signal
-    }) => input.client.fetch("*[_type == $type] | order(name asc)", {
-      type: DEPLOYMENT_TARGET_DOCUMENT_TYPE
-    }, {
-      signal
-    }).catch((error) => {
-      if (error instanceof Error && error.name === "AbortError")
-        return [];
-      throw console.error("Failed to fetch deployment targets", error), error;
-    }))
-  }
+	types: {},
+	actions: {
+		targetCreate: assign({ results: ({ context, event }) => (assertEvent(event, "CREATE"), sortByTargetName([...context.results, event.deploymentTarget])) }),
+		targetDelete: assign({ results: ({ context, event }) => (assertEvent(event, "DELETE"), context.results.filter((target) => target._id !== event.id)) }),
+		targetUpdate: assign({ results: ({ context, event }) => {
+			assertEvent(event, "UPDATE");
+			let { deploymentTarget } = event, index = context.results.findIndex((target) => target._id === deploymentTarget._id);
+			return sortByTargetName(Object.assign([], context.results, { [index]: deploymentTarget }));
+		} })
+	},
+	guards: {
+		hasData: ({ context }) => context?.results?.length > 0,
+		hasNoData: ({ context }) => context?.results?.length === 0
+	},
+	actors: { "fetch data": fromPromise(({ input, signal }) => input.client.fetch("*[_type == $type] | order(name asc)", { type: DEPLOYMENT_TARGET_DOCUMENT_TYPE }, { signal }).catch((error) => {
+		if (error instanceof Error && error.name === "AbortError") return [];
+		throw console.error("Failed to fetch deployment targets", error), error;
+	})) }
 }).createMachine({
-  /** @xstate-layout N4IgpgJg5mDOIC5QAoC2BDAxgCwJYDswBKAOgAcx8ICoBiCAe0JIIDcGBrMEgMzABccAEXT90AbQAMAXUSgyDWLn64mckAA9EAZkkBOEgHYAjAA5DAFgBsFgEwnJAVkMAaEAE9Ep4yUeT-klbGesbaoYaGAL6RbmhYeISkFFQ0tGAATukM6eQANqI82ai8AsKiEjLqCkoqakiaOvpGZpY29sZOrh6IxpYkFo5h2oaOpnqOxraSFtGxGDgExCTpYOgQ7rQAwgBKAKIAggAqu1Ky9dXKqvjqWggWHSS9eoaS9ibao6aObp4IVh8kL56OzGII2PT-WYgOILRLLVbrWhCXYAGV2x1OVUUlzqoFu90kRm8tlM2gsL1eJJ+iEGBj0gVsFm0YWmVkctihMISSxWaw2AFUAApCI4nSrnbG1a71fGSUz9WzBezTFWvb7dO5MkjjMITZykwxjTnzbmkXnrEgAV3wHHwDAA7vhaJiJTUrjces9fFZGc9TLYrGqA9SEM9CcT7sznH5HHpjfFFmaEe4rTa7Y7ncYzvJJe6ZZ7DN7fYaA0GrCHvD4xs4S+yPnGYtCTYn4XySPblNgRGJneKc27cQ0EI4BiQ2T77noAzXyxrTIESGFGd4rP9DONTPHYTzk+3OwxLfxu+he9mQBcpR7h6Px4ylWyIrPfl9bIvJhZJIYA-7zFZoo27QgOB1C5RMsQHaU8UQABaYIQ2gv9G1AuFkmofAoHAnFIKHOwQz0bRtUMcd-j8WwpnuLdTVbdZMMvfMEFsPQQxMeViQmZkLC+f0oiQ5s4XNFNrVtB1sIvPMoIQCIK1BIsmXXWxtFJcZKJbAS934Ltylo8ShysfDHl9PRxjlekrC6Z9BhIBk5MkXpzFBFT+N3DsNIPI8tNdLCr20L0Wmscw5V0e5pMJYwBiI8kwrDRC5gTOEeHQXBckgbTB1uZwQw6RwrEBd9bEcQZYzsRDoiAA */
-  context: ({
-    input
-  }) => ({
-    client: input.client,
-    results: []
-  }),
-  initial: "pending",
-  states: {
-    pending: {
-      invoke: {
-        src: "fetch data",
-        id: "fetchData",
-        input: ({
-          context
-        }) => ({
-          client: context.client
-        }),
-        onDone: {
-          actions: assign({
-            results: ({
-              event
-            }) => event.output
-          }),
-          target: "ready"
-        },
-        onError: {
-          target: "failed"
-        }
-      }
-    },
-    ready: {
-      initial: "unknown",
-      on: {
-        CREATE: {
-          actions: "targetCreate"
-        },
-        DELETE: {
-          actions: "targetDelete"
-        },
-        UPDATE: {
-          actions: "targetUpdate"
-        }
-      },
-      states: {
-        unknown: {
-          always: [{
-            target: "withData",
-            guard: "hasData"
-          }, {
-            target: "withoutData",
-            guard: "hasNoData"
-          }]
-        },
-        withData: {
-          always: [{
-            target: "withoutData",
-            guard: "hasNoData"
-          }]
-        },
-        withoutData: {
-          always: [{
-            target: "withData",
-            guard: "hasData"
-          }]
-        }
-      }
-    },
-    failed: {
-      type: "final"
-    }
-  }
+	/** @xstate-layout N4IgpgJg5mDOIC5QAoC2BDAxgCwJYDswBKAOgAcx8ICoBiCAe0JIIDcGBrMEgMzABccAEXT90AbQAMAXUSgyDWLn64mckAA9EAZkkBOEgHYAjAA5DAFgBsFgEwnJAVkMAaEAE9Ep4yUeT-klbGesbaoYaGAL6RbmhYeISkFFQ0tGAATukM6eQANqI82ai8AsKiEjLqCkoqakiaOvpGZpY29sZOrh6IxpYkFo5h2oaOpnqOxraSFtGxGDgExCTpYOgQ7rQAwgBKAKIAggAqu1Ky9dXKqvjqWggWHSS9eoaS9ibao6aObp4IVh8kL56OzGII2PT-WYgOILRLLVbrWhCXYAGV2x1OVUUlzqoFu90kRm8tlM2gsL1eJJ+iEGBj0gVsFm0YWmVkctihMISSxWaw2AFUAApCI4nSrnbG1a71fGSUz9WzBezTFWvb7dO5MkjjMITZykwxjTnzbmkXnrEgAV3wHHwDAA7vhaJiJTUrjces9fFZGc9TLYrGqA9SEM9CcT7sznH5HHpjfFFmaEe4rTa7Y7ncYzvJJe6ZZ7DN7fYaA0GrCHvD4xs4S+yPnGYtCTYn4XySPblNgRGJneKc27cQ0EI4BiQ2T77noAzXyxrTIESGFGd4rP9DONTPHYTzk+3OwxLfxu+he9mQBcpR7h6Px4ylWyIrPfl9bIvJhZJIYA-7zFZoo27QgOB1C5RMsQHaU8UQABaYIQ2gv9G1AuFkmofAoHAnFIKHOwQz0bRtUMcd-j8WwpnuLdTVbdZMMvfMEFsPQQxMeViQmZkLC+f0oiQ5s4XNFNrVtB1sIvPMoIQCIK1BIsmXXWxtFJcZKJbAS934Ltylo8ShysfDHl9PRxjlekrC6Z9BhIBk5MkXpzFBFT+N3DsNIPI8tNdLCr20L0Wmscw5V0e5pMJYwBiI8kwrDRC5gTOEeHQXBckgbTB1uZwQw6RwrEBd9bEcQZYzsRDoiAA */
+	context: ({ input }) => ({
+		client: input.client,
+		results: []
+	}),
+	initial: "pending",
+	states: {
+		pending: { invoke: {
+			src: "fetch data",
+			id: "fetchData",
+			input: ({ context }) => ({ client: context.client }),
+			onDone: {
+				actions: assign({ results: ({ event }) => event.output }),
+				target: "ready"
+			},
+			onError: { target: "failed" }
+		} },
+		ready: {
+			initial: "unknown",
+			on: {
+				CREATE: { actions: "targetCreate" },
+				DELETE: { actions: "targetDelete" },
+				UPDATE: { actions: "targetUpdate" }
+			},
+			states: {
+				unknown: { always: [{
+					target: "withData",
+					guard: "hasData"
+				}, {
+					target: "withoutData",
+					guard: "hasNoData"
+				}] },
+				withData: { always: [{
+					target: "withoutData",
+					guard: "hasNoData"
+				}] },
+				withoutData: { always: [{
+					target: "withData",
+					guard: "hasData"
+				}] }
+			}
+		},
+		failed: { type: "final" }
+	}
 }), dialogMachine = setup({
-  types: {
-    context: {},
-    events: {}
-  },
-  actions: {
-    setEditDeploymentTarget: assign({
-      editDeploymentTarget: ({
-        event
-      }) => (assertEvent(event, "EDIT"), event.deploymentTarget)
-    })
-  }
+	types: {
+		context: {},
+		events: {}
+	},
+	actions: { setEditDeploymentTarget: assign({ editDeploymentTarget: ({ event }) => (assertEvent(event, "EDIT"), event.deploymentTarget) }) }
 }).createMachine({
-  /** @xstate-layout N4IgpgJg5mDOIC5QAoC2BDAxgCwJYDswBKAOlwgBswBiAYQCUBRAQQBVGBtABgF1FQADgHtYuAC64h+fiAAeiAEwKArCQCcANgAcAdmUbNOhVx0BGLQBoQAT0SmAzApJcXXexoAsW5fbWaFAL4BVmhYeISk5FTUjAAiAJKs3HxIIMKiElIy8ghKqpq6+obGZpY2ivb2zq4e5moeXKZc3kEhGDgExCSQ4nQAMgDyAMqcvDLp4pLSqTn2DSQefn7uyq5aWvZWtgjmTqsuvnU6XMoK9q0goR0RJJgATmDoYjS0gyPJ4yKTWTOIc1wLJZqFZrDZbRBaUwkfZuew6SFcepuILBED4IQQOAyK7hYifDJTbKIAC0GnBCFJFxxnUilDA+O+01AOQ8CnJGxIGn29lMpjUxhcCh0VPauNIPTEDMyTLkiA8PhIxh5Cg8DS8pgM5L5UOalSMah0cP05hFYRptweT3pqQm0qJCHlVSVphVashmvKCDUAN17j0XNMqrUyhRASAA */
-  context: {
-    editDeploymentTarget: void 0
-  },
-  initial: "idle",
-  states: {
-    idle: {
-      entry: assign({
-        editDeploymentTarget: () => {
-        }
-      }),
-      on: {
-        CREATE: {
-          target: "create"
-        },
-        EDIT: {
-          actions: "setEditDeploymentTarget",
-          target: "edit"
-        }
-      }
-    },
-    edit: {
-      on: {
-        CLOSE: {
-          target: "idle"
-        }
-      }
-    },
-    create: {
-      on: {
-        CLOSE: {
-          target: "idle"
-        }
-      }
-    }
-  }
-}), queryClient = new QueryClient({
-  defaultOptions: {
-    queries: {
-      gcTime: 0,
-      staleTime: 0
-    }
-  }
-}), Widget = () => {
-  const $ = c(53), client = useSanityClient();
-  let t0;
-  $[0] !== client ? (t0 = {
-    input: {
-      client
-    }
-  }, $[0] = client, $[1] = t0) : t0 = $[1];
-  const [deploymentTargetListState, deploymentTargetListStateTransition] = useMachine(deploymentTargetListMachine, t0), [dialogState, dialogStateTransition] = useMachine(dialogMachine);
-  let t1;
-  $[2] !== dialogStateTransition ? (t1 = () => {
-    dialogStateTransition({
-      type: "CLOSE"
-    });
-  }, $[2] = dialogStateTransition, $[3] = t1) : t1 = $[3];
-  const handleDialogClose = t1;
-  let t2;
-  $[4] !== dialogStateTransition ? (t2 = () => {
-    dialogStateTransition({
-      type: "CREATE"
-    });
-  }, $[4] = dialogStateTransition, $[5] = t2) : t2 = $[5];
-  const handleDialogShowCreate = t2;
-  let t3;
-  $[6] !== dialogStateTransition ? (t3 = (deploymentTarget) => {
-    dialogStateTransition({
-      type: "EDIT",
-      deploymentTarget
-    });
-  }, $[6] = dialogStateTransition, $[7] = t3) : t3 = $[7];
-  const handleDialogShowEdit = t3;
-  let t4;
-  $[8] !== deploymentTargetListStateTransition ? (t4 = (deploymentTarget_0) => {
-    deploymentTargetListStateTransition({
-      type: "CREATE",
-      deploymentTarget: deploymentTarget_0
-    });
-  }, $[8] = deploymentTargetListStateTransition, $[9] = t4) : t4 = $[9];
-  const handleTargetCreate = t4;
-  let t5;
-  $[10] !== deploymentTargetListStateTransition ? (t5 = (id) => {
-    deploymentTargetListStateTransition({
-      type: "DELETE",
-      id
-    });
-  }, $[10] = deploymentTargetListStateTransition, $[11] = t5) : t5 = $[11];
-  const handleTargetDelete = t5;
-  let t6;
-  $[12] !== deploymentTargetListStateTransition ? (t6 = (deploymentTarget_1) => {
-    deploymentTargetListStateTransition({
-      type: "UPDATE",
-      deploymentTarget: deploymentTarget_1
-    });
-  }, $[12] = deploymentTargetListStateTransition, $[13] = t6) : t6 = $[13];
-  const handleTargetUpdate = t6;
-  let t7;
-  $[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t7 = {
-    overflow: "hidden "
-  }, $[14] = t7) : t7 = $[14];
-  let t8;
-  $[15] !== deploymentTargetListState ? (t8 = /* @__PURE__ */ jsx(StateDebug, { name: "List", state: deploymentTargetListState }), $[15] = deploymentTargetListState, $[16] = t8) : t8 = $[16];
-  let t9;
-  $[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t9 = /* @__PURE__ */ jsx(Text, { size: 5, weight: "semibold", children: "Vercel deployments" }), $[17] = t9) : t9 = $[17];
-  let t10;
-  $[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t10 = /* @__PURE__ */ jsx(Box, { padding: 2, children: /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: "Create new deployment target" }) }), $[18] = t10) : t10 = $[18];
-  let t11;
-  $[19] !== handleDialogShowCreate ? (t11 = /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "space-between", paddingX: 3, paddingY: 2, children: [
-    t9,
-    /* @__PURE__ */ jsx(Tooltip, { content: t10, placement: "left", children: /* @__PURE__ */ jsx(Button, { fontSize: 1, icon: AddIcon, onClick: handleDialogShowCreate, mode: "bleed" }) })
-  ] }), $[19] = handleDialogShowCreate, $[20] = t11) : t11 = $[20];
-  let t12;
-  $[21] !== deploymentTargetListState ? (t12 = deploymentTargetListState.matches("pending") && /* @__PURE__ */ jsx(Box, { paddingX: 3, paddingY: 4, children: /* @__PURE__ */ jsx(Text, { children: "Loading..." }) }), $[21] = deploymentTargetListState, $[22] = t12) : t12 = $[22];
-  let t13;
-  $[23] !== deploymentTargetListState || $[24] !== handleDialogShowCreate ? (t13 = deploymentTargetListState.matches({
-    ready: "withoutData"
-  }) && /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 3, paddingX: 3, paddingY: 4, children: [
-    /* @__PURE__ */ jsx(Text, { children: "No deployment targets found." }),
-    /* @__PURE__ */ jsx(Button, { fontSize: 1, mode: "ghost", onClick: handleDialogShowCreate, text: "Create a new target" })
-  ] }), $[23] = deploymentTargetListState, $[24] = handleDialogShowCreate, $[25] = t13) : t13 = $[25];
-  let t14;
-  $[26] !== deploymentTargetListState || $[27] !== handleDialogShowEdit ? (t14 = deploymentTargetListState.matches({
-    ready: "withData"
-  }) && /* @__PURE__ */ jsx(DeploymentTargets, { items: deploymentTargetListState.context.results, onDialogEdit: handleDialogShowEdit }), $[26] = deploymentTargetListState, $[27] = handleDialogShowEdit, $[28] = t14) : t14 = $[28];
-  let t15;
-  $[29] !== deploymentTargetListState ? (t15 = deploymentTargetListState.matches("failed") && /* @__PURE__ */ jsx(Box, { paddingX: 3, paddingY: 4, children: /* @__PURE__ */ jsx(Text, { children: "Failed to retrieve deployment targets. Please check the developer console log for more information." }) }), $[29] = deploymentTargetListState, $[30] = t15) : t15 = $[30];
-  let t16;
-  $[31] !== t12 || $[32] !== t13 || $[33] !== t14 || $[34] !== t15 ? (t16 = /* @__PURE__ */ jsxs(Box, { children: [
-    t12,
-    t13,
-    t14,
-    t15
-  ] }), $[31] = t12, $[32] = t13, $[33] = t14, $[34] = t15, $[35] = t16) : t16 = $[35];
-  let t17;
-  $[36] !== t11 || $[37] !== t16 || $[38] !== t8 ? (t17 = /* @__PURE__ */ jsxs(Card, { radius: 2, style: t7, children: [
-    t8,
-    t11,
-    t16
-  ] }), $[36] = t11, $[37] = t16, $[38] = t8, $[39] = t17) : t17 = $[39];
-  let t18;
-  $[40] !== dialogState || $[41] !== handleDialogClose || $[42] !== handleTargetCreate ? (t18 = dialogState.matches("create") && /* @__PURE__ */ jsx(DialogForm, { onClose: handleDialogClose, onCreate: handleTargetCreate }), $[40] = dialogState, $[41] = handleDialogClose, $[42] = handleTargetCreate, $[43] = t18) : t18 = $[43];
-  let t19;
-  $[44] !== dialogState || $[45] !== handleDialogClose || $[46] !== handleTargetDelete || $[47] !== handleTargetUpdate ? (t19 = dialogState.matches("edit") && /* @__PURE__ */ jsx(DialogForm, { deploymentTarget: dialogState.context.editDeploymentTarget, onClose: handleDialogClose, onDelete: handleTargetDelete, onUpdate: handleTargetUpdate }), $[44] = dialogState, $[45] = handleDialogClose, $[46] = handleTargetDelete, $[47] = handleTargetUpdate, $[48] = t19) : t19 = $[48];
-  let t20;
-  return $[49] !== t17 || $[50] !== t18 || $[51] !== t19 ? (t20 = /* @__PURE__ */ jsx(ToastProvider, { zOffset: Z_INDEX_TOAST_PROVIDER, children: /* @__PURE__ */ jsxs(QueryClientProvider, { client: queryClient, children: [
-    t17,
-    t18,
-    t19
-  ] }) }), $[49] = t17, $[50] = t18, $[51] = t19, $[52] = t20) : t20 = $[52], t20;
+	/** @xstate-layout N4IgpgJg5mDOIC5QAoC2BDAxgCwJYDswBKAOlwgBswBiAYQCUBRAQQBVGBtABgF1FQADgHtYuAC64h+fiAAeiAEwKArCQCcANgAcAdmUbNOhVx0BGLQBoQAT0SmAzApJcXXexoAsW5fbWaFAL4BVmhYeISk5FTUjAAiAJKs3HxIIMKiElIy8ghKqpq6+obGZpY2ivb2zq4e5moeXKZc3kEhGDgExCSQ4nQAMgDyAMqcvDLp4pLSqTn2DSQefn7uyq5aWvZWtgjmTqsuvnU6XMoK9q0goR0RJJgATmDoYjS0gyPJ4yKTWTOIc1wLJZqFZrDZbRBaUwkfZuew6SFcepuILBED4IQQOAyK7hYifDJTbKIAC0GnBCFJFxxnUilDA+O+01AOQ8CnJGxIGn29lMpjUxhcCh0VPauNIPTEDMyTLkiA8PhIxh5Cg8DS8pgM5L5UOalSMah0cP05hFYRptweT3pqQm0qJCHlVSVphVashmvKCDUAN17j0XNMqrUyhRASAA */
+	context: { editDeploymentTarget: void 0 },
+	initial: "idle",
+	states: {
+		idle: {
+			entry: assign({ editDeploymentTarget: () => void 0 }),
+			on: {
+				CREATE: { target: "create" },
+				EDIT: {
+					actions: "setEditDeploymentTarget",
+					target: "edit"
+				}
+			}
+		},
+		edit: { on: { CLOSE: { target: "idle" } } },
+		create: { on: { CLOSE: { target: "idle" } } }
+	}
+}), queryClient = new QueryClient({ defaultOptions: { queries: {
+	gcTime: 0,
+	staleTime: 0
+} } }), Widget = () => {
+	let $ = c(53), client = useSanityClient(), t0;
+	$[0] === client ? t0 = $[1] : (t0 = { input: { client } }, $[0] = client, $[1] = t0);
+	let [deploymentTargetListState, deploymentTargetListStateTransition] = useMachine(deploymentTargetListMachine, t0), [dialogState, dialogStateTransition] = useMachine(dialogMachine), t1;
+	$[2] === dialogStateTransition ? t1 = $[3] : (t1 = () => {
+		dialogStateTransition({ type: "CLOSE" });
+	}, $[2] = dialogStateTransition, $[3] = t1);
+	let handleDialogClose = t1, t2;
+	$[4] === dialogStateTransition ? t2 = $[5] : (t2 = () => {
+		dialogStateTransition({ type: "CREATE" });
+	}, $[4] = dialogStateTransition, $[5] = t2);
+	let handleDialogShowCreate = t2, t3;
+	$[6] === dialogStateTransition ? t3 = $[7] : (t3 = (deploymentTarget) => {
+		dialogStateTransition({
+			type: "EDIT",
+			deploymentTarget
+		});
+	}, $[6] = dialogStateTransition, $[7] = t3);
+	let handleDialogShowEdit = t3, t4;
+	$[8] === deploymentTargetListStateTransition ? t4 = $[9] : (t4 = (deploymentTarget_0) => {
+		deploymentTargetListStateTransition({
+			type: "CREATE",
+			deploymentTarget: deploymentTarget_0
+		});
+	}, $[8] = deploymentTargetListStateTransition, $[9] = t4);
+	let handleTargetCreate = t4, t5;
+	$[10] === deploymentTargetListStateTransition ? t5 = $[11] : (t5 = (id) => {
+		deploymentTargetListStateTransition({
+			type: "DELETE",
+			id
+		});
+	}, $[10] = deploymentTargetListStateTransition, $[11] = t5);
+	let handleTargetDelete = t5, t6;
+	$[12] === deploymentTargetListStateTransition ? t6 = $[13] : (t6 = (deploymentTarget_1) => {
+		deploymentTargetListStateTransition({
+			type: "UPDATE",
+			deploymentTarget: deploymentTarget_1
+		});
+	}, $[12] = deploymentTargetListStateTransition, $[13] = t6);
+	let handleTargetUpdate = t6, t7;
+	$[14] === Symbol.for("react.memo_cache_sentinel") ? (t7 = { overflow: "hidden " }, $[14] = t7) : t7 = $[14];
+	let t8;
+	$[15] === deploymentTargetListState ? t8 = $[16] : (t8 = /* @__PURE__ */ jsx(StateDebug, {
+		name: "List",
+		state: deploymentTargetListState
+	}), $[15] = deploymentTargetListState, $[16] = t8);
+	let t9;
+	$[17] === Symbol.for("react.memo_cache_sentinel") ? (t9 = /* @__PURE__ */ jsx(Text, {
+		size: 5,
+		weight: "semibold",
+		children: "Vercel deployments"
+	}), $[17] = t9) : t9 = $[17];
+	let t10;
+	$[18] === Symbol.for("react.memo_cache_sentinel") ? (t10 = /* @__PURE__ */ jsx(Box, {
+		padding: 2,
+		children: /* @__PURE__ */ jsx(Text, {
+			muted: !0,
+			size: 1,
+			children: "Create new deployment target"
+		})
+	}), $[18] = t10) : t10 = $[18];
+	let t11;
+	$[19] === handleDialogShowCreate ? t11 = $[20] : (t11 = /* @__PURE__ */ jsxs(Flex, {
+		align: "center",
+		justify: "space-between",
+		paddingX: 3,
+		paddingY: 2,
+		children: [t9, /* @__PURE__ */ jsx(Tooltip, {
+			content: t10,
+			placement: "left",
+			children: /* @__PURE__ */ jsx(Button, {
+				fontSize: 1,
+				icon: AddIcon,
+				onClick: handleDialogShowCreate,
+				mode: "bleed"
+			})
+		})]
+	}), $[19] = handleDialogShowCreate, $[20] = t11);
+	let t12;
+	$[21] === deploymentTargetListState ? t12 = $[22] : (t12 = deploymentTargetListState.matches("pending") && /* @__PURE__ */ jsx(Box, {
+		paddingX: 3,
+		paddingY: 4,
+		children: /* @__PURE__ */ jsx(Text, { children: "Loading..." })
+	}), $[21] = deploymentTargetListState, $[22] = t12);
+	let t13;
+	$[23] !== deploymentTargetListState || $[24] !== handleDialogShowCreate ? (t13 = deploymentTargetListState.matches({ ready: "withoutData" }) && /* @__PURE__ */ jsxs(Flex, {
+		align: "center",
+		gap: 3,
+		paddingX: 3,
+		paddingY: 4,
+		children: [/* @__PURE__ */ jsx(Text, { children: "No deployment targets found." }), /* @__PURE__ */ jsx(Button, {
+			fontSize: 1,
+			mode: "ghost",
+			onClick: handleDialogShowCreate,
+			text: "Create a new target"
+		})]
+	}), $[23] = deploymentTargetListState, $[24] = handleDialogShowCreate, $[25] = t13) : t13 = $[25];
+	let t14;
+	$[26] !== deploymentTargetListState || $[27] !== handleDialogShowEdit ? (t14 = deploymentTargetListState.matches({ ready: "withData" }) && /* @__PURE__ */ jsx(DeploymentTargets, {
+		items: deploymentTargetListState.context.results,
+		onDialogEdit: handleDialogShowEdit
+	}), $[26] = deploymentTargetListState, $[27] = handleDialogShowEdit, $[28] = t14) : t14 = $[28];
+	let t15;
+	$[29] === deploymentTargetListState ? t15 = $[30] : (t15 = deploymentTargetListState.matches("failed") && /* @__PURE__ */ jsx(Box, {
+		paddingX: 3,
+		paddingY: 4,
+		children: /* @__PURE__ */ jsx(Text, { children: "Failed to retrieve deployment targets. Please check the developer console log for more information." })
+	}), $[29] = deploymentTargetListState, $[30] = t15);
+	let t16;
+	$[31] !== t12 || $[32] !== t13 || $[33] !== t14 || $[34] !== t15 ? (t16 = /* @__PURE__ */ jsxs(Box, { children: [
+		t12,
+		t13,
+		t14,
+		t15
+	] }), $[31] = t12, $[32] = t13, $[33] = t14, $[34] = t15, $[35] = t16) : t16 = $[35];
+	let t17;
+	$[36] !== t11 || $[37] !== t16 || $[38] !== t8 ? (t17 = /* @__PURE__ */ jsxs(Card, {
+		radius: 2,
+		style: t7,
+		children: [
+			t8,
+			t11,
+			t16
+		]
+	}), $[36] = t11, $[37] = t16, $[38] = t8, $[39] = t17) : t17 = $[39];
+	let t18;
+	$[40] !== dialogState || $[41] !== handleDialogClose || $[42] !== handleTargetCreate ? (t18 = dialogState.matches("create") && /* @__PURE__ */ jsx(DialogForm, {
+		onClose: handleDialogClose,
+		onCreate: handleTargetCreate
+	}), $[40] = dialogState, $[41] = handleDialogClose, $[42] = handleTargetCreate, $[43] = t18) : t18 = $[43];
+	let t19;
+	$[44] !== dialogState || $[45] !== handleDialogClose || $[46] !== handleTargetDelete || $[47] !== handleTargetUpdate ? (t19 = dialogState.matches("edit") && /* @__PURE__ */ jsx(DialogForm, {
+		deploymentTarget: dialogState.context.editDeploymentTarget,
+		onClose: handleDialogClose,
+		onDelete: handleTargetDelete,
+		onUpdate: handleTargetUpdate
+	}), $[44] = dialogState, $[45] = handleDialogClose, $[46] = handleTargetDelete, $[47] = handleTargetUpdate, $[48] = t19) : t19 = $[48];
+	let t20;
+	return $[49] !== t17 || $[50] !== t18 || $[51] !== t19 ? (t20 = /* @__PURE__ */ jsx(ToastProvider, {
+		zOffset: 600002,
+		children: /* @__PURE__ */ jsxs(QueryClientProvider, {
+			client: queryClient,
+			children: [
+				t17,
+				t18,
+				t19
+			]
+		})
+	}), $[49] = t17, $[50] = t18, $[51] = t19, $[52] = t20) : t20 = $[52], t20;
 };
 function vercelWidget(config = {}) {
-  return {
-    name: "vercel",
-    component: Widget,
-    layout: config.layout ?? {
-      width: "full"
-    }
-  };
+	return {
+		name: "vercel",
+		component: Widget,
+		layout: config.layout ?? { width: "full" }
+	};
 }
-export {
-  vercelWidget
-};
-//# sourceMappingURL=index.js.map
+export { vercelWidget };
+//# sourceMappingURL=index.js.map