@liiift-studio/deploy-vercel-from-sanity 1.2.1 → 1.3.1

package/dist/index.mjs

@@ -1,4 +1,4 @@
-// src/index.ts
+// src/index.tsx
 import { definePlugin } from "sanity";
 
 // src/icons.tsx
@@ -60,7 +60,28 @@ var WarningOutlineIcon = resolveIcon("WarningOutlineIcon", "warning-outline");
 
 // src/components/DeployTool.tsx
 import { useState as useState8, useEffect as useEffect5, useCallback as useCallback7 } from "react";
-import { useClient as useClient3 } from "sanity";
+import { useClient as useClient4 } from "sanity";
+
+// src/config.tsx
+import { createContext, useContext } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var DEFAULTS = { mode: "direct" };
+var ConfigContext = createContext(DEFAULTS);
+function resolveConfig(options) {
+  const config = options ?? {};
+  return {
+    mode: config.mode ?? "direct",
+    // Trailing slashes would double up when request paths are appended.
+    proxyUrl: config.proxyUrl?.replace(/\/+$/, ""),
+    statusKey: config.statusKey
+  };
+}
+function ConfigProvider({ value, children }) {
+  return /* @__PURE__ */ jsx2(ConfigContext.Provider, { value, children });
+}
+function usePluginConfig() {
+  return useContext(ConfigContext);
+}
 
 // src/components/DeployItem.tsx
 import { useState as useState5, useEffect as useEffect4, useCallback as useCallback4, useRef as useRef2 } from "react";
@@ -68,7 +89,7 @@ import { flushSync } from "react-dom";
 
 // src/compat/primitives.tsx
 import { createElement, forwardRef as forwardRef2 } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 function domFallback(tag) {
   const Fallback = forwardRef2(function SanityUiFallback(props, ref) {
     const { children, style, id, className, onClick, href, title, as, ...rest } = props;
@@ -126,12 +147,12 @@ var Dialog = primitive("Dialog", "div");
 var SanityStack = primitive("Stack", "div");
 function Stack({ space, children, ...rest }) {
   const spacing = space === void 0 ? {} : STACK_USES_GAP ? { gap: space } : { space };
-  return /* @__PURE__ */ jsx2(SanityStack, { ...rest, ...spacing, children });
+  return /* @__PURE__ */ jsx3(SanityStack, { ...rest, ...spacing, children });
 }
 
 // src/compat/toast.tsx
 import { useCallback, useEffect, useState } from "react";
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
 var LOCAL_TOAST_MS = 6e3;
 var MAX_VISIBLE_TOASTS = 4;
 var TOAST_Z_INDEX = 1e6;
@@ -207,7 +228,7 @@ function ToastViewport() {
     }
   }, []);
   if (installedUseToast) return null;
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     Box,
     {
       role: "log",
@@ -220,7 +241,7 @@ function ToastViewport() {
         width: "min(360px, calc(100vw - 32px))",
         pointerEvents: "none"
       },
-      children: /* @__PURE__ */ jsx3(Stack, { space: 2, children: toasts.map((toast) => /* @__PURE__ */ jsx3(
+      children: /* @__PURE__ */ jsx4(Stack, { space: 2, children: toasts.map((toast) => /* @__PURE__ */ jsx4(
         Card,
         {
           padding: 3,
@@ -234,10 +255,10 @@ function ToastViewport() {
           onBlurCapture: (e) => resume(toast, e.currentTarget),
           children: /* @__PURE__ */ jsxs(Flex, { align: "flex-start", gap: 3, children: [
             /* @__PURE__ */ jsxs(Stack, { space: 2, flex: 1, children: [
-              toast.title && /* @__PURE__ */ jsx3(Text, { size: 1, weight: "semibold", children: toast.title }),
-              toast.description && /* @__PURE__ */ jsx3(Text, { size: 1, muted: true, children: toast.description })
+              toast.title && /* @__PURE__ */ jsx4(Text, { size: 1, weight: "semibold", children: toast.title }),
+              toast.description && /* @__PURE__ */ jsx4(Text, { size: 1, muted: true, children: toast.description })
             ] }),
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx4(
               Button,
               {
                 mode: "bleed",
@@ -258,13 +279,13 @@ function ToastViewport() {
 
 // src/compat/tooltip.tsx
 import { cloneElement, isValidElement, useId, useState as useState2 } from "react";
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 var InstalledTooltip = resolveComponent(UI, "Tooltip");
 function Tooltip({ text, children }) {
   const id = useId();
   const [visible, setVisible] = useState2(false);
   if (InstalledTooltip) {
-    return /* @__PURE__ */ jsx4(InstalledTooltip, { content: /* @__PURE__ */ jsx4(Box, { padding: 2, children: /* @__PURE__ */ jsx4(Text, { size: 1, children: text }) }), portal: true, children });
+    return /* @__PURE__ */ jsx5(InstalledTooltip, { content: /* @__PURE__ */ jsx5(Box, { padding: 2, children: /* @__PURE__ */ jsx5(Text, { size: 1, children: text }) }), portal: true, children });
   }
   const described = visible && isValidElement(children) ? cloneElement(children, { "aria-describedby": id }) : children;
   return /* @__PURE__ */ jsxs2(
@@ -283,7 +304,7 @@ function Tooltip({ text, children }) {
       },
       children: [
         described,
-        visible && /* @__PURE__ */ jsx4(
+        visible && /* @__PURE__ */ jsx5(
           "span",
           {
             id,
@@ -299,7 +320,7 @@ function Tooltip({ text, children }) {
               whiteSpace: "nowrap",
               zIndex: 1e3
             },
-            children: /* @__PURE__ */ jsx4(Card, { radius: 2, shadow: 2, padding: 2, children: /* @__PURE__ */ jsx4(Text, { size: 1, children: text }) })
+            children: /* @__PURE__ */ jsx5(Card, { radius: 2, shadow: 2, padding: 2, children: /* @__PURE__ */ jsx5(Text, { size: 1, children: text }) })
           }
         )
       ]
@@ -309,7 +330,7 @@ function Tooltip({ text, children }) {
 
 // src/compat/menu.tsx
 import { useCallback as useCallback2, useEffect as useEffect2, useId as useId2, useRef, useState as useState3 } from "react";
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 var InstalledMenuButton = resolveComponent(UI, "MenuButton");
 var InstalledMenu = resolveComponent(UI, "Menu");
 var InstalledMenuItem = resolveComponent(UI, "MenuItem");
@@ -354,13 +375,13 @@ function ActionMenu({ id, label, items, buttonIcon }) {
   }, [close]);
   if (INSTALLED_MENU) {
     const { MenuButton, Menu, MenuItem } = INSTALLED_MENU;
-    return /* @__PURE__ */ jsx5(
+    return /* @__PURE__ */ jsx6(
       MenuButton,
       {
         id,
-        button: /* @__PURE__ */ jsx5(Button, { mode: "ghost", icon: buttonIcon, padding: 2, "aria-label": label }),
+        button: /* @__PURE__ */ jsx6(Button, { mode: "ghost", icon: buttonIcon, padding: 2, "aria-label": label }),
         popover: { placement: "bottom-end" },
-        menu: /* @__PURE__ */ jsx5(Menu, { children: items.map((item, i) => /* @__PURE__ */ jsx5(
+        menu: /* @__PURE__ */ jsx6(Menu, { children: items.map((item, i) => /* @__PURE__ */ jsx6(
           MenuItem,
           {
             text: item.text,
@@ -428,7 +449,7 @@ function ActionMenu({ id, label, items, buttonIcon }) {
     }
   };
   return /* @__PURE__ */ jsxs3("div", { ref: wrapRef, style: { position: "relative" }, children: [
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx6(
       Button,
       {
         ref: triggerRef,
@@ -444,7 +465,7 @@ function ActionMenu({ id, label, items, buttonIcon }) {
         onKeyDown: onTriggerKeyDown
       }
     ),
-    open && /* @__PURE__ */ jsx5(
+    open && /* @__PURE__ */ jsx6(
       Card,
       {
         id: menuId,
@@ -455,13 +476,13 @@ function ActionMenu({ id, label, items, buttonIcon }) {
         "aria-labelledby": id,
         onKeyDown: onMenuKeyDown,
         style: { position: "absolute", top: "100%", right: 0, marginTop: 4, zIndex: 1e3, minWidth: 200 },
-        children: /* @__PURE__ */ jsx5(Stack, { space: 1, role: "none", children: shownItems.map((item, i) => {
+        children: /* @__PURE__ */ jsx6(Stack, { space: 1, role: "none", children: shownItems.map((item, i) => {
           const Icon = item.icon;
           const row = /* @__PURE__ */ jsxs3(Flex, { align: "center", gap: 2, paddingX: 2, paddingY: 2, children: [
-            /* @__PURE__ */ jsx5(Icon, { width: "1em", height: "1em", "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx5(Text, { size: 1, children: item.text })
+            /* @__PURE__ */ jsx6(Icon, { width: "1em", height: "1em", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx6(Text, { size: 1, children: item.text })
           ] });
-          const content = item.tone === "critical" ? /* @__PURE__ */ jsx5(Card, { tone: "critical", radius: 1, children: row }) : row;
+          const content = item.tone === "critical" ? /* @__PURE__ */ jsx6(Card, { tone: "critical", radius: 1, children: row }) : row;
           const shared = {
             role: "menuitem",
             // Roving tabindex — the menu is one tab stop, arrows move within it.
@@ -486,7 +507,7 @@ function ActionMenu({ id, label, items, buttonIcon }) {
               outlineOffset: -2
             }
           };
-          return item.href ? /* @__PURE__ */ jsx5(
+          return item.href ? /* @__PURE__ */ jsx6(
             "a",
             {
               ...shared,
@@ -500,7 +521,7 @@ function ActionMenu({ id, label, items, buttonIcon }) {
               children: content
             },
             itemKey(item, i)
-          ) : /* @__PURE__ */ jsx5(
+          ) : /* @__PURE__ */ jsx6(
             "div",
             {
               ...shared,
@@ -516,7 +537,7 @@ function ActionMenu({ id, label, items, buttonIcon }) {
 }
 
 // src/compat/code.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 var InstalledCode = resolveComponent(UI, "Code");
 var FALLBACK_CODE_STYLE = {
   display: "block",
@@ -526,8 +547,8 @@ var FALLBACK_CODE_STYLE = {
   margin: 0
 };
 function Code({ style, children }) {
-  if (InstalledCode) return /* @__PURE__ */ jsx6(InstalledCode, { size: 1, style, children });
-  return /* @__PURE__ */ jsx6("code", { style: { ...FALLBACK_CODE_STYLE, ...style }, children });
+  if (InstalledCode) return /* @__PURE__ */ jsx7(InstalledCode, { size: 1, style, children });
+  return /* @__PURE__ */ jsx7("code", { style: { ...FALLBACK_CODE_STYLE, ...style }, children });
 }
 
 // src/lib/api.ts
@@ -543,7 +564,7 @@ async function vercelFetch(path, token, init) {
     }
   });
   if (!res.ok) {
-    const hint = res.status === 401 ? " \u2014 token is invalid or expired. Reconnect your API token." : res.status === 403 ? " \u2014 token lacks the required permissions. Ensure it has Full Account scope." : res.status === 404 ? " \u2014 resource not found. Check the deploy hook URL and team ID." : res.status === 429 ? " \u2014 rate limit reached. Wait a moment and try again." : res.status >= 500 ? " \u2014 Vercel is experiencing issues. Try again shortly." : "";
+    const hint = res.status === 401 ? " \u2014 token is invalid or expired. Reconnect your API token." : res.status === 403 ? " \u2014 token lacks the required permissions. Scope it to the team that owns the project, and set the target's Team ID." : res.status === 404 ? " \u2014 resource not found. Check the deploy hook URL and team ID." : res.status === 429 ? " \u2014 rate limit reached. Wait a moment and try again." : res.status >= 500 ? " \u2014 Vercel is experiencing issues. Try again shortly." : "";
     throw new Error(`Vercel API ${res.status}${hint}`);
   }
   return res.json();
@@ -582,15 +603,75 @@ async function getDeploymentEvents(opts) {
   const params = new URLSearchParams({ limit: "100", direction: "backward" });
   if (opts.teamId) params.set("teamId", opts.teamId);
   const raw = await vercelFetch(
-    `/v2/deployments/${opts.deploymentId}/events?${params}`,
+    `/v2/deployments/${encodeURIComponent(opts.deploymentId)}/events?${params}`,
     opts.token
   );
   const events = Array.isArray(raw) ? raw : raw.events ?? [];
   return events.filter((e) => e.text?.trim());
 }
 
+// src/lib/transport.ts
+async function proxyFetch(url, statusKey, init) {
+  const res = await fetch(url, {
+    ...init,
+    headers: {
+      "Content-Type": "application/json",
+      ...statusKey ? { "x-deploy-status-key": statusKey } : {},
+      ...init?.headers
+    }
+  });
+  if (!res.ok) {
+    const hint = res.status === 401 ? " \u2014 the proxy rejected the status key. Check `statusKey` matches the proxy." : res.status === 404 ? " \u2014 the proxy has no target with that key. Check `proxyKey` matches the proxy configuration." : res.status >= 500 ? " \u2014 the deploy proxy is failing. Check its logs." : "";
+    throw new Error(`Deploy proxy ${res.status}${hint}`);
+  }
+  return res.json();
+}
+async function fetchDeployments(transport, target, limit) {
+  if (transport.mode === "direct") {
+    if (!target.projectId || !target.hookId) return [];
+    return listDeployments({
+      projectId: target.projectId,
+      hookId: target.hookId,
+      token: transport.token,
+      teamId: target.teamId,
+      limit
+    });
+  }
+  const params = new URLSearchParams({ key: target.proxyKey ?? "" });
+  if (limit) params.set("limit", String(limit));
+  const data = await proxyFetch(
+    `${transport.proxyUrl}/deployments?${params}`,
+    transport.statusKey
+  );
+  return data.deployments ?? [];
+}
+async function cancelDeploy(transport, target, deploymentId) {
+  if (transport.mode === "direct") {
+    return cancelDeployment({ deploymentId, token: transport.token, teamId: target.teamId });
+  }
+  await proxyFetch(`${transport.proxyUrl}/cancel`, transport.statusKey, {
+    method: "POST",
+    body: JSON.stringify({ key: target.proxyKey, deploymentId })
+  });
+}
+async function fetchDeploymentEvents(transport, target, deploymentId) {
+  if (transport.mode === "direct") {
+    return getDeploymentEvents({ deploymentId, token: transport.token, teamId: target.teamId });
+  }
+  const params = new URLSearchParams({ key: target.proxyKey ?? "", deploymentId });
+  const data = await proxyFetch(
+    `${transport.proxyUrl}/events?${params}`,
+    transport.statusKey
+  );
+  return data.events ?? [];
+}
+
+// src/components/DeployItem.tsx
+import { useClient } from "sanity";
+
 // src/lib/helpers.ts
 function parseHookUrl(url) {
+  if (!url) return { projectId: "", hookId: "" };
   try {
     const path = new URL(url).pathname;
     const parts = path.split("/").filter(Boolean);
@@ -680,30 +761,33 @@ function projectHref(inspectorUrl) {
 }
 
 // src/components/StatusBadge.tsx
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
 function StatusBadge({ state, showSpinner }) {
   const { label, tone } = stateLabel(state);
   const spinning = showSpinner && (state === "QUEUED" || state === "INITIALIZING" || state === "BUILDING");
   return /* @__PURE__ */ jsxs4(Flex, { align: "center", gap: 2, children: [
-    spinning && /* @__PURE__ */ jsx7(Spinner, { muted: true }),
-    /* @__PURE__ */ jsx7(Badge, { tone, padding: 2, children: label })
+    spinning && /* @__PURE__ */ jsx8(Spinner, { muted: true }),
+    /* @__PURE__ */ jsx8(Badge, { tone, padding: 2, children: label })
   ] });
 }
 
 // src/components/DeployHistory.tsx
 import { useId as useId3, useEffect as useEffect3, useState as useState4, useCallback as useCallback3 } from "react";
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
 function DeployHistory({ target, token, onClose }) {
   const dialogId = useId3();
+  const pluginConfig = usePluginConfig();
   const [deployments, setDeployments] = useState4([]);
   const [loading, setLoading] = useState4(true);
   const [error, setError] = useState4(null);
   const { projectId, hookId } = parseHookUrl(target.url);
+  const transport = pluginConfig.mode === "proxy" ? { mode: "proxy", proxyUrl: pluginConfig.proxyUrl ?? "", statusKey: pluginConfig.statusKey } : { mode: "direct", token };
+  const targetRef = { projectId, hookId, proxyKey: target.proxyKey, teamId: target.teamId };
   const load = useCallback3(async () => {
     setLoading(true);
     setError(null);
     try {
-      const data = await listDeployments({ projectId, hookId, token, teamId: target.teamId, limit: 10 });
+      const data = await fetchDeployments(transport, targetRef, 20);
       setDeployments(data);
     } catch (err) {
       setError(err instanceof Error ? err.message : "Failed to load history");
@@ -714,52 +798,52 @@ function DeployHistory({ target, token, onClose }) {
   useEffect3(() => {
     load();
   }, [load]);
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     Dialog,
     {
       header: `${target.name} \u2014 Deployment History`,
       id: dialogId,
       onClose,
       width: 2,
-      footer: /* @__PURE__ */ jsx8(Box, { padding: 3, children: /* @__PURE__ */ jsx8(Button, { text: "Close", icon: CloseIcon, mode: "ghost", onClick: onClose }) }),
+      footer: /* @__PURE__ */ jsx9(Box, { padding: 3, children: /* @__PURE__ */ jsx9(Button, { text: "Close", icon: CloseIcon, mode: "ghost", onClick: onClose }) }),
       children: /* @__PURE__ */ jsxs5(Box, { padding: 4, children: [
-        loading && /* @__PURE__ */ jsx8(Flex, { justify: "center", padding: 6, children: /* @__PURE__ */ jsx8(Spinner, { muted: true }) }),
-        error && /* @__PURE__ */ jsx8(Card, { tone: "critical", padding: 4, radius: 2, children: /* @__PURE__ */ jsx8(Text, { size: 1, children: error }) }),
-        !loading && !error && deployments.length === 0 && /* @__PURE__ */ jsx8(Card, { tone: "transparent", padding: 4, children: /* @__PURE__ */ jsx8(Text, { size: 1, muted: true, align: "center", children: "No deployments found for this hook." }) }),
+        loading && /* @__PURE__ */ jsx9(Flex, { justify: "center", padding: 6, children: /* @__PURE__ */ jsx9(Spinner, { muted: true }) }),
+        error && /* @__PURE__ */ jsx9(Card, { tone: "critical", padding: 4, radius: 2, children: /* @__PURE__ */ jsx9(Text, { size: 1, children: error }) }),
+        !loading && !error && deployments.length === 0 && /* @__PURE__ */ jsx9(Card, { tone: "transparent", padding: 4, children: /* @__PURE__ */ jsx9(Text, { size: 1, muted: true, align: "center", children: "No deployments found for this hook." }) }),
         !loading && deployments.length > 0 && /* @__PURE__ */ jsxs5(Stack, { space: 2, children: [
-          /* @__PURE__ */ jsx8(Card, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs5(Flex, { gap: 3, children: [
-            /* @__PURE__ */ jsx8(Box, { flex: 2, children: /* @__PURE__ */ jsx8(Text, { size: 0, weight: "semibold", muted: true, children: "Preview URL" }) }),
-            /* @__PURE__ */ jsx8(Box, { flex: 1, children: /* @__PURE__ */ jsx8(Text, { size: 0, weight: "semibold", muted: true, children: "Status" }) }),
-            /* @__PURE__ */ jsx8(Box, { flex: 2, children: /* @__PURE__ */ jsx8(Text, { size: 0, weight: "semibold", muted: true, children: "Branch \xB7 Commit" }) }),
-            /* @__PURE__ */ jsx8(Box, { flex: 1, children: /* @__PURE__ */ jsx8(Text, { size: 0, weight: "semibold", muted: true, children: "Deployed" }) }),
-            /* @__PURE__ */ jsx8(Box, { style: { width: 64 }, children: /* @__PURE__ */ jsx8(Text, { size: 0, weight: "semibold", muted: true, children: "Logs" }) })
+          /* @__PURE__ */ jsx9(Card, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs5(Flex, { gap: 3, children: [
+            /* @__PURE__ */ jsx9(Box, { flex: 2, children: /* @__PURE__ */ jsx9(Text, { size: 0, weight: "semibold", muted: true, children: "Preview URL" }) }),
+            /* @__PURE__ */ jsx9(Box, { flex: 1, children: /* @__PURE__ */ jsx9(Text, { size: 0, weight: "semibold", muted: true, children: "Status" }) }),
+            /* @__PURE__ */ jsx9(Box, { flex: 2, children: /* @__PURE__ */ jsx9(Text, { size: 0, weight: "semibold", muted: true, children: "Branch \xB7 Commit" }) }),
+            /* @__PURE__ */ jsx9(Box, { flex: 1, children: /* @__PURE__ */ jsx9(Text, { size: 0, weight: "semibold", muted: true, children: "Deployed" }) }),
+            /* @__PURE__ */ jsx9(Box, { style: { width: 64 }, children: /* @__PURE__ */ jsx9(Text, { size: 0, weight: "semibold", muted: true, children: "Logs" }) })
           ] }) }),
           deployments.map((d) => {
             const { label, tone } = stateLabel(d.state);
             const branch = d.meta?.githubCommitRef ?? "\u2014";
             const sha = shortSha(d.meta?.githubCommitSha);
             const message = d.meta?.githubCommitMessage?.split("\n")[0] ?? "";
-            return /* @__PURE__ */ jsx8(Card, { padding: 3, radius: 2, shadow: 1, tone: "default", children: /* @__PURE__ */ jsxs5(Flex, { gap: 3, align: "center", children: [
-              /* @__PURE__ */ jsx8(Box, { flex: 2, style: { overflow: "hidden" }, children: deploymentHref(d.url) ? /* @__PURE__ */ jsx8(
+            return /* @__PURE__ */ jsx9(Card, { padding: 3, radius: 2, shadow: 1, tone: "default", children: /* @__PURE__ */ jsxs5(Flex, { gap: 3, align: "center", children: [
+              /* @__PURE__ */ jsx9(Box, { flex: 2, style: { overflow: "hidden" }, children: deploymentHref(d.url) ? /* @__PURE__ */ jsx9(
                 "a",
                 {
                   href: deploymentHref(d.url),
                   target: "_blank",
                   rel: "noreferrer",
                   style: { color: "inherit" },
-                  children: /* @__PURE__ */ jsx8(Text, { size: 1, style: { textDecoration: "underline" }, children: d.url.length > 36 ? `${d.url.slice(0, 36)}\u2026` : d.url })
+                  children: /* @__PURE__ */ jsx9(Text, { size: 1, style: { textDecoration: "underline" }, children: d.url.length > 36 ? `${d.url.slice(0, 36)}\u2026` : d.url })
                 }
-              ) : /* @__PURE__ */ jsx8(Text, { size: 1, muted: true, children: "\u2014" }) }),
-              /* @__PURE__ */ jsx8(Box, { flex: 1, children: /* @__PURE__ */ jsx8(Badge, { tone, children: label }) }),
-              /* @__PURE__ */ jsx8(Box, { flex: 2, style: { overflow: "hidden" }, children: /* @__PURE__ */ jsxs5(Stack, { space: 1, children: [
-                /* @__PURE__ */ jsx8(Text, { size: 1, children: branch }),
+              ) : /* @__PURE__ */ jsx9(Text, { size: 1, muted: true, children: "\u2014" }) }),
+              /* @__PURE__ */ jsx9(Box, { flex: 1, children: /* @__PURE__ */ jsx9(Badge, { tone, children: label }) }),
+              /* @__PURE__ */ jsx9(Box, { flex: 2, style: { overflow: "hidden" }, children: /* @__PURE__ */ jsxs5(Stack, { space: 1, children: [
+                /* @__PURE__ */ jsx9(Text, { size: 1, children: branch }),
                 sha && /* @__PURE__ */ jsxs5(Text, { size: 0, muted: true, children: [
                   sha,
                   message ? ` \xB7 ${message.slice(0, 40)}${message.length > 40 ? "\u2026" : ""}` : ""
                 ] })
               ] }) }),
-              /* @__PURE__ */ jsx8(Box, { flex: 1, children: /* @__PURE__ */ jsx8(Text, { size: 1, muted: true, children: timeAgo(d.created) }) }),
-              /* @__PURE__ */ jsx8(Box, { style: { width: 64 }, children: safeHref(d.inspectorUrl) ? /* @__PURE__ */ jsx8(
+              /* @__PURE__ */ jsx9(Box, { flex: 1, children: /* @__PURE__ */ jsx9(Text, { size: 1, muted: true, children: timeAgo(d.created) }) }),
+              /* @__PURE__ */ jsx9(Box, { style: { width: 64 }, children: safeHref(d.inspectorUrl) ? /* @__PURE__ */ jsx9(
                 Button,
                 {
                   as: "a",
@@ -772,7 +856,7 @@ function DeployHistory({ target, token, onClose }) {
                   icon: LaunchIcon,
                   style: { fontSize: "12px" }
                 }
-              ) : /* @__PURE__ */ jsx8(Text, { size: 1, muted: true, children: "\u2014" }) })
+              ) : /* @__PURE__ */ jsx9(Text, { size: 1, muted: true, children: "\u2014" }) })
             ] }) }, d.uid);
           })
         ] })
@@ -782,13 +866,17 @@ function DeployHistory({ target, token, onClose }) {
 }
 
 // src/components/DeployItem.tsx
-import { Fragment, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
 var POLL_INTERVAL_MS = 5e3;
 var LABEL_WIDTH = 64;
 var PENDING_TIMEOUT_MS = 6e4;
 function DeployItem({ target, token, onDelete, onEdit }) {
   const { projectId, hookId } = parseHookUrl(target.url);
   const toast = useToast();
+  const pluginConfig = usePluginConfig();
+  const client = useClient({ apiVersion: "2025-01-01" });
+  const transport = pluginConfig.mode === "proxy" ? { mode: "proxy", proxyUrl: pluginConfig.proxyUrl ?? "", statusKey: pluginConfig.statusKey } : { mode: "direct", token };
+  const targetRef = { projectId, hookId, proxyKey: target.proxyKey, teamId: target.teamId };
   const [deployments, setDeployments] = useState5([]);
   const [loadingInitial, setLoadingInitial] = useState5(true);
   const [pendingSince, setPendingSince] = useState5(null);
@@ -815,11 +903,12 @@ function DeployItem({ target, token, onDelete, onEdit }) {
   const latest = deployments[0];
   const isPending = pendingSince !== null;
   const isActive = isPending || isActiveState(latest?.state);
-  const fetchDeployments = useCallback4(async () => {
-    if (!projectId || !hookId || !token) return;
+  const fetchDeployments2 = useCallback4(async () => {
+    const ready = transport.mode === "proxy" ? Boolean(target.proxyKey && pluginConfig.proxyUrl) : Boolean(projectId && hookId && token);
+    if (!ready) return;
     const seq = ++requestSeqRef.current;
     try {
-      const data = await listDeployments({ projectId, hookId, token, teamId: target.teamId });
+      const data = await fetchDeployments(transport, targetRef);
       if (seq !== requestSeqRef.current || !mountedRef.current) return;
       setDeployments(data);
       setPollError(null);
@@ -828,15 +917,15 @@ function DeployItem({ target, token, onDelete, onEdit }) {
       setPollError(err instanceof Error ? err.message : "Could not reach the Vercel API");
       console.error("Deploy-vercel-from-sanity: fetch error", err);
     }
-  }, [projectId, hookId, token, target.teamId]);
+  }, [projectId, hookId, token, target.teamId, target.proxyKey, transport.mode, pluginConfig.proxyUrl]);
   useEffect4(() => {
-    fetchDeployments().finally(() => setLoadingInitial(false));
-  }, [fetchDeployments]);
+    fetchDeployments2().finally(() => setLoadingInitial(false));
+  }, [fetchDeployments2]);
   useEffect4(() => {
     if (!isActive) return;
-    const id = setInterval(fetchDeployments, POLL_INTERVAL_MS);
+    const id = setInterval(fetchDeployments2, POLL_INTERVAL_MS);
     return () => clearInterval(id);
-  }, [isActive, fetchDeployments]);
+  }, [isActive, fetchDeployments2]);
   useEffect4(() => {
     if (!isPending) return;
     if (latest?.uid && latest.uid !== triggeredFromUidRef.current) setPendingSince(null);
@@ -890,26 +979,36 @@ function DeployItem({ target, token, onDelete, onEdit }) {
     });
     void (async () => {
       try {
-        await triggerDeploy(target.url);
-        setTimeout(fetchDeployments, 2e3);
+        if (pluginConfig.mode === "proxy") {
+          if (!target.proxyKey) throw new Error("Target has no proxy key \u2014 set one on the deploy target");
+          await client.create({
+            _type: "vercelDeploy.request",
+            target: { _type: "reference", _ref: target._id },
+            proxyKey: target.proxyKey,
+            requestedAt: (/* @__PURE__ */ new Date()).toISOString()
+          });
+        } else {
+          await triggerDeploy(target.url ?? "");
+        }
+        setTimeout(fetchDeployments2, 2e3);
       } catch (err) {
         setPendingSince(null);
         setDeployError(err instanceof Error ? err.message : "Deploy failed");
       }
     })();
-  }, [target.url, fetchDeployments, latest?.uid]);
+  }, [target.url, target.proxyKey, target._id, pluginConfig.mode, client, fetchDeployments2, latest?.uid]);
   const cancel = useCallback4(async () => {
     if (!latest?.uid) return;
     setCanceling(true);
     try {
-      await cancelDeployment({ deploymentId: latest.uid, token, teamId: target.teamId });
-      await fetchDeployments();
+      await cancelDeploy(transport, targetRef, latest.uid);
+      await fetchDeployments2();
     } catch (err) {
       console.error("deploy-vercel-from-sanity: cancel error", err);
     } finally {
       setCanceling(false);
     }
-  }, [latest?.uid, token, target.teamId, fetchDeployments]);
+  }, [latest?.uid, token, target.teamId, fetchDeployments2]);
   const copyUrl = useCallback4(() => {
     if (!latest?.url) return;
     const fullUrl = deploymentHref(latest.url) ?? "";
@@ -925,11 +1024,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
     setLoadingLogs(true);
     setLogError(null);
     try {
-      const events = await getDeploymentEvents({
-        deploymentId: latest.uid,
-        token,
-        teamId: target.teamId
-      });
+      const events = await fetchDeploymentEvents(transport, targetRef, latest.uid);
       const lines = events.filter((e) => e.type === "stderr" || e.type === "stdout").map((e) => e.text ?? "").filter(Boolean).reverse().slice(-30);
       setErrorLines(lines.length > 0 ? lines : ["No stderr or stdout was captured for this build. Open the full build log in Vercel for details."]);
     } catch (err) {
@@ -952,19 +1047,19 @@ function DeployItem({ target, token, onDelete, onEdit }) {
   const vercelProjectUrl = projectHref(latest?.inspectorUrl);
   const isError = latest?.state === "ERROR";
   return /* @__PURE__ */ jsxs6(Fragment, { children: [
-    /* @__PURE__ */ jsx9(Card, { radius: 2, shadow: 1, tone: "default", children: /* @__PURE__ */ jsxs6(Flex, { align: "stretch", className: "dvfs-card-flex", children: [
+    /* @__PURE__ */ jsx10(Card, { radius: 2, shadow: 1, tone: "default", children: /* @__PURE__ */ jsxs6(Flex, { align: "stretch", className: "dvfs-card-flex", children: [
       /* @__PURE__ */ jsxs6(Flex, { direction: "column", flex: 1, style: { minWidth: 0 }, children: [
         /* @__PURE__ */ jsxs6(Stack, { space: 3, padding: 3, style: { flex: 1 }, children: [
           /* @__PURE__ */ jsxs6(Flex, { align: "center", justify: "space-between", gap: 2, children: [
             /* @__PURE__ */ jsxs6(Flex, { align: "center", gap: 2, style: { minWidth: 0, flexWrap: "wrap" }, children: [
-              /* @__PURE__ */ jsx9(Text, { size: 2, weight: "semibold", style: { flexShrink: 0 }, children: target.name }),
-              branch && /* @__PURE__ */ jsx9(Badge, { tone: "default", padding: 2, children: /* @__PURE__ */ jsxs6(Flex, { align: "center", gap: 1, children: [
+              /* @__PURE__ */ jsx10(Text, { size: 2, weight: "semibold", style: { flexShrink: 0 }, children: target.name }),
+              branch && /* @__PURE__ */ jsx10(Badge, { tone: "default", padding: 2, children: /* @__PURE__ */ jsxs6(Flex, { align: "center", gap: 1, children: [
                 branch,
-                /* @__PURE__ */ jsx9("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", style: { marginLeft: "-0.1em", opacity: 0.5 }, children: /* @__PURE__ */ jsx9("path", { d: "M5 3.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0zm0 2.122a2.25 2.25 0 1 0-1.5 0v.878A2.25 2.25 0 0 0 5.75 8.5h1.5v2.128a2.251 2.251 0 1 0 1.5 0V8.5h1.5a2.25 2.25 0 0 0 2.25-2.25v-.878a2.25 2.25 0 1 0-1.5 0v.878a.75.75 0 0 1-.75.75h-4.5A.75.75 0 0 1 5 6.25v-.878zm3.75 7.378a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0zm3-8.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0z" }) })
+                /* @__PURE__ */ jsx10("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", style: { marginLeft: "-0.1em", opacity: 0.5 }, children: /* @__PURE__ */ jsx10("path", { d: "M5 3.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0zm0 2.122a2.25 2.25 0 1 0-1.5 0v.878A2.25 2.25 0 0 0 5.75 8.5h1.5v2.128a2.251 2.251 0 1 0 1.5 0V8.5h1.5a2.25 2.25 0 0 0 2.25-2.25v-.878a2.25 2.25 0 1 0-1.5 0v.878a.75.75 0 0 1-.75.75h-4.5A.75.75 0 0 1 5 6.25v-.878zm3.75 7.378a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0zm3-8.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0z" }) })
               ] }) }),
               token && !loadingInitial && /* @__PURE__ */ jsxs6(Fragment, { children: [
-                isPending ? /* @__PURE__ */ jsx9(StatusBadge, { state: "QUEUED" }) : /* @__PURE__ */ jsx9(StatusBadge, { state: latest?.state }),
-                isActiveState(latest?.state) && /* @__PURE__ */ jsx9(
+                isPending ? /* @__PURE__ */ jsx10(StatusBadge, { state: "QUEUED" }) : /* @__PURE__ */ jsx10(StatusBadge, { state: latest?.state }),
+                isActiveState(latest?.state) && /* @__PURE__ */ jsx10(
                   Button,
                   {
                     text: "Cancel",
@@ -978,14 +1073,14 @@ function DeployItem({ target, token, onDelete, onEdit }) {
                 ),
                 isPending ? (
                   /* Optimistic — dimmed spinner only; no elapsed time until a real build exists */
-                  /* @__PURE__ */ jsx9(Spinner, { muted: true, style: { marginLeft: 4, opacity: 0.5 } })
+                  /* @__PURE__ */ jsx10(Spinner, { muted: true, style: { marginLeft: 4, opacity: 0.5 } })
                 ) : isActive ? /* @__PURE__ */ jsxs6(Flex, { align: "center", gap: 1, children: [
-                  /* @__PURE__ */ jsx9(Spinner, { muted: true, style: { marginLeft: 4 } }),
-                  /* @__PURE__ */ jsx9(Text, { size: 1, muted: true, children: formatDuration(elapsed) })
-                ] }) : deployedAt ? /* @__PURE__ */ jsx9(Text, { size: 1, muted: true, children: deployedAt }) : null
+                  /* @__PURE__ */ jsx10(Spinner, { muted: true, style: { marginLeft: 4 } }),
+                  /* @__PURE__ */ jsx10(Text, { size: 1, muted: true, children: formatDuration(elapsed) })
+                ] }) : deployedAt ? /* @__PURE__ */ jsx10(Text, { size: 1, muted: true, children: deployedAt }) : null
               ] })
             ] }),
-            /* @__PURE__ */ jsx9(
+            /* @__PURE__ */ jsx10(
               ActionMenu,
               {
                 id: `menu-${target._id}`,
@@ -1001,32 +1096,32 @@ function DeployItem({ target, token, onDelete, onEdit }) {
               }
             )
           ] }),
-          /* @__PURE__ */ jsx9("hr", { style: { border: "none", borderTop: "1px solid currentColor", opacity: 0.1, margin: 0 } }),
-          !token ? /* @__PURE__ */ jsx9(Text, { size: 1, muted: true, children: "Connect a Vercel API token to see deployment status." }) : loadingInitial ? /* @__PURE__ */ jsxs6(Flex, { align: "center", gap: 2, children: [
-            /* @__PURE__ */ jsx9(Spinner, { muted: true }),
-            /* @__PURE__ */ jsx9(Text, { size: 1, muted: true, children: "Loading\u2026" })
+          /* @__PURE__ */ jsx10("hr", { style: { border: "none", borderTop: "1px solid currentColor", opacity: 0.1, margin: 0 } }),
+          !token ? /* @__PURE__ */ jsx10(Text, { size: 1, muted: true, children: pluginConfig.mode === "proxy" ? target.proxyKey ? "Waiting for status from the deploy proxy." : "Set a Proxy Key on this target to see deployment status." : "Connect a Vercel API token to see deployment status." }) : loadingInitial ? /* @__PURE__ */ jsxs6(Flex, { align: "center", gap: 2, children: [
+            /* @__PURE__ */ jsx10(Spinner, { muted: true }),
+            /* @__PURE__ */ jsx10(Text, { size: 1, muted: true, children: "Loading\u2026" })
           ] }) : /* @__PURE__ */ jsxs6(Stack, { space: 2, children: [
             /* @__PURE__ */ jsxs6(Flex, { align: "center", gap: 2, wrap: "wrap", children: [
-              latest?.url && latest.state === "READY" && /* @__PURE__ */ jsx9(Fragment, { children: /* @__PURE__ */ jsx9(
+              latest?.url && latest.state === "READY" && /* @__PURE__ */ jsx10(Fragment, { children: /* @__PURE__ */ jsx10(
                 "a",
                 {
                   href: deploymentHref(latest.url),
                   target: "_blank",
                   rel: "noreferrer",
                   style: { color: "inherit" },
-                  children: /* @__PURE__ */ jsx9(Flex, { align: "center", gap: 1, children: /* @__PURE__ */ jsx9(Text, { size: 1, children: latest.url }) })
+                  children: /* @__PURE__ */ jsx10(Flex, { align: "center", gap: 1, children: /* @__PURE__ */ jsx10(Text, { size: 1, children: latest.url }) })
                 }
               ) }),
-              sha && /* @__PURE__ */ jsx9(Tooltip, { text: commitMsg ?? sha, children: commitHref ? /* @__PURE__ */ jsx9(
+              sha && /* @__PURE__ */ jsx10(Tooltip, { text: commitMsg ?? sha, children: commitHref ? /* @__PURE__ */ jsx10(
                 "a",
                 {
                   href: commitHref,
                   target: "_blank",
                   rel: "noreferrer",
                   style: { color: "inherit", textDecoration: "none" },
-                  children: /* @__PURE__ */ jsx9(Text, { size: 1, muted: true, style: { cursor: "pointer", fontFamily: "monospace" }, children: sha })
+                  children: /* @__PURE__ */ jsx10(Text, { size: 1, muted: true, style: { cursor: "pointer", fontFamily: "monospace" }, children: sha })
                 }
-              ) : /* @__PURE__ */ jsx9(Text, { size: 1, muted: true, style: { cursor: "default", fontFamily: "monospace" }, children: sha }) }),
+              ) : /* @__PURE__ */ jsx10(Text, { size: 1, muted: true, style: { cursor: "default", fontFamily: "monospace" }, children: sha }) }),
               creator && /* @__PURE__ */ jsxs6(Text, { size: 1, muted: true, children: [
                 "by ",
                 creator
@@ -1037,7 +1132,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
                 " to build"
               ] }),
               latest?.url && latest.state === "READY" && /* @__PURE__ */ jsxs6(Fragment, { children: [
-                /* @__PURE__ */ jsx9(Tooltip, { text: copied ? "Copied" : "Copy deployment URL", children: /* @__PURE__ */ jsx9(
+                /* @__PURE__ */ jsx10(Tooltip, { text: copied ? "Copied" : "Copy deployment URL", children: /* @__PURE__ */ jsx10(
                   Button,
                   {
                     mode: "ghost",
@@ -1049,7 +1144,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
                     style: { cursor: "pointer" }
                   }
                 ) }),
-                /* @__PURE__ */ jsx9(
+                /* @__PURE__ */ jsx10(
                   "span",
                   {
                     role: "status",
@@ -1068,7 +1163,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
               ] })
             ] }),
             /* @__PURE__ */ jsxs6(Flex, { align: "center", gap: 2, wrap: "wrap", children: [
-              commitMsg && /* @__PURE__ */ jsx9(
+              commitMsg && /* @__PURE__ */ jsx10(
                 Text,
                 {
                   size: 0,
@@ -1078,7 +1173,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
                 }
               ),
               isError && /* @__PURE__ */ jsxs6(Stack, { space: 2, children: [
-                /* @__PURE__ */ jsx9(
+                /* @__PURE__ */ jsx10(
                   Button,
                   {
                     "aria-expanded": showErrorLogs,
@@ -1094,30 +1189,30 @@ function DeployItem({ target, token, onDelete, onEdit }) {
                 ),
                 showErrorLogs && /* @__PURE__ */ jsxs6(Card, { tone: "critical", radius: 2, padding: 3, children: [
                   loadingLogs && /* @__PURE__ */ jsxs6(Flex, { align: "center", gap: 2, children: [
-                    /* @__PURE__ */ jsx9(Spinner, { muted: true }),
-                    /* @__PURE__ */ jsx9(Text, { size: 1, muted: true, children: "Loading logs\u2026" })
+                    /* @__PURE__ */ jsx10(Spinner, { muted: true }),
+                    /* @__PURE__ */ jsx10(Text, { size: 1, muted: true, children: "Loading logs\u2026" })
                   ] }),
                   logError && /* @__PURE__ */ jsxs6(Stack, { space: 2, children: [
-                    /* @__PURE__ */ jsx9(Text, { size: 1, children: logError }),
-                    safeHref(latest?.inspectorUrl) && /* @__PURE__ */ jsx9("a", { href: safeHref(latest?.inspectorUrl), target: "_blank", rel: "noreferrer", style: { color: "inherit" }, children: /* @__PURE__ */ jsxs6(Flex, { align: "center", gap: 1, children: [
-                      /* @__PURE__ */ jsx9(LaunchIcon, {}),
-                      /* @__PURE__ */ jsx9(Text, { size: 1, children: "View full logs in Vercel" })
+                    /* @__PURE__ */ jsx10(Text, { size: 1, children: logError }),
+                    safeHref(latest?.inspectorUrl) && /* @__PURE__ */ jsx10("a", { href: safeHref(latest?.inspectorUrl), target: "_blank", rel: "noreferrer", style: { color: "inherit" }, children: /* @__PURE__ */ jsxs6(Flex, { align: "center", gap: 1, children: [
+                      /* @__PURE__ */ jsx10(LaunchIcon, {}),
+                      /* @__PURE__ */ jsx10(Text, { size: 1, children: "View full logs in Vercel" })
                     ] }) })
                   ] }),
                   !loadingLogs && !logError && errorLines.length > 0 && /* @__PURE__ */ jsxs6(Stack, { space: 2, children: [
-                    /* @__PURE__ */ jsx9(Box, { style: { maxHeight: 240, overflowY: "auto", fontFamily: "monospace", fontSize: 13, lineHeight: 1.6 }, children: errorLines.map((line, i) => /* @__PURE__ */ jsx9(Code, { style: { display: "block", whiteSpace: "pre-wrap", wordBreak: "break-all" }, children: line }, i)) }),
-                    safeHref(latest?.inspectorUrl) && /* @__PURE__ */ jsx9("a", { href: safeHref(latest?.inspectorUrl), target: "_blank", rel: "noreferrer", style: { color: "inherit" }, children: /* @__PURE__ */ jsxs6(Flex, { align: "center", gap: 1, children: [
-                      /* @__PURE__ */ jsx9(LaunchIcon, {}),
-                      /* @__PURE__ */ jsx9(Text, { size: 1, children: "View full logs in Vercel" })
+                    /* @__PURE__ */ jsx10(Box, { style: { maxHeight: 240, overflowY: "auto", fontFamily: "monospace", fontSize: 13, lineHeight: 1.6 }, children: errorLines.map((line, i) => /* @__PURE__ */ jsx10(Code, { style: { display: "block", whiteSpace: "pre-wrap", wordBreak: "break-all" }, children: line }, i)) }),
+                    safeHref(latest?.inspectorUrl) && /* @__PURE__ */ jsx10("a", { href: safeHref(latest?.inspectorUrl), target: "_blank", rel: "noreferrer", style: { color: "inherit" }, children: /* @__PURE__ */ jsxs6(Flex, { align: "center", gap: 1, children: [
+                      /* @__PURE__ */ jsx10(LaunchIcon, {}),
+                      /* @__PURE__ */ jsx10(Text, { size: 1, children: "View full logs in Vercel" })
                     ] }) })
                   ] })
                 ] })
               ] }),
-              deployError && /* @__PURE__ */ jsx9(Card, { tone: "critical", padding: 2, radius: 2, children: /* @__PURE__ */ jsx9(Text, { size: 1, children: deployError }) })
+              deployError && /* @__PURE__ */ jsx10(Card, { tone: "critical", padding: 2, radius: 2, children: /* @__PURE__ */ jsx10(Text, { size: 1, children: deployError }) })
             ] })
           ] }),
-          pollError && /* @__PURE__ */ jsx9(Card, { tone: "caution", padding: 3, radius: 2, children: /* @__PURE__ */ jsxs6(Flex, { align: "center", gap: 2, children: [
-            /* @__PURE__ */ jsx9(WarningOutlineIcon, { "aria-hidden": "true" }),
+          pollError && /* @__PURE__ */ jsx10(Card, { tone: "caution", padding: 3, radius: 2, children: /* @__PURE__ */ jsxs6(Flex, { align: "center", gap: 2, children: [
+            /* @__PURE__ */ jsx10(WarningOutlineIcon, { "aria-hidden": "true" }),
             /* @__PURE__ */ jsxs6(Text, { size: 1, children: [
               "Status updates paused \u2014 ",
               pollError
@@ -1125,7 +1220,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
           ] }) })
         ] }),
         /* @__PURE__ */ jsxs6(Box, { children: [
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10(
             Button,
             {
               mode: "ghost",
@@ -1138,61 +1233,61 @@ function DeployItem({ target, token, onDelete, onEdit }) {
               style: { width: "100%", justifyContent: "flex-start", borderRadius: 0, cursor: "pointer" }
             }
           ),
-          showDetails && /* @__PURE__ */ jsx9(Card, { tone: "primary", padding: 3, className: "dvfs-accordion-content", style: { borderRadius: 0, borderTop: "1px solid rgba(128,128,128,0.15)" }, children: /* @__PURE__ */ jsxs6(Stack, { space: 2, children: [
+          showDetails && /* @__PURE__ */ jsx10(Card, { tone: "primary", padding: 3, className: "dvfs-accordion-content", style: { borderRadius: 0, borderTop: "1px solid rgba(128,128,128,0.15)" }, children: /* @__PURE__ */ jsxs6(Stack, { space: 2, children: [
             /* @__PURE__ */ jsxs6(Flex, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Project" }),
-              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: projectId || "\u2014" })
+              /* @__PURE__ */ jsx10(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Project" }),
+              /* @__PURE__ */ jsx10(Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: projectId || "\u2014" })
             ] }),
             /* @__PURE__ */ jsxs6(Flex, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Hook" }),
-              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: hookId || "\u2014" })
+              /* @__PURE__ */ jsx10(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Hook" }),
+              /* @__PURE__ */ jsx10(Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: hookId || "\u2014" })
             ] }),
             target.teamId && /* @__PURE__ */ jsxs6(Flex, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Team" }),
-              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: target.teamId })
+              /* @__PURE__ */ jsx10(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Team" }),
+              /* @__PURE__ */ jsx10(Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: target.teamId })
             ] }),
             fullSha && /* @__PURE__ */ jsxs6(Flex, { gap: 2, align: "flex-start", children: [
-              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Commit" }),
-              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, style: { fontFamily: "monospace", wordBreak: "break-all" }, children: fullSha })
+              /* @__PURE__ */ jsx10(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Commit" }),
+              /* @__PURE__ */ jsx10(Text, { size: 0, muted: true, style: { fontFamily: "monospace", wordBreak: "break-all" }, children: fullSha })
             ] }),
             latest?.meta?.githubCommitAuthorName && /* @__PURE__ */ jsxs6(Flex, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Author" }),
-              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, children: latest.meta.githubCommitAuthorName })
+              /* @__PURE__ */ jsx10(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Author" }),
+              /* @__PURE__ */ jsx10(Text, { size: 0, muted: true, children: latest.meta.githubCommitAuthorName })
             ] }),
             branch && /* @__PURE__ */ jsxs6(Flex, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Branch" }),
-              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: branch })
+              /* @__PURE__ */ jsx10(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Branch" }),
+              /* @__PURE__ */ jsx10(Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: branch })
             ] }),
             latest?.uid && /* @__PURE__ */ jsxs6(Flex, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Deploy ID" }),
-              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: latest.uid })
+              /* @__PURE__ */ jsx10(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Deploy ID" }),
+              /* @__PURE__ */ jsx10(Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: latest.uid })
             ] }),
             latest?.url && /* @__PURE__ */ jsxs6(Flex, { gap: 2, align: "flex-start", children: [
-              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "URL" }),
-              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, style: { fontFamily: "monospace", wordBreak: "break-all" }, children: latest.url })
+              /* @__PURE__ */ jsx10(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "URL" }),
+              /* @__PURE__ */ jsx10(Text, { size: 0, muted: true, style: { fontFamily: "monospace", wordBreak: "break-all" }, children: latest.url })
             ] }),
             safeHref(latest?.inspectorUrl) && /* @__PURE__ */ jsxs6(Flex, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Inspector" }),
-              /* @__PURE__ */ jsx9("a", { href: safeHref(latest?.inspectorUrl), target: "_blank", rel: "noreferrer", style: { color: "inherit" }, children: /* @__PURE__ */ jsxs6(Flex, { align: "center", gap: 1, children: [
-                /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: "Open in Vercel" }),
-                /* @__PURE__ */ jsx9(LaunchIcon, { style: { width: 10, height: 10 } })
+              /* @__PURE__ */ jsx10(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Inspector" }),
+              /* @__PURE__ */ jsx10("a", { href: safeHref(latest?.inspectorUrl), target: "_blank", rel: "noreferrer", style: { color: "inherit" }, children: /* @__PURE__ */ jsxs6(Flex, { align: "center", gap: 1, children: [
+                /* @__PURE__ */ jsx10(Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: "Open in Vercel" }),
+                /* @__PURE__ */ jsx10(LaunchIcon, { style: { width: 10, height: 10 } })
               ] }) })
             ] }),
             latest?.created && /* @__PURE__ */ jsxs6(Flex, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Created" }),
-              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, children: new Date(latest.created).toLocaleString() })
+              /* @__PURE__ */ jsx10(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Created" }),
+              /* @__PURE__ */ jsx10(Text, { size: 0, muted: true, children: new Date(latest.created).toLocaleString() })
             ] })
           ] }) })
         ] })
       ] }),
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx10(
         Flex,
         {
           direction: "column",
           gap: 2,
           className: "dvfs-deploy-col",
           style: { flexShrink: 0, alignSelf: "stretch" },
-          children: /* @__PURE__ */ jsx9(
+          children: /* @__PURE__ */ jsx10(
             Button,
             {
               text: "Deploy",
@@ -1212,7 +1307,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
         }
       )
     ] }) }),
-    showHistory && /* @__PURE__ */ jsx9(
+    showHistory && /* @__PURE__ */ jsx10(
       DeployHistory,
       {
         target,
@@ -1225,13 +1320,13 @@ function DeployItem({ target, token, onDelete, onEdit }) {
 
 // src/components/TokenSetup.tsx
 import { useId as useId4, useState as useState6, useCallback as useCallback5 } from "react";
-import { useClient } from "sanity";
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { useClient as useClient2 } from "sanity";
+import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
 var TOKEN_DOC_ID = "config.vercelDeploy";
 function TokenSetup({ onSaved, onCancel, hasToken = false }) {
   const dialogId = useId4();
   const tokenId = useId4();
-  const client = useClient({ apiVersion: "2025-01-01" });
+  const client = useClient2({ apiVersion: "2025-01-01" });
   const [token, setToken] = useState6("");
   const [saving, setSaving] = useState6(false);
   const [error, setError] = useState6(null);
@@ -1265,7 +1360,7 @@ function TokenSetup({ onSaved, onCancel, hasToken = false }) {
       setRevoking(false);
     }
   }, [client, onSaved]);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     Dialog,
     {
       header: "Connect Vercel API token",
@@ -1273,7 +1368,7 @@ function TokenSetup({ onSaved, onCancel, hasToken = false }) {
       onClose: onCancel,
       width: 1,
       footer: /* @__PURE__ */ jsxs7(Flex, { padding: 3, gap: 2, justify: hasToken ? "space-between" : "flex-end", children: [
-        hasToken && /* @__PURE__ */ jsx10(
+        hasToken && /* @__PURE__ */ jsx11(
           Button,
           {
             text: "Remove token",
@@ -1287,8 +1382,8 @@ function TokenSetup({ onSaved, onCancel, hasToken = false }) {
           }
         ),
         /* @__PURE__ */ jsxs7(Flex, { gap: 2, children: [
-          onCancel && /* @__PURE__ */ jsx10(Button, { text: "Cancel", mode: "ghost", onClick: onCancel, style: { cursor: "pointer" } }),
-          /* @__PURE__ */ jsx10(
+          onCancel && /* @__PURE__ */ jsx11(Button, { text: "Cancel", mode: "ghost", onClick: onCancel, style: { cursor: "pointer" } }),
+          /* @__PURE__ */ jsx11(
             Button,
             {
               text: "Save and connect",
@@ -1304,19 +1399,20 @@ function TokenSetup({ onSaved, onCancel, hasToken = false }) {
       ] }),
       children: /* @__PURE__ */ jsxs7(Stack, { space: 4, padding: 4, children: [
         /* @__PURE__ */ jsxs7(Stack, { space: 3, children: [
-          /* @__PURE__ */ jsx10(Text, { size: 1, muted: true, children: "A Vercel API token lets this tool read deployment status, history, build logs, and branch metadata. Without it you can still trigger deploys \u2014 you just won't see any feedback." }),
+          /* @__PURE__ */ jsx11(Text, { size: 1, muted: true, children: "A Vercel API token lets this tool read deployment status, history, build logs, and branch metadata. Without it you can still trigger deploys \u2014 you just won't see any feedback." }),
           /* @__PURE__ */ jsxs7(Text, { size: 1, muted: true, children: [
             "Create one at ",
-            /* @__PURE__ */ jsx10("strong", { children: "vercel.com \u2192 Settings \u2192 Tokens" }),
+            /* @__PURE__ */ jsx11("strong", { children: "vercel.com \u2192 Settings \u2192 Tokens" }),
             " with",
             " ",
-            /* @__PURE__ */ jsx10("strong", { children: "Full Account" }),
-            " scope. The token is stored in your Sanity dataset and shared across all authenticated studio users."
+            "scope limited to the ",
+            /* @__PURE__ */ jsx11("strong", { children: "team" }),
+            " that owns your projects. The token is stored in cleartext in your Sanity dataset \u2014 readable by anyone who can read the dataset, including unauthenticated readers if it is public and shared across all authenticated studio users."
           ] })
         ] }),
         /* @__PURE__ */ jsxs7(Stack, { space: 2, children: [
-          /* @__PURE__ */ jsx10(Label, { as: "label", size: 1, htmlFor: tokenId, children: "Vercel API Token" }),
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11(Label, { as: "label", size: 1, htmlFor: tokenId, children: "Vercel API Token" }),
+          /* @__PURE__ */ jsx11(
             TextInput,
             {
               id: tokenId,
@@ -1327,7 +1423,7 @@ function TokenSetup({ onSaved, onCancel, hasToken = false }) {
             }
           )
         ] }),
-        error && /* @__PURE__ */ jsx10(Card, { tone: "critical", padding: 3, radius: 2, role: "alert", children: /* @__PURE__ */ jsx10(Text, { size: 1, children: error }) })
+        error && /* @__PURE__ */ jsx11(Card, { tone: "critical", padding: 3, radius: 2, role: "alert", children: /* @__PURE__ */ jsx11(Text, { size: 1, children: error }) })
       ] })
     }
   );
@@ -1335,12 +1431,14 @@ function TokenSetup({ onSaved, onCancel, hasToken = false }) {
 
 // src/components/DeployTargetForm.tsx
 import { useId as useId5, useState as useState7, useCallback as useCallback6 } from "react";
-import { useClient as useClient2 } from "sanity";
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { useClient as useClient3 } from "sanity";
+import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
 var VERCEL_HOOK_RE2 = /^https:\/\/api\.vercel\.com\/v1\/integrations\/deploy\//;
 function DeployTargetForm({ initial, onSaved, onClose }) {
-  const client = useClient2({ apiVersion: "2025-01-01" });
+  const client = useClient3({ apiVersion: "2025-01-01" });
   const isEdit = Boolean(initial);
+  const pluginConfig = usePluginConfig();
+  const proxyKeyId = useId5();
   const dialogId = useId5();
   const nameId = useId5();
   const urlId = useId5();
@@ -1352,11 +1450,13 @@ function DeployTargetForm({ initial, onSaved, onClose }) {
   const [name, setName] = useState7(initial?.name ?? "");
   const [url, setUrl] = useState7(initial?.url ?? "");
   const [teamId, setTeamId] = useState7(initial?.teamId ?? "");
+  const [proxyKey, setProxyKey] = useState7(initial?.proxyKey ?? "");
   const [disableDelete, setDisableDelete] = useState7(initial?.disableDeleteAction ?? false);
   const [saving, setSaving] = useState7(false);
   const [error, setError] = useState7(null);
   const urlValid = !url || VERCEL_HOOK_RE2.test(url.trim());
-  const canSave = name.trim() && url.trim() && urlValid;
+  const isProxy = pluginConfig.mode === "proxy";
+  const canSave = Boolean(name.trim()) && urlValid && (isProxy ? Boolean(proxyKey.trim()) : Boolean(url.trim()));
   const save = useCallback6(async () => {
     if (!canSave) return;
     setSaving(true);
@@ -1365,6 +1465,7 @@ function DeployTargetForm({ initial, onSaved, onClose }) {
       name: name.trim(),
       url: url.trim(),
       teamId: teamId.trim() || null,
+      proxyKey: proxyKey.trim() || null,
       disableDeleteAction: disableDelete
     };
     try {
@@ -1379,8 +1480,8 @@ function DeployTargetForm({ initial, onSaved, onClose }) {
     } finally {
       setSaving(false);
     }
-  }, [canSave, isEdit, initial, client, name, url, teamId, disableDelete, onSaved]);
-  return /* @__PURE__ */ jsx11(
+  }, [canSave, isEdit, initial, client, name, url, teamId, proxyKey, disableDelete, onSaved]);
+  return /* @__PURE__ */ jsx12(
     Dialog,
     {
       header: isEdit ? `Edit "${initial?.name}"` : "Add deploy target",
@@ -1388,8 +1489,8 @@ function DeployTargetForm({ initial, onSaved, onClose }) {
       onClose,
       width: 1,
       footer: /* @__PURE__ */ jsxs8(Flex, { padding: 3, gap: 2, justify: "flex-end", children: [
-        /* @__PURE__ */ jsx11(Button, { text: "Cancel", mode: "ghost", onClick: onClose, style: { cursor: "pointer" } }),
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12(Button, { text: "Cancel", mode: "ghost", onClick: onClose, style: { cursor: "pointer" } }),
+        /* @__PURE__ */ jsx12(
           Button,
           {
             text: isEdit ? "Save changes" : "Add target",
@@ -1402,13 +1503,13 @@ function DeployTargetForm({ initial, onSaved, onClose }) {
           }
         )
       ] }),
-      children: /* @__PURE__ */ jsx11(Box, { padding: 4, children: /* @__PURE__ */ jsxs8(Stack, { space: 4, children: [
+      children: /* @__PURE__ */ jsx12(Box, { padding: 4, children: /* @__PURE__ */ jsxs8(Stack, { space: 4, children: [
         /* @__PURE__ */ jsxs8(Stack, { space: 2, children: [
           /* @__PURE__ */ jsxs8(Label, { as: "label", size: 1, htmlFor: nameId, children: [
             "Name ",
-            /* @__PURE__ */ jsx11("span", { "aria-hidden": "true", children: "*" })
+            /* @__PURE__ */ jsx12("span", { "aria-hidden": "true", children: "*" })
           ] }),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             TextInput,
             {
               id: nameId,
@@ -1420,12 +1521,29 @@ function DeployTargetForm({ initial, onSaved, onClose }) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs8(Stack, { space: 2, children: [
+        isProxy ? /* @__PURE__ */ jsxs8(Stack, { space: 2, children: [
+          /* @__PURE__ */ jsxs8(Label, { as: "label", size: 1, htmlFor: proxyKeyId, children: [
+            "Proxy Key ",
+            /* @__PURE__ */ jsx12("span", { "aria-hidden": "true", children: "*" })
+          ] }),
+          /* @__PURE__ */ jsx12(
+            TextInput,
+            {
+              id: proxyKeyId,
+              required: true,
+              "aria-required": "true",
+              value: proxyKey,
+              onChange: (e) => setProxyKey(e.target.value),
+              placeholder: "production"
+            }
+          ),
+          /* @__PURE__ */ jsx12(Text, { size: 0, muted: true, children: "Matches a key configured on your deploy proxy, which holds the real hook URL. Contains no secret." })
+        ] }) : /* @__PURE__ */ jsxs8(Stack, { space: 2, children: [
           /* @__PURE__ */ jsxs8(Label, { as: "label", size: 1, htmlFor: urlId, children: [
             "Deploy hook URL ",
-            /* @__PURE__ */ jsx11("span", { "aria-hidden": "true", children: "*" })
+            /* @__PURE__ */ jsx12("span", { "aria-hidden": "true", children: "*" })
           ] }),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             TextInput,
             {
               id: urlId,
@@ -1438,15 +1556,15 @@ function DeployTargetForm({ initial, onSaved, onClose }) {
               placeholder: "https://api.vercel.com/v1/integrations/deploy/\u2026"
             }
           ),
-          url && !urlValid && /* @__PURE__ */ jsx11(Card, { tone: "critical", padding: 2, radius: 2, role: "alert", children: /* @__PURE__ */ jsx11(Text, { id: urlErrorId, size: 1, children: "Must be a Vercel deploy hook URL (api.vercel.com/v1/integrations/deploy/\u2026)" }) }),
-          /* @__PURE__ */ jsx11(Text, { id: urlHelpId, size: 0, muted: true, children: "Vercel dashboard \u2192 Project \u2192 Settings \u2192 Git \u2192 Deploy Hooks" })
+          url && !urlValid && /* @__PURE__ */ jsx12(Card, { tone: "critical", padding: 2, radius: 2, role: "alert", children: /* @__PURE__ */ jsx12(Text, { id: urlErrorId, size: 1, children: "Must be a Vercel deploy hook URL (api.vercel.com/v1/integrations/deploy/\u2026)" }) }),
+          /* @__PURE__ */ jsx12(Text, { id: urlHelpId, size: 0, muted: true, children: "Vercel dashboard \u2192 Project \u2192 Settings \u2192 Git \u2192 Deploy Hooks" })
         ] }),
         /* @__PURE__ */ jsxs8(Stack, { space: 2, children: [
           /* @__PURE__ */ jsxs8(Label, { as: "label", size: 1, htmlFor: teamId_, children: [
             "Team ID ",
-            /* @__PURE__ */ jsx11("span", { style: { opacity: 0.5, fontWeight: "normal" }, children: "\u2014 optional" })
+            /* @__PURE__ */ jsx12("span", { style: { opacity: 0.5, fontWeight: "normal" }, children: "\u2014 optional" })
           ] }),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             TextInput,
             {
               id: teamId_,
@@ -1456,14 +1574,10 @@ function DeployTargetForm({ initial, onSaved, onClose }) {
               placeholder: "team_xxxxxxxx"
             }
           ),
-          /* @__PURE__ */ jsxs8(Text, { id: teamHelpId, size: 0, muted: true, children: [
-            "Required for team-owned Vercel projects. Find it at Vercel \u2192 Settings \u2192 General \u2192 Team ID (starts with ",
-            /* @__PURE__ */ jsx11("code", { children: "team_" }),
-            ")."
-          ] })
+          /* @__PURE__ */ jsx12(Text, { id: teamHelpId, size: 0, muted: true, children: isProxy ? "Not used in proxy mode \u2014 the proxy supplies the team from its own configuration." : "Required for team-owned Vercel projects. Find it at Vercel \u2192 Settings \u2192 General \u2192 Team ID (starts with team_)." })
         ] }),
         /* @__PURE__ */ jsxs8(Flex, { align: "center", gap: 3, children: [
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             Switch,
             {
               checked: disableDelete,
@@ -1472,25 +1586,27 @@ function DeployTargetForm({ initial, onSaved, onClose }) {
             }
           ),
           /* @__PURE__ */ jsxs8(Stack, { space: 1, children: [
-            /* @__PURE__ */ jsx11(Label, { as: "label", size: 1, htmlFor: disableId, children: "Disable delete action" }),
-            /* @__PURE__ */ jsx11(Text, { size: 0, muted: true, children: "Hides the delete button for this target in the studio." })
+            /* @__PURE__ */ jsx12(Label, { as: "label", size: 1, htmlFor: disableId, children: "Disable delete action" }),
+            /* @__PURE__ */ jsx12(Text, { size: 0, muted: true, children: "Hides the delete button for this target in the studio." })
           ] })
         ] }),
-        error && /* @__PURE__ */ jsx11(Card, { tone: "critical", padding: 3, radius: 2, children: /* @__PURE__ */ jsx11(Text, { size: 1, children: error }) })
+        error && /* @__PURE__ */ jsx12(Card, { tone: "critical", padding: 3, radius: 2, children: /* @__PURE__ */ jsx12(Text, { size: 1, children: error }) })
       ] }) })
     }
   );
 }
 
 // src/version.ts
-var VERSION = "1.2.1";
+var VERSION = "1.3.1";
 
 // src/components/DeployTool.tsx
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 var TOKEN_QUERY = `*[_id == "config.vercelDeploy"][0].accessToken`;
 var TARGETS_QUERY = `*[_type == "vercel_deploy" && !(_id in path("drafts.**"))] | order(_createdAt asc)`;
 function DeployTool() {
-  const client = useClient3({ apiVersion: "2025-01-01" });
+  const client = useClient4({ apiVersion: "2025-01-01" });
+  const pluginConfig = usePluginConfig();
+  const usesToken = pluginConfig.mode === "direct";
   const toast = useToast();
   const [token, setToken] = useState8(null);
   const [targets, setTargets] = useState8([]);
@@ -1581,14 +1697,14 @@ function DeployTool() {
     }
   }, [client, pendingDelete, toast]);
   if (loading) {
-    return /* @__PURE__ */ jsx12(Card, { height: "fill", tone: "transparent", children: /* @__PURE__ */ jsx12(Flex, { align: "center", justify: "center", height: "fill", children: /* @__PURE__ */ jsx12(Spinner, { muted: true }) }) });
+    return /* @__PURE__ */ jsx13(Card, { height: "fill", tone: "transparent", children: /* @__PURE__ */ jsx13(Flex, { align: "center", justify: "center", height: "fill", children: /* @__PURE__ */ jsx13(Spinner, { muted: true }) }) });
   }
   return /* @__PURE__ */ jsxs9(Card, { height: "fill", tone: "transparent", children: [
-    /* @__PURE__ */ jsx12(Box, { padding: 5, children: /* @__PURE__ */ jsxs9(Stack, { space: 5, children: [
+    /* @__PURE__ */ jsx13(Box, { padding: 5, children: /* @__PURE__ */ jsxs9(Stack, { space: 5, children: [
       /* @__PURE__ */ jsxs9(Flex, { align: "center", justify: "space-between", className: "dvfs-header", children: [
-        /* @__PURE__ */ jsx12(Heading, { size: 2, children: "Deploy with Vercel" }),
+        /* @__PURE__ */ jsx13(Heading, { size: 2, children: "Deploy with Vercel" }),
         /* @__PURE__ */ jsxs9(Flex, { align: "center", gap: 3, className: "dvfs-header-actions", children: [
-          /* @__PURE__ */ jsx12(
+          usesToken && /* @__PURE__ */ jsx13(
             Button,
             {
               text: token ? "Token connected" : "Connect API token",
@@ -1600,7 +1716,7 @@ function DeployTool() {
               style: { cursor: "pointer" }
             }
           ),
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx13(
             Button,
             {
               text: "Add target",
@@ -1613,12 +1729,12 @@ function DeployTool() {
           )
         ] })
       ] }),
-      !token && /* @__PURE__ */ jsx12(Card, { padding: 4, radius: 2, tone: "caution", shadow: 1, children: /* @__PURE__ */ jsxs9(Flex, { align: "center", justify: "space-between", gap: 4, children: [
+      usesToken && !token && /* @__PURE__ */ jsx13(Card, { padding: 4, radius: 2, tone: "caution", shadow: 1, children: /* @__PURE__ */ jsxs9(Flex, { align: "center", justify: "space-between", gap: 4, children: [
         /* @__PURE__ */ jsxs9(Stack, { space: 2, children: [
-          /* @__PURE__ */ jsx12(Text, { size: 1, weight: "semibold", children: "Deploy status is not connected" }),
-          /* @__PURE__ */ jsx12(Text, { size: 1, muted: true, children: "You can trigger deploys now. Connect a Vercel API token to also see deployment status, build logs, history, and commit metadata." })
+          /* @__PURE__ */ jsx13(Text, { size: 1, weight: "semibold", children: "Deploy status is not connected" }),
+          /* @__PURE__ */ jsx13(Text, { size: 1, muted: true, children: "You can trigger deploys now. Connect a Vercel API token to also see deployment status, build logs, history, and commit metadata." })
         ] }),
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13(
           Button,
           {
             text: "Connect",
@@ -1629,15 +1745,15 @@ function DeployTool() {
           }
         )
       ] }) }),
-      targets.length === 0 && /* @__PURE__ */ jsx12(Card, { padding: 5, radius: 2, tone: "transparent", shadow: 1, children: /* @__PURE__ */ jsxs9(Stack, { space: 4, style: { textAlign: "center" }, children: [
-        /* @__PURE__ */ jsx12(Text, { size: 2, weight: "semibold", children: "No deploy targets configured" }),
+      targets.length === 0 && /* @__PURE__ */ jsx13(Card, { padding: 5, radius: 2, tone: "transparent", shadow: 1, children: /* @__PURE__ */ jsxs9(Stack, { space: 4, style: { textAlign: "center" }, children: [
+        /* @__PURE__ */ jsx13(Text, { size: 2, weight: "semibold", children: "No deploy targets configured" }),
         /* @__PURE__ */ jsxs9(Text, { size: 1, muted: true, children: [
           "Add a deploy target using the button above, or create a",
           " ",
-          /* @__PURE__ */ jsx12("code", { children: "vercel_deploy" }),
+          /* @__PURE__ */ jsx13("code", { children: "vercel_deploy" }),
           " document directly in the dataset."
         ] }),
-        /* @__PURE__ */ jsx12(Flex, { justify: "center", children: /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13(Flex, { justify: "center", children: /* @__PURE__ */ jsx13(
           Button,
           {
             text: "Add deploy target",
@@ -1648,12 +1764,12 @@ function DeployTool() {
           }
         ) })
       ] }) }),
-      targets.length > 0 && /* @__PURE__ */ jsx12("div", { className: "dvfs-grid", style: {
+      targets.length > 0 && /* @__PURE__ */ jsx13("div", { className: "dvfs-grid", style: {
         display: "grid",
         gridTemplateColumns: "repeat(auto-fill, minmax(min(540px, 100%), 1fr))",
         gap: "16px",
         alignItems: "start"
-      }, children: targets.map((target) => /* @__PURE__ */ jsx12(
+      }, children: targets.map((target) => /* @__PURE__ */ jsx13(
         DeployItem,
         {
           target,
@@ -1664,7 +1780,7 @@ function DeployTool() {
         target._id
       )) })
     ] }) }),
-    /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx13(
       Box,
       {
         style: {
@@ -1681,7 +1797,7 @@ function DeployTool() {
         ] })
       }
     ),
-    showTokenSetup && /* @__PURE__ */ jsx12(
+    showTokenSetup && /* @__PURE__ */ jsx13(
       TokenSetup,
       {
         onSaved: () => {
@@ -1692,7 +1808,7 @@ function DeployTool() {
         hasToken: Boolean(token)
       }
     ),
-    showCreateForm && /* @__PURE__ */ jsx12(
+    showCreateForm && /* @__PURE__ */ jsx13(
       DeployTargetForm,
       {
         onSaved: () => {
@@ -1702,7 +1818,7 @@ function DeployTool() {
         onClose: () => setShowCreateForm(false)
       }
     ),
-    pendingEdit && /* @__PURE__ */ jsx12(
+    pendingEdit && /* @__PURE__ */ jsx13(
       DeployTargetForm,
       {
         initial: pendingEdit,
@@ -1713,7 +1829,7 @@ function DeployTool() {
         onClose: () => setPendingEdit(null)
       }
     ),
-    pendingDelete && /* @__PURE__ */ jsx12(
+    pendingDelete && /* @__PURE__ */ jsx13(
       Dialog,
       {
         header: "Delete deploy target?",
@@ -1721,7 +1837,7 @@ function DeployTool() {
         onClose: () => setPendingDelete(null),
         width: 1,
         footer: /* @__PURE__ */ jsxs9(Flex, { padding: 3, gap: 2, justify: "flex-end", children: [
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx13(
             Button,
             {
               text: "Cancel",
@@ -1730,7 +1846,7 @@ function DeployTool() {
               style: { cursor: "pointer" }
             }
           ),
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx13(
             Button,
             {
               text: "Delete",
@@ -1743,16 +1859,16 @@ function DeployTool() {
             }
           )
         ] }),
-        children: /* @__PURE__ */ jsx12(Box, { padding: 4, children: /* @__PURE__ */ jsxs9(Stack, { space: 3, children: [
+        children: /* @__PURE__ */ jsx13(Box, { padding: 4, children: /* @__PURE__ */ jsxs9(Stack, { space: 3, children: [
           /* @__PURE__ */ jsxs9(Flex, { align: "center", gap: 2, children: [
-            /* @__PURE__ */ jsx12(WarningOutlineIcon, {}),
-            /* @__PURE__ */ jsx12(Text, { size: 2, weight: "semibold", children: pendingDelete.name })
+            /* @__PURE__ */ jsx13(WarningOutlineIcon, {}),
+            /* @__PURE__ */ jsx13(Text, { size: 2, weight: "semibold", children: pendingDelete.name })
           ] }),
-          /* @__PURE__ */ jsx12(Text, { size: 1, muted: true, children: "This removes the deploy target from the dataset. The Vercel deploy hook itself is not affected." })
+          /* @__PURE__ */ jsx13(Text, { size: 1, muted: true, children: "This removes the deploy target from the dataset. The Vercel deploy hook itself is not affected." })
         ] }) })
       }
     ),
-    /* @__PURE__ */ jsx12(ToastViewport, {})
+    /* @__PURE__ */ jsx13(ToastViewport, {})
   ] });
 }
 
@@ -1761,10 +1877,10 @@ import { defineField, defineType } from "sanity";
 
 // src/schema/schemaIcon.tsx
 import { forwardRef as forwardRef3 } from "react";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var SchemaRocketIcon = forwardRef3(
   function SchemaRocketIcon2(props, ref) {
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14(
       "svg",
       {
         width: "1em",
@@ -1776,7 +1892,7 @@ var SchemaRocketIcon = forwardRef3(
         focusable: "false",
         ...props,
         ref,
-        children: /* @__PURE__ */ jsx13(
+        children: /* @__PURE__ */ jsx14(
           "path",
           {
             d: "M12.5 20.5L15.5 14M11 9.49999L4.5 12.5M9 14C9 14 7.54688 14.9531 6.5 16C5.5 17 4.5 20.5 4.5 20.5C4.5 20.5 8 19.5 9 18.5C10 17.5 11 16 11 16M9 14C9 14 10.1 9.9 12.5 7.5C15.5 4.5 20.5 4.5 20.5 4.5C20.5 4.5 20.5 9.5 17.5 12.5C15.7492 14.2508 11 16 11 16L9 14ZM16.5 9.99999C16.5 10.8284 15.8284 11.5 15 11.5C14.1716 11.5 13.5 10.8284 13.5 9.99999C13.5 9.17157 14.1716 8.49999 15 8.49999C15.8284 8.49999 16.5 9.17157 16.5 9.99999Z",
@@ -1808,8 +1924,11 @@ var vercelDeploySchema = defineType({
       name: "url",
       title: "Deploy Hook URL",
       type: "url",
-      description: "From Vercel \u2192 Project Settings \u2192 Git \u2192 Deploy Hooks",
-      validation: (Rule) => Rule.required().uri({ scheme: ["https"] }).custom((url) => {
+      description: "From Vercel \u2192 Project Settings \u2192 Git \u2192 Deploy Hooks. Leave empty in proxy mode and set Proxy Key instead \u2014 a hook URL is itself a deploy credential, so anyone who can read this dataset can trigger a build with it.",
+      validation: (Rule) => Rule.uri({ scheme: ["https"] }).custom((url, context) => {
+        const doc = context.document;
+        if (!url && !doc?.proxyKey) return "Set either a Deploy Hook URL or a Proxy Key";
+        if (!url) return true;
         if (typeof url !== "string") return true;
         if (!url.includes("api.vercel.com/v1/integrations/deploy/")) {
           return "Must be a Vercel deploy hook URL (api.vercel.com/v1/integrations/deploy/\u2026)";
@@ -1817,6 +1936,17 @@ var vercelDeploySchema = defineType({
         return true;
       })
     }),
+    defineField({
+      name: "proxyKey",
+      title: "Proxy Key",
+      type: "string",
+      description: "Used in proxy mode. Matches a key configured on the deploy proxy, which holds the real hook URL. Contains no secret.",
+      validation: (Rule) => Rule.custom((key, context) => {
+        const doc = context.document;
+        if (!key && !doc?.url) return "Set either a Deploy Hook URL or a Proxy Key";
+        return true;
+      })
+    }),
     defineField({
       name: "teamId",
       title: "Vercel Team ID",
@@ -1836,9 +1966,11 @@ var vercelDeploySchema = defineType({
   }
 });
 
-// src/index.ts
+// src/index.tsx
+import { jsx as jsx15 } from "react/jsx-runtime";
 var vercelDeploy = definePlugin((options) => {
   const config = options ?? {};
+  const resolved = resolveConfig(options);
   return {
     name: "deploy-vercel-from-sanity",
     schema: {
@@ -1849,7 +1981,8 @@ var vercelDeploy = definePlugin((options) => {
         name: config.name ?? "vercel-deploy",
         title: config.title ?? "Deploy",
         icon: config.icon ?? RocketIcon,
-        component: DeployTool
+        // Wrapped so the tool tree can read the resolved config without prop drilling.
+        component: () => /* @__PURE__ */ jsx15(ConfigProvider, { value: resolved, children: /* @__PURE__ */ jsx15(DeployTool, {}) })
       }
     ]
   };