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

package/dist/index.js

@@ -27,14 +27,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/index.ts
+// src/index.tsx
 var index_exports = {};
 __export(index_exports, {
   vercelDeploy: () => vercelDeploy,
   vercelDeploySchema: () => vercelDeploySchema
 });
 module.exports = __toCommonJS(index_exports);
-var import_sanity5 = require("sanity");
+var import_sanity6 = require("sanity");
 
 // src/icons.tsx
 var import_react = require("react");
@@ -94,18 +94,39 @@ var TrashIcon = resolveIcon("TrashIcon", "trash");
 var WarningOutlineIcon = resolveIcon("WarningOutlineIcon", "warning-outline");
 
 // src/components/DeployTool.tsx
-var import_react10 = require("react");
-var import_sanity3 = require("sanity");
+var import_react11 = require("react");
+var import_sanity4 = require("sanity");
+
+// src/config.tsx
+var import_react2 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var DEFAULTS = { mode: "direct" };
+var ConfigContext = (0, import_react2.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__ */ (0, import_jsx_runtime2.jsx)(ConfigContext.Provider, { value, children });
+}
+function usePluginConfig() {
+  return (0, import_react2.useContext)(ConfigContext);
+}
 
 // src/components/DeployItem.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 var import_react_dom = require("react-dom");
 
 // src/compat/primitives.tsx
-var import_react2 = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_react3 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function domFallback(tag) {
-  const Fallback = (0, import_react2.forwardRef)(function SanityUiFallback(props, ref) {
+  const Fallback = (0, import_react3.forwardRef)(function SanityUiFallback(props, ref) {
     const { children, style, id, className, onClick, href, title, as, ...rest } = props;
     const element = typeof as === "string" ? as : tag;
     const passthrough = { style, id, className, onClick, href, title, ref };
@@ -136,7 +157,7 @@ function domFallback(tag) {
     for (const key of Object.keys(rest)) {
       if (key.startsWith("aria-") || key.startsWith("data-")) passthrough[key] = rest[key];
     }
-    return (0, import_react2.createElement)(element, passthrough, children);
+    return (0, import_react3.createElement)(element, passthrough, children);
   });
   Fallback.displayName = `SanityUiFallback(${tag})`;
   return Fallback;
@@ -161,12 +182,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__ */ (0, import_jsx_runtime2.jsx)(SanityStack, { ...rest, ...spacing, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SanityStack, { ...rest, ...spacing, children });
 }
 
 // src/compat/toast.tsx
-var import_react3 = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_react4 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var LOCAL_TOAST_MS = 6e3;
 var MAX_VISIBLE_TOASTS = 4;
 var TOAST_Z_INDEX = 1e6;
@@ -221,8 +242,8 @@ function useToast() {
   return localToaster;
 }
 function ToastViewport() {
-  const [toasts, setToasts] = (0, import_react3.useState)(localToasts);
-  (0, import_react3.useEffect)(() => {
+  const [toasts, setToasts] = (0, import_react4.useState)(localToasts);
+  (0, import_react4.useEffect)(() => {
     if (installedUseToast) return;
     toastListeners.add(setToasts);
     setToasts(localToasts);
@@ -230,11 +251,11 @@ function ToastViewport() {
       toastListeners.delete(setToasts);
     };
   }, []);
-  const resume = (0, import_react3.useCallback)((toast, el) => {
+  const resume = (0, import_react4.useCallback)((toast, el) => {
     if (el && el.contains(document.activeElement)) return;
     scheduleDismiss(toast.id, toast.status);
   }, []);
-  const hold = (0, import_react3.useCallback)((id) => {
+  const hold = (0, import_react4.useCallback)((id) => {
     const timer = dismissTimers.get(id);
     if (timer) {
       clearTimeout(timer);
@@ -242,7 +263,7 @@ function ToastViewport() {
     }
   }, []);
   if (installedUseToast) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     Box,
     {
       role: "log",
@@ -255,7 +276,7 @@ function ToastViewport() {
         width: "min(360px, calc(100vw - 32px))",
         pointerEvents: "none"
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Stack, { space: 2, children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Stack, { space: 2, children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         Card,
         {
           padding: 3,
@@ -267,12 +288,12 @@ function ToastViewport() {
           onFocusCapture: () => hold(toast.id),
           onMouseLeave: (e) => resume(toast, e.currentTarget),
           onBlurCapture: (e) => resume(toast, e.currentTarget),
-          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Flex, { align: "flex-start", gap: 3, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Stack, { space: 2, flex: 1, children: [
-              toast.title && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { size: 1, weight: "semibold", children: toast.title }),
-              toast.description && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { size: 1, muted: true, children: toast.description })
+          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Flex, { align: "flex-start", gap: 3, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Stack, { space: 2, flex: 1, children: [
+              toast.title && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { size: 1, weight: "semibold", children: toast.title }),
+              toast.description && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { size: 1, muted: true, children: toast.description })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
               Button,
               {
                 mode: "bleed",
@@ -292,17 +313,17 @@ function ToastViewport() {
 }
 
 // src/compat/tooltip.tsx
-var import_react4 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_react5 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var InstalledTooltip = resolveComponent(UI, "Tooltip");
 function Tooltip({ text, children }) {
-  const id = (0, import_react4.useId)();
-  const [visible, setVisible] = (0, import_react4.useState)(false);
+  const id = (0, import_react5.useId)();
+  const [visible, setVisible] = (0, import_react5.useState)(false);
   if (InstalledTooltip) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(InstalledTooltip, { content: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Box, { padding: 2, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { size: 1, children: text }) }), portal: true, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(InstalledTooltip, { content: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box, { padding: 2, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { size: 1, children: text }) }), portal: true, children });
   }
-  const described = visible && (0, import_react4.isValidElement)(children) ? (0, import_react4.cloneElement)(children, { "aria-describedby": id }) : children;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  const described = visible && (0, import_react5.isValidElement)(children) ? (0, import_react5.cloneElement)(children, { "aria-describedby": id }) : children;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     "span",
     {
       style: { position: "relative", display: "inline-flex" },
@@ -318,7 +339,7 @@ function Tooltip({ text, children }) {
       },
       children: [
         described,
-        visible && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        visible && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           "span",
           {
             id,
@@ -334,7 +355,7 @@ function Tooltip({ text, children }) {
               whiteSpace: "nowrap",
               zIndex: 1e3
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Card, { radius: 2, shadow: 2, padding: 2, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { size: 1, children: text }) })
+            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Card, { radius: 2, shadow: 2, padding: 2, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { size: 1, children: text }) })
           }
         )
       ]
@@ -343,36 +364,36 @@ function Tooltip({ text, children }) {
 }
 
 // src/compat/menu.tsx
-var import_react5 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_react6 = require("react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var InstalledMenuButton = resolveComponent(UI, "MenuButton");
 var InstalledMenu = resolveComponent(UI, "Menu");
 var InstalledMenuItem = resolveComponent(UI, "MenuItem");
 var INSTALLED_MENU = InstalledMenuButton && InstalledMenu && InstalledMenuItem ? { MenuButton: InstalledMenuButton, Menu: InstalledMenu, MenuItem: InstalledMenuItem } : null;
 var itemKey = (item, index) => item.key ?? `${index}-${item.text}`;
 function ActionMenu({ id, label, items, buttonIcon }) {
-  const menuId = (0, import_react5.useId)();
-  const [open, setOpen] = (0, import_react5.useState)(false);
-  const [activeIndex, setActiveIndex] = (0, import_react5.useState)(0);
-  const wrapRef = (0, import_react5.useRef)(null);
-  const triggerRef = (0, import_react5.useRef)(null);
-  const itemRefs = (0, import_react5.useRef)([]);
-  const [frozenItems, setFrozenItems] = (0, import_react5.useState)(items);
+  const menuId = (0, import_react6.useId)();
+  const [open, setOpen] = (0, import_react6.useState)(false);
+  const [activeIndex, setActiveIndex] = (0, import_react6.useState)(0);
+  const wrapRef = (0, import_react6.useRef)(null);
+  const triggerRef = (0, import_react6.useRef)(null);
+  const itemRefs = (0, import_react6.useRef)([]);
+  const [frozenItems, setFrozenItems] = (0, import_react6.useState)(items);
   const shownItems = open ? frozenItems : items;
-  const close = (0, import_react5.useCallback)((returnFocus = true) => {
+  const close = (0, import_react6.useCallback)((returnFocus = true) => {
     setOpen(false);
     if (returnFocus) triggerRef.current?.focus();
   }, []);
-  const openMenu = (0, import_react5.useCallback)((index) => {
+  const openMenu = (0, import_react6.useCallback)((index) => {
     setFrozenItems(items);
     setActiveIndex(index);
     setOpen(true);
   }, [items]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (!open || INSTALLED_MENU) return;
     itemRefs.current[activeIndex]?.focus();
   }, [open, activeIndex]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (INSTALLED_MENU || !open) return;
     const onPointerDown = (e) => {
       if (wrapRef.current?.contains(e.target)) return;
@@ -383,19 +404,19 @@ function ActionMenu({ id, label, items, buttonIcon }) {
     document.addEventListener("mousedown", onPointerDown);
     return () => document.removeEventListener("mousedown", onPointerDown);
   }, [open]);
-  const runAction = (0, import_react5.useCallback)((item) => {
+  const runAction = (0, import_react6.useCallback)((item) => {
     close();
     item.onClick?.();
   }, [close]);
   if (INSTALLED_MENU) {
     const { MenuButton, Menu, MenuItem } = INSTALLED_MENU;
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       MenuButton,
       {
         id,
-        button: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Button, { mode: "ghost", icon: buttonIcon, padding: 2, "aria-label": label }),
+        button: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Button, { mode: "ghost", icon: buttonIcon, padding: 2, "aria-label": label }),
         popover: { placement: "bottom-end" },
-        menu: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Menu, { children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        menu: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Menu, { children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           MenuItem,
           {
             text: item.text,
@@ -462,8 +483,8 @@ function ActionMenu({ id, label, items, buttonIcon }) {
       openMenu(items.length - 1);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { ref: wrapRef, style: { position: "relative" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { ref: wrapRef, style: { position: "relative" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       Button,
       {
         ref: triggerRef,
@@ -479,7 +500,7 @@ function ActionMenu({ id, label, items, buttonIcon }) {
         onKeyDown: onTriggerKeyDown
       }
     ),
-    open && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    open && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       Card,
       {
         id: menuId,
@@ -490,13 +511,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__ */ (0, import_jsx_runtime5.jsx)(Stack, { space: 1, role: "none", children: shownItems.map((item, i) => {
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Stack, { space: 1, role: "none", children: shownItems.map((item, i) => {
           const Icon = item.icon;
-          const row = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Flex, { align: "center", gap: 2, paddingX: 2, paddingY: 2, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { width: "1em", height: "1em", "aria-hidden": "true" }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { size: 1, children: item.text })
+          const row = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Flex, { align: "center", gap: 2, paddingX: 2, paddingY: 2, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { width: "1em", height: "1em", "aria-hidden": "true" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { size: 1, children: item.text })
           ] });
-          const content = item.tone === "critical" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Card, { tone: "critical", radius: 1, children: row }) : row;
+          const content = item.tone === "critical" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Card, { tone: "critical", radius: 1, children: row }) : row;
           const shared = {
             role: "menuitem",
             // Roving tabindex — the menu is one tab stop, arrows move within it.
@@ -521,7 +542,7 @@ function ActionMenu({ id, label, items, buttonIcon }) {
               outlineOffset: -2
             }
           };
-          return item.href ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          return item.href ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             "a",
             {
               ...shared,
@@ -535,7 +556,7 @@ function ActionMenu({ id, label, items, buttonIcon }) {
               children: content
             },
             itemKey(item, i)
-          ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             "div",
             {
               ...shared,
@@ -551,7 +572,7 @@ function ActionMenu({ id, label, items, buttonIcon }) {
 }
 
 // src/compat/code.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var InstalledCode = resolveComponent(UI, "Code");
 var FALLBACK_CODE_STYLE = {
   display: "block",
@@ -561,8 +582,8 @@ var FALLBACK_CODE_STYLE = {
   margin: 0
 };
 function Code({ style, children }) {
-  if (InstalledCode) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(InstalledCode, { size: 1, style, children });
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("code", { style: { ...FALLBACK_CODE_STYLE, ...style }, children });
+  if (InstalledCode) return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(InstalledCode, { size: 1, style, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("code", { style: { ...FALLBACK_CODE_STYLE, ...style }, children });
 }
 
 // src/lib/api.ts
@@ -578,7 +599,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();
@@ -617,15 +638,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
+var import_sanity = require("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);
@@ -715,30 +796,33 @@ function projectHref(inspectorUrl) {
 }
 
 // src/components/StatusBadge.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function StatusBadge({ state, showSpinner }) {
   const { label, tone } = stateLabel(state);
   const spinning = showSpinner && (state === "QUEUED" || state === "INITIALIZING" || state === "BUILDING");
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Flex, { align: "center", gap: 2, children: [
-    spinning && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Spinner, { muted: true }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Badge, { tone, padding: 2, children: label })
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Flex, { align: "center", gap: 2, children: [
+    spinning && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Spinner, { muted: true }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Badge, { tone, padding: 2, children: label })
   ] });
 }
 
 // src/components/DeployHistory.tsx
-var import_react6 = require("react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_react7 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function DeployHistory({ target, token, onClose }) {
-  const dialogId = (0, import_react6.useId)();
-  const [deployments, setDeployments] = (0, import_react6.useState)([]);
-  const [loading, setLoading] = (0, import_react6.useState)(true);
-  const [error, setError] = (0, import_react6.useState)(null);
+  const dialogId = (0, import_react7.useId)();
+  const pluginConfig = usePluginConfig();
+  const [deployments, setDeployments] = (0, import_react7.useState)([]);
+  const [loading, setLoading] = (0, import_react7.useState)(true);
+  const [error, setError] = (0, import_react7.useState)(null);
   const { projectId, hookId } = parseHookUrl(target.url);
-  const load = (0, import_react6.useCallback)(async () => {
+  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 = (0, import_react7.useCallback)(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");
@@ -746,55 +830,55 @@ function DeployHistory({ target, token, onClose }) {
       setLoading(false);
     }
   }, [projectId, hookId, token, target.teamId]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     load();
   }, [load]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     Dialog,
     {
       header: `${target.name} \u2014 Deployment History`,
       id: dialogId,
       onClose,
       width: 2,
-      footer: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Box, { padding: 3, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { text: "Close", icon: CloseIcon, mode: "ghost", onClick: onClose }) }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Box, { padding: 4, children: [
-        loading && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Flex, { justify: "center", padding: 6, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Spinner, { muted: true }) }),
-        error && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Card, { tone: "critical", padding: 4, radius: 2, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { size: 1, children: error }) }),
-        !loading && !error && deployments.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Card, { tone: "transparent", padding: 4, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { size: 1, muted: true, align: "center", children: "No deployments found for this hook." }) }),
-        !loading && deployments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Stack, { space: 2, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Card, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Flex, { gap: 3, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Box, { flex: 2, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { size: 0, weight: "semibold", muted: true, children: "Preview URL" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Box, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { size: 0, weight: "semibold", muted: true, children: "Status" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Box, { flex: 2, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { size: 0, weight: "semibold", muted: true, children: "Branch \xB7 Commit" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Box, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { size: 0, weight: "semibold", muted: true, children: "Deployed" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Box, { style: { width: 64 }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { size: 0, weight: "semibold", muted: true, children: "Logs" }) })
+      footer: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Box, { padding: 3, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Button, { text: "Close", icon: CloseIcon, mode: "ghost", onClick: onClose }) }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Box, { padding: 4, children: [
+        loading && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Flex, { justify: "center", padding: 6, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Spinner, { muted: true }) }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Card, { tone: "critical", padding: 4, radius: 2, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 1, children: error }) }),
+        !loading && !error && deployments.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Card, { tone: "transparent", padding: 4, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 1, muted: true, align: "center", children: "No deployments found for this hook." }) }),
+        !loading && deployments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Stack, { space: 2, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Card, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Flex, { gap: 3, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Box, { flex: 2, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 0, weight: "semibold", muted: true, children: "Preview URL" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Box, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 0, weight: "semibold", muted: true, children: "Status" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Box, { flex: 2, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 0, weight: "semibold", muted: true, children: "Branch \xB7 Commit" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Box, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 0, weight: "semibold", muted: true, children: "Deployed" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Box, { style: { width: 64 }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(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__ */ (0, import_jsx_runtime8.jsx)(Card, { padding: 3, radius: 2, shadow: 1, tone: "default", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Flex, { gap: 3, align: "center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Box, { flex: 2, style: { overflow: "hidden" }, children: deploymentHref(d.url) ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Card, { padding: 3, radius: 2, shadow: 1, tone: "default", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Flex, { gap: 3, align: "center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Box, { flex: 2, style: { overflow: "hidden" }, children: deploymentHref(d.url) ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                 "a",
                 {
                   href: deploymentHref(d.url),
                   target: "_blank",
                   rel: "noreferrer",
                   style: { color: "inherit" },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { size: 1, style: { textDecoration: "underline" }, children: d.url.length > 36 ? `${d.url.slice(0, 36)}\u2026` : d.url })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 1, style: { textDecoration: "underline" }, children: d.url.length > 36 ? `${d.url.slice(0, 36)}\u2026` : d.url })
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { size: 1, muted: true, children: "\u2014" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Box, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Badge, { tone, children: label }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Box, { flex: 2, style: { overflow: "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Stack, { space: 1, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { size: 1, children: branch }),
-                sha && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Text, { size: 0, muted: true, children: [
+              ) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 1, muted: true, children: "\u2014" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Box, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Badge, { tone, children: label }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Box, { flex: 2, style: { overflow: "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Stack, { space: 1, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 1, children: branch }),
+                sha && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Text, { size: 0, muted: true, children: [
                   sha,
                   message ? ` \xB7 ${message.slice(0, 40)}${message.length > 40 ? "\u2026" : ""}` : ""
                 ] })
               ] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Box, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { size: 1, muted: true, children: timeAgo(d.created) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Box, { style: { width: 64 }, children: safeHref(d.inspectorUrl) ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Box, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 1, muted: true, children: timeAgo(d.created) }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Box, { style: { width: 64 }, children: safeHref(d.inspectorUrl) ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                 Button,
                 {
                   as: "a",
@@ -807,7 +891,7 @@ function DeployHistory({ target, token, onClose }) {
                   icon: LaunchIcon,
                   style: { fontSize: "12px" }
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { size: 1, muted: true, children: "\u2014" }) })
+              ) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 1, muted: true, children: "\u2014" }) })
             ] }) }, d.uid);
           })
         ] })
@@ -817,31 +901,35 @@ function DeployHistory({ target, token, onClose }) {
 }
 
 // src/components/DeployItem.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("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 [deployments, setDeployments] = (0, import_react7.useState)([]);
-  const [loadingInitial, setLoadingInitial] = (0, import_react7.useState)(true);
-  const [pendingSince, setPendingSince] = (0, import_react7.useState)(null);
-  const [canceling, setCanceling] = (0, import_react7.useState)(false);
-  const [deployError, setDeployError] = (0, import_react7.useState)(null);
-  const [showHistory, setShowHistory] = (0, import_react7.useState)(false);
-  const [elapsed, setElapsed] = (0, import_react7.useState)(0);
-  const [copied, setCopied] = (0, import_react7.useState)(false);
-  const [showDetails, setShowDetails] = (0, import_react7.useState)(false);
-  const [showErrorLogs, setShowErrorLogs] = (0, import_react7.useState)(false);
-  const [errorLines, setErrorLines] = (0, import_react7.useState)([]);
-  const [loadingLogs, setLoadingLogs] = (0, import_react7.useState)(false);
-  const [logError, setLogError] = (0, import_react7.useState)(null);
-  const [pollError, setPollError] = (0, import_react7.useState)(null);
-  const triggeredFromUidRef = (0, import_react7.useRef)(void 0);
-  const requestSeqRef = (0, import_react7.useRef)(0);
-  const mountedRef = (0, import_react7.useRef)(true);
-  (0, import_react7.useEffect)(() => {
+  const pluginConfig = usePluginConfig();
+  const client = (0, import_sanity.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] = (0, import_react8.useState)([]);
+  const [loadingInitial, setLoadingInitial] = (0, import_react8.useState)(true);
+  const [pendingSince, setPendingSince] = (0, import_react8.useState)(null);
+  const [canceling, setCanceling] = (0, import_react8.useState)(false);
+  const [deployError, setDeployError] = (0, import_react8.useState)(null);
+  const [showHistory, setShowHistory] = (0, import_react8.useState)(false);
+  const [elapsed, setElapsed] = (0, import_react8.useState)(0);
+  const [copied, setCopied] = (0, import_react8.useState)(false);
+  const [showDetails, setShowDetails] = (0, import_react8.useState)(false);
+  const [showErrorLogs, setShowErrorLogs] = (0, import_react8.useState)(false);
+  const [errorLines, setErrorLines] = (0, import_react8.useState)([]);
+  const [loadingLogs, setLoadingLogs] = (0, import_react8.useState)(false);
+  const [logError, setLogError] = (0, import_react8.useState)(null);
+  const [pollError, setPollError] = (0, import_react8.useState)(null);
+  const triggeredFromUidRef = (0, import_react8.useRef)(void 0);
+  const requestSeqRef = (0, import_react8.useRef)(0);
+  const mountedRef = (0, import_react8.useRef)(true);
+  (0, import_react8.useEffect)(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -850,11 +938,12 @@ function DeployItem({ target, token, onDelete, onEdit }) {
   const latest = deployments[0];
   const isPending = pendingSince !== null;
   const isActive = isPending || isActiveState(latest?.state);
-  const fetchDeployments = (0, import_react7.useCallback)(async () => {
-    if (!projectId || !hookId || !token) return;
+  const fetchDeployments2 = (0, import_react8.useCallback)(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);
@@ -863,26 +952,26 @@ 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]);
-  (0, import_react7.useEffect)(() => {
-    fetchDeployments().finally(() => setLoadingInitial(false));
-  }, [fetchDeployments]);
-  (0, import_react7.useEffect)(() => {
+  }, [projectId, hookId, token, target.teamId, target.proxyKey, transport.mode, pluginConfig.proxyUrl]);
+  (0, import_react8.useEffect)(() => {
+    fetchDeployments2().finally(() => setLoadingInitial(false));
+  }, [fetchDeployments2]);
+  (0, import_react8.useEffect)(() => {
     if (!isActive) return;
-    const id = setInterval(fetchDeployments, POLL_INTERVAL_MS);
+    const id = setInterval(fetchDeployments2, POLL_INTERVAL_MS);
     return () => clearInterval(id);
-  }, [isActive, fetchDeployments]);
-  (0, import_react7.useEffect)(() => {
+  }, [isActive, fetchDeployments2]);
+  (0, import_react8.useEffect)(() => {
     if (!isPending) return;
     if (latest?.uid && latest.uid !== triggeredFromUidRef.current) setPendingSince(null);
   }, [isPending, latest?.uid]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (!isPending) return;
     const id = setTimeout(() => setPendingSince(null), PENDING_TIMEOUT_MS);
     return () => clearTimeout(id);
   }, [isPending]);
-  const prevStateRef = (0, import_react7.useRef)(void 0);
-  (0, import_react7.useEffect)(() => {
+  const prevStateRef = (0, import_react8.useRef)(void 0);
+  (0, import_react8.useEffect)(() => {
     const current = latest?.state;
     const prev = prevStateRef.current;
     if (prev && isActiveState(prev) && current && !isActiveState(current)) {
@@ -896,13 +985,13 @@ function DeployItem({ target, token, onDelete, onEdit }) {
     }
     prevStateRef.current = current;
   }, [latest?.state, target.name, toast]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     setShowErrorLogs(false);
     setErrorLines([]);
     setLogError(null);
   }, [latest?.uid]);
-  const timerRef = (0, import_react7.useRef)(null);
-  (0, import_react7.useEffect)(() => {
+  const timerRef = (0, import_react8.useRef)(null);
+  (0, import_react8.useEffect)(() => {
     if (isActive) {
       const start = pendingSince ?? latest?.created ?? Date.now();
       setElapsed(Math.floor((Date.now() - start) / 1e3));
@@ -917,7 +1006,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
       if (timerRef.current) clearInterval(timerRef.current);
     };
   }, [isActive, pendingSince, latest?.created]);
-  const deploy = (0, import_react7.useCallback)(() => {
+  const deploy = (0, import_react8.useCallback)(() => {
     (0, import_react_dom.flushSync)(() => {
       setDeployError(null);
       triggeredFromUidRef.current = latest?.uid;
@@ -925,27 +1014,37 @@ 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]);
-  const cancel = (0, import_react7.useCallback)(async () => {
+  }, [target.url, target.proxyKey, target._id, pluginConfig.mode, client, fetchDeployments2, latest?.uid]);
+  const cancel = (0, import_react8.useCallback)(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]);
-  const copyUrl = (0, import_react7.useCallback)(() => {
+  }, [latest?.uid, token, target.teamId, fetchDeployments2]);
+  const copyUrl = (0, import_react8.useCallback)(() => {
     if (!latest?.url) return;
     const fullUrl = deploymentHref(latest.url) ?? "";
     navigator.clipboard.writeText(fullUrl).then(() => {
@@ -955,16 +1054,12 @@ function DeployItem({ target, token, onDelete, onEdit }) {
       window.prompt("Copy deployment URL:", fullUrl);
     });
   }, [latest?.url]);
-  const fetchErrorLogs = (0, import_react7.useCallback)(async () => {
+  const fetchErrorLogs = (0, import_react8.useCallback)(async () => {
     if (!latest?.uid) return;
     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) {
@@ -973,7 +1068,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
       setLoadingLogs(false);
     }
   }, [latest?.uid, token, target.teamId]);
-  const toggleErrorLogs = (0, import_react7.useCallback)(() => {
+  const toggleErrorLogs = (0, import_react8.useCallback)(() => {
     if (!showErrorLogs && errorLines.length === 0 && !logError) fetchErrorLogs();
     setShowErrorLogs((v) => !v);
   }, [showErrorLogs, errorLines.length, logError, fetchErrorLogs]);
@@ -986,20 +1081,20 @@ function DeployItem({ target, token, onDelete, onEdit }) {
   const deployedAt = latest?.created ? timeAgo(latest.created) : null;
   const vercelProjectUrl = projectHref(latest?.inspectorUrl);
   const isError = latest?.state === "ERROR";
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Card, { radius: 2, shadow: 1, tone: "default", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Flex, { align: "stretch", className: "dvfs-card-flex", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Flex, { direction: "column", flex: 1, style: { minWidth: 0 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Stack, { space: 3, padding: 3, style: { flex: 1 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Flex, { align: "center", justify: "space-between", gap: 2, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Flex, { align: "center", gap: 2, style: { minWidth: 0, flexWrap: "wrap" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 2, weight: "semibold", style: { flexShrink: 0 }, children: target.name }),
-              branch && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Badge, { tone: "default", padding: 2, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Flex, { align: "center", gap: 1, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Card, { radius: 2, shadow: 1, tone: "default", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Flex, { align: "stretch", className: "dvfs-card-flex", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Flex, { direction: "column", flex: 1, style: { minWidth: 0 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Stack, { space: 3, padding: 3, style: { flex: 1 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Flex, { align: "center", justify: "space-between", gap: 2, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Flex, { align: "center", gap: 2, style: { minWidth: 0, flexWrap: "wrap" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 2, weight: "semibold", style: { flexShrink: 0 }, children: target.name }),
+              branch && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Badge, { tone: "default", padding: 2, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Flex, { align: "center", gap: 1, children: [
                 branch,
-                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", style: { marginLeft: "-0.1em", opacity: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("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__ */ (0, import_jsx_runtime10.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", style: { marginLeft: "-0.1em", opacity: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("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__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
-                isPending ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(StatusBadge, { state: "QUEUED" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(StatusBadge, { state: latest?.state }),
-                isActiveState(latest?.state) && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              token && !loadingInitial && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+                isPending ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(StatusBadge, { state: "QUEUED" }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(StatusBadge, { state: latest?.state }),
+                isActiveState(latest?.state) && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                   Button,
                   {
                     text: "Cancel",
@@ -1013,14 +1108,14 @@ function DeployItem({ target, token, onDelete, onEdit }) {
                 ),
                 isPending ? (
                   /* Optimistic — dimmed spinner only; no elapsed time until a real build exists */
-                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Spinner, { muted: true, style: { marginLeft: 4, opacity: 0.5 } })
-                ) : isActive ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Flex, { align: "center", gap: 1, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Spinner, { muted: true, style: { marginLeft: 4 } }),
-                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 1, muted: true, children: formatDuration(elapsed) })
-                ] }) : deployedAt ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 1, muted: true, children: deployedAt }) : null
+                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Spinner, { muted: true, style: { marginLeft: 4, opacity: 0.5 } })
+                ) : isActive ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Flex, { align: "center", gap: 1, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Spinner, { muted: true, style: { marginLeft: 4 } }),
+                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 1, muted: true, children: formatDuration(elapsed) })
+                ] }) : deployedAt ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 1, muted: true, children: deployedAt }) : null
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
               ActionMenu,
               {
                 id: `menu-${target._id}`,
@@ -1036,43 +1131,43 @@ function DeployItem({ target, token, onDelete, onEdit }) {
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("hr", { style: { border: "none", borderTop: "1px solid currentColor", opacity: 0.1, margin: 0 } }),
-          !token ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 1, muted: true, children: "Connect a Vercel API token to see deployment status." }) : loadingInitial ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Flex, { align: "center", gap: 2, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Spinner, { muted: true }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 1, muted: true, children: "Loading\u2026" })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Stack, { space: 2, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Flex, { align: "center", gap: 2, wrap: "wrap", children: [
-              latest?.url && latest.state === "READY" && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("hr", { style: { border: "none", borderTop: "1px solid currentColor", opacity: 0.1, margin: 0 } }),
+          !token ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(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__ */ (0, import_jsx_runtime10.jsxs)(Flex, { align: "center", gap: 2, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Spinner, { muted: true }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 1, muted: true, children: "Loading\u2026" })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Stack, { space: 2, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Flex, { align: "center", gap: 2, wrap: "wrap", children: [
+              latest?.url && latest.state === "READY" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                 "a",
                 {
                   href: deploymentHref(latest.url),
                   target: "_blank",
                   rel: "noreferrer",
                   style: { color: "inherit" },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Flex, { align: "center", gap: 1, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 1, children: latest.url }) })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Flex, { align: "center", gap: 1, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 1, children: latest.url }) })
                 }
               ) }),
-              sha && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Tooltip, { text: commitMsg ?? sha, children: commitHref ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              sha && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Tooltip, { text: commitMsg ?? sha, children: commitHref ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                 "a",
                 {
                   href: commitHref,
                   target: "_blank",
                   rel: "noreferrer",
                   style: { color: "inherit", textDecoration: "none" },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 1, muted: true, style: { cursor: "pointer", fontFamily: "monospace" }, children: sha })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 1, muted: true, style: { cursor: "pointer", fontFamily: "monospace" }, children: sha })
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 1, muted: true, style: { cursor: "default", fontFamily: "monospace" }, children: sha }) }),
-              creator && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Text, { size: 1, muted: true, children: [
+              ) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 1, muted: true, style: { cursor: "default", fontFamily: "monospace" }, children: sha }) }),
+              creator && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Text, { size: 1, muted: true, children: [
                 "by ",
                 creator
               ] }),
-              latest?.state === "READY" && latest.ready && latest.created && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Text, { size: 1, muted: true, children: [
+              latest?.state === "READY" && latest.ready && latest.created && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Text, { size: 1, muted: true, children: [
                 "Took ",
                 formatDuration(Math.floor((latest.ready - latest.created) / 1e3)),
                 " to build"
               ] }),
-              latest?.url && latest.state === "READY" && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Tooltip, { text: copied ? "Copied" : "Copy deployment URL", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              latest?.url && latest.state === "READY" && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Tooltip, { text: copied ? "Copied" : "Copy deployment URL", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                   Button,
                   {
                     mode: "ghost",
@@ -1084,7 +1179,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
                     style: { cursor: "pointer" }
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                   "span",
                   {
                     role: "status",
@@ -1102,8 +1197,8 @@ function DeployItem({ target, token, onDelete, onEdit }) {
                 )
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Flex, { align: "center", gap: 2, wrap: "wrap", children: [
-              commitMsg && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Flex, { align: "center", gap: 2, wrap: "wrap", children: [
+              commitMsg && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                 Text,
                 {
                   size: 0,
@@ -1112,8 +1207,8 @@ function DeployItem({ target, token, onDelete, onEdit }) {
                   children: commitMsg
                 }
               ),
-              isError && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Stack, { space: 2, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              isError && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Stack, { space: 2, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                   Button,
                   {
                     "aria-expanded": showErrorLogs,
@@ -1127,40 +1222,40 @@ function DeployItem({ target, token, onDelete, onEdit }) {
                     style: { alignSelf: "flex-start", cursor: "pointer" }
                   }
                 ),
-                showErrorLogs && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Card, { tone: "critical", radius: 2, padding: 3, children: [
-                  loadingLogs && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Flex, { align: "center", gap: 2, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Spinner, { muted: true }),
-                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 1, muted: true, children: "Loading logs\u2026" })
+                showErrorLogs && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Card, { tone: "critical", radius: 2, padding: 3, children: [
+                  loadingLogs && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Flex, { align: "center", gap: 2, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Spinner, { muted: true }),
+                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 1, muted: true, children: "Loading logs\u2026" })
                   ] }),
-                  logError && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Stack, { space: 2, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 1, children: logError }),
-                    safeHref(latest?.inspectorUrl) && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("a", { href: safeHref(latest?.inspectorUrl), target: "_blank", rel: "noreferrer", style: { color: "inherit" }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Flex, { align: "center", gap: 1, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(LaunchIcon, {}),
-                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 1, children: "View full logs in Vercel" })
+                  logError && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Stack, { space: 2, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 1, children: logError }),
+                    safeHref(latest?.inspectorUrl) && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("a", { href: safeHref(latest?.inspectorUrl), target: "_blank", rel: "noreferrer", style: { color: "inherit" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Flex, { align: "center", gap: 1, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(LaunchIcon, {}),
+                      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 1, children: "View full logs in Vercel" })
                     ] }) })
                   ] }),
-                  !loadingLogs && !logError && errorLines.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Stack, { space: 2, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Box, { style: { maxHeight: 240, overflowY: "auto", fontFamily: "monospace", fontSize: 13, lineHeight: 1.6 }, children: errorLines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Code, { style: { display: "block", whiteSpace: "pre-wrap", wordBreak: "break-all" }, children: line }, i)) }),
-                    safeHref(latest?.inspectorUrl) && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("a", { href: safeHref(latest?.inspectorUrl), target: "_blank", rel: "noreferrer", style: { color: "inherit" }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Flex, { align: "center", gap: 1, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(LaunchIcon, {}),
-                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 1, children: "View full logs in Vercel" })
+                  !loadingLogs && !logError && errorLines.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Stack, { space: 2, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Box, { style: { maxHeight: 240, overflowY: "auto", fontFamily: "monospace", fontSize: 13, lineHeight: 1.6 }, children: errorLines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Code, { style: { display: "block", whiteSpace: "pre-wrap", wordBreak: "break-all" }, children: line }, i)) }),
+                    safeHref(latest?.inspectorUrl) && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("a", { href: safeHref(latest?.inspectorUrl), target: "_blank", rel: "noreferrer", style: { color: "inherit" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Flex, { align: "center", gap: 1, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(LaunchIcon, {}),
+                      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 1, children: "View full logs in Vercel" })
                     ] }) })
                   ] })
                 ] })
               ] }),
-              deployError && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Card, { tone: "critical", padding: 2, radius: 2, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 1, children: deployError }) })
+              deployError && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Card, { tone: "critical", padding: 2, radius: 2, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 1, children: deployError }) })
             ] })
           ] }),
-          pollError && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Card, { tone: "caution", padding: 3, radius: 2, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Flex, { align: "center", gap: 2, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(WarningOutlineIcon, { "aria-hidden": "true" }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Text, { size: 1, children: [
+          pollError && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Card, { tone: "caution", padding: 3, radius: 2, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Flex, { align: "center", gap: 2, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(WarningOutlineIcon, { "aria-hidden": "true" }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Text, { size: 1, children: [
               "Status updates paused \u2014 ",
               pollError
             ] })
           ] }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Box, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Box, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
             Button,
             {
               mode: "ghost",
@@ -1173,61 +1268,61 @@ function DeployItem({ target, token, onDelete, onEdit }) {
               style: { width: "100%", justifyContent: "flex-start", borderRadius: 0, cursor: "pointer" }
             }
           ),
-          showDetails && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Card, { tone: "primary", padding: 3, className: "dvfs-accordion-content", style: { borderRadius: 0, borderTop: "1px solid rgba(128,128,128,0.15)" }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Stack, { space: 2, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Flex, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Project" }),
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: projectId || "\u2014" })
+          showDetails && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Card, { tone: "primary", padding: 3, className: "dvfs-accordion-content", style: { borderRadius: 0, borderTop: "1px solid rgba(128,128,128,0.15)" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Stack, { space: 2, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Flex, { gap: 2, align: "center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Project" }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: projectId || "\u2014" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Flex, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Hook" }),
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: hookId || "\u2014" })
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Flex, { gap: 2, align: "center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Hook" }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: hookId || "\u2014" })
             ] }),
-            target.teamId && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Flex, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Team" }),
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: target.teamId })
+            target.teamId && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Flex, { gap: 2, align: "center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Team" }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: target.teamId })
             ] }),
-            fullSha && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Flex, { gap: 2, align: "flex-start", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Commit" }),
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 0, muted: true, style: { fontFamily: "monospace", wordBreak: "break-all" }, children: fullSha })
+            fullSha && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Flex, { gap: 2, align: "flex-start", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Commit" }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 0, muted: true, style: { fontFamily: "monospace", wordBreak: "break-all" }, children: fullSha })
             ] }),
-            latest?.meta?.githubCommitAuthorName && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Flex, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Author" }),
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 0, muted: true, children: latest.meta.githubCommitAuthorName })
+            latest?.meta?.githubCommitAuthorName && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Flex, { gap: 2, align: "center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Author" }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 0, muted: true, children: latest.meta.githubCommitAuthorName })
             ] }),
-            branch && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Flex, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Branch" }),
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: branch })
+            branch && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Flex, { gap: 2, align: "center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Branch" }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: branch })
             ] }),
-            latest?.uid && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Flex, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Deploy ID" }),
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: latest.uid })
+            latest?.uid && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Flex, { gap: 2, align: "center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Deploy ID" }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: latest.uid })
             ] }),
-            latest?.url && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Flex, { gap: 2, align: "flex-start", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "URL" }),
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 0, muted: true, style: { fontFamily: "monospace", wordBreak: "break-all" }, children: latest.url })
+            latest?.url && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Flex, { gap: 2, align: "flex-start", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "URL" }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 0, muted: true, style: { fontFamily: "monospace", wordBreak: "break-all" }, children: latest.url })
             ] }),
-            safeHref(latest?.inspectorUrl) && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Flex, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Inspector" }),
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("a", { href: safeHref(latest?.inspectorUrl), target: "_blank", rel: "noreferrer", style: { color: "inherit" }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Flex, { align: "center", gap: 1, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: "Open in Vercel" }),
-                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(LaunchIcon, { style: { width: 10, height: 10 } })
+            safeHref(latest?.inspectorUrl) && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Flex, { gap: 2, align: "center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Inspector" }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("a", { href: safeHref(latest?.inspectorUrl), target: "_blank", rel: "noreferrer", style: { color: "inherit" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Flex, { align: "center", gap: 1, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: "Open in Vercel" }),
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(LaunchIcon, { style: { width: 10, height: 10 } })
               ] }) })
             ] }),
-            latest?.created && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Flex, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Created" }),
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 0, muted: true, children: new Date(latest.created).toLocaleString() })
+            latest?.created && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Flex, { gap: 2, align: "center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Created" }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 0, muted: true, children: new Date(latest.created).toLocaleString() })
             ] })
           ] }) })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         Flex,
         {
           direction: "column",
           gap: 2,
           className: "dvfs-deploy-col",
           style: { flexShrink: 0, alignSelf: "stretch" },
-          children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
             Button,
             {
               text: "Deploy",
@@ -1247,7 +1342,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
         }
       )
     ] }) }),
-    showHistory && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    showHistory && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       DeployHistory,
       {
         target,
@@ -1259,19 +1354,19 @@ function DeployItem({ target, token, onDelete, onEdit }) {
 }
 
 // src/components/TokenSetup.tsx
-var import_react8 = require("react");
-var import_sanity = require("sanity");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_react9 = require("react");
+var import_sanity2 = require("sanity");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var TOKEN_DOC_ID = "config.vercelDeploy";
 function TokenSetup({ onSaved, onCancel, hasToken = false }) {
-  const dialogId = (0, import_react8.useId)();
-  const tokenId = (0, import_react8.useId)();
-  const client = (0, import_sanity.useClient)({ apiVersion: "2025-01-01" });
-  const [token, setToken] = (0, import_react8.useState)("");
-  const [saving, setSaving] = (0, import_react8.useState)(false);
-  const [error, setError] = (0, import_react8.useState)(null);
-  const [revoking, setRevoking] = (0, import_react8.useState)(false);
-  const save = (0, import_react8.useCallback)(async () => {
+  const dialogId = (0, import_react9.useId)();
+  const tokenId = (0, import_react9.useId)();
+  const client = (0, import_sanity2.useClient)({ apiVersion: "2025-01-01" });
+  const [token, setToken] = (0, import_react9.useState)("");
+  const [saving, setSaving] = (0, import_react9.useState)(false);
+  const [error, setError] = (0, import_react9.useState)(null);
+  const [revoking, setRevoking] = (0, import_react9.useState)(false);
+  const save = (0, import_react9.useCallback)(async () => {
     if (!token.trim()) return;
     setSaving(true);
     setError(null);
@@ -1288,7 +1383,7 @@ function TokenSetup({ onSaved, onCancel, hasToken = false }) {
       setSaving(false);
     }
   }, [client, token, onSaved]);
-  const revoke = (0, import_react8.useCallback)(async () => {
+  const revoke = (0, import_react9.useCallback)(async () => {
     setRevoking(true);
     setError(null);
     try {
@@ -1300,15 +1395,15 @@ function TokenSetup({ onSaved, onCancel, hasToken = false }) {
       setRevoking(false);
     }
   }, [client, onSaved]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     Dialog,
     {
       header: "Connect Vercel API token",
       id: dialogId,
       onClose: onCancel,
       width: 1,
-      footer: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Flex, { padding: 3, gap: 2, justify: hasToken ? "space-between" : "flex-end", children: [
-        hasToken && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      footer: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Flex, { padding: 3, gap: 2, justify: hasToken ? "space-between" : "flex-end", children: [
+        hasToken && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           Button,
           {
             text: "Remove token",
@@ -1321,9 +1416,9 @@ function TokenSetup({ onSaved, onCancel, hasToken = false }) {
             style: { cursor: "pointer" }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Flex, { gap: 2, children: [
-          onCancel && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { text: "Cancel", mode: "ghost", onClick: onCancel, style: { cursor: "pointer" } }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Flex, { gap: 2, children: [
+          onCancel && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { text: "Cancel", mode: "ghost", onClick: onCancel, style: { cursor: "pointer" } }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
             Button,
             {
               text: "Save and connect",
@@ -1337,21 +1432,22 @@ function TokenSetup({ onSaved, onCancel, hasToken = false }) {
           )
         ] })
       ] }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Stack, { space: 4, padding: 4, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Stack, { space: 3, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(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__ */ (0, import_jsx_runtime10.jsxs)(Text, { size: 1, muted: true, children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Stack, { space: 4, padding: 4, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Stack, { space: 3, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(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__ */ (0, import_jsx_runtime11.jsxs)(Text, { size: 1, muted: true, children: [
             "Create one at ",
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { children: "vercel.com \u2192 Settings \u2192 Tokens" }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("strong", { children: "vercel.com \u2192 Settings \u2192 Tokens" }),
             " with",
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("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__ */ (0, import_jsx_runtime11.jsx)("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__ */ (0, import_jsx_runtime10.jsxs)(Stack, { space: 2, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Label, { as: "label", size: 1, htmlFor: tokenId, children: "Vercel API Token" }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Stack, { space: 2, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Label, { as: "label", size: 1, htmlFor: tokenId, children: "Vercel API Token" }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
             TextInput,
             {
               id: tokenId,
@@ -1362,37 +1458,41 @@ function TokenSetup({ onSaved, onCancel, hasToken = false }) {
             }
           )
         ] }),
-        error && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Card, { tone: "critical", padding: 3, radius: 2, role: "alert", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { size: 1, children: error }) })
+        error && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Card, { tone: "critical", padding: 3, radius: 2, role: "alert", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { size: 1, children: error }) })
       ] })
     }
   );
 }
 
 // src/components/DeployTargetForm.tsx
-var import_react9 = require("react");
-var import_sanity2 = require("sanity");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_react10 = require("react");
+var import_sanity3 = require("sanity");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var VERCEL_HOOK_RE2 = /^https:\/\/api\.vercel\.com\/v1\/integrations\/deploy\//;
 function DeployTargetForm({ initial, onSaved, onClose }) {
-  const client = (0, import_sanity2.useClient)({ apiVersion: "2025-01-01" });
+  const client = (0, import_sanity3.useClient)({ apiVersion: "2025-01-01" });
   const isEdit = Boolean(initial);
-  const dialogId = (0, import_react9.useId)();
-  const nameId = (0, import_react9.useId)();
-  const urlId = (0, import_react9.useId)();
-  const urlErrorId = (0, import_react9.useId)();
-  const urlHelpId = (0, import_react9.useId)();
-  const teamId_ = (0, import_react9.useId)();
-  const teamHelpId = (0, import_react9.useId)();
-  const disableId = (0, import_react9.useId)();
-  const [name, setName] = (0, import_react9.useState)(initial?.name ?? "");
-  const [url, setUrl] = (0, import_react9.useState)(initial?.url ?? "");
-  const [teamId, setTeamId] = (0, import_react9.useState)(initial?.teamId ?? "");
-  const [disableDelete, setDisableDelete] = (0, import_react9.useState)(initial?.disableDeleteAction ?? false);
-  const [saving, setSaving] = (0, import_react9.useState)(false);
-  const [error, setError] = (0, import_react9.useState)(null);
+  const pluginConfig = usePluginConfig();
+  const proxyKeyId = (0, import_react10.useId)();
+  const dialogId = (0, import_react10.useId)();
+  const nameId = (0, import_react10.useId)();
+  const urlId = (0, import_react10.useId)();
+  const urlErrorId = (0, import_react10.useId)();
+  const urlHelpId = (0, import_react10.useId)();
+  const teamId_ = (0, import_react10.useId)();
+  const teamHelpId = (0, import_react10.useId)();
+  const disableId = (0, import_react10.useId)();
+  const [name, setName] = (0, import_react10.useState)(initial?.name ?? "");
+  const [url, setUrl] = (0, import_react10.useState)(initial?.url ?? "");
+  const [teamId, setTeamId] = (0, import_react10.useState)(initial?.teamId ?? "");
+  const [proxyKey, setProxyKey] = (0, import_react10.useState)(initial?.proxyKey ?? "");
+  const [disableDelete, setDisableDelete] = (0, import_react10.useState)(initial?.disableDeleteAction ?? false);
+  const [saving, setSaving] = (0, import_react10.useState)(false);
+  const [error, setError] = (0, import_react10.useState)(null);
   const urlValid = !url || VERCEL_HOOK_RE2.test(url.trim());
-  const canSave = name.trim() && url.trim() && urlValid;
-  const save = (0, import_react9.useCallback)(async () => {
+  const isProxy = pluginConfig.mode === "proxy";
+  const canSave = Boolean(name.trim()) && urlValid && (isProxy ? Boolean(proxyKey.trim()) : Boolean(url.trim()));
+  const save = (0, import_react10.useCallback)(async () => {
     if (!canSave) return;
     setSaving(true);
     setError(null);
@@ -1400,6 +1500,7 @@ function DeployTargetForm({ initial, onSaved, onClose }) {
       name: name.trim(),
       url: url.trim(),
       teamId: teamId.trim() || null,
+      proxyKey: proxyKey.trim() || null,
       disableDeleteAction: disableDelete
     };
     try {
@@ -1414,17 +1515,17 @@ function DeployTargetForm({ initial, onSaved, onClose }) {
     } finally {
       setSaving(false);
     }
-  }, [canSave, isEdit, initial, client, name, url, teamId, disableDelete, onSaved]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  }, [canSave, isEdit, initial, client, name, url, teamId, proxyKey, disableDelete, onSaved]);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     Dialog,
     {
       header: isEdit ? `Edit "${initial?.name}"` : "Add deploy target",
       id: dialogId,
       onClose,
       width: 1,
-      footer: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Flex, { padding: 3, gap: 2, justify: "flex-end", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { text: "Cancel", mode: "ghost", onClick: onClose, style: { cursor: "pointer" } }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      footer: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Flex, { padding: 3, gap: 2, justify: "flex-end", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Button, { text: "Cancel", mode: "ghost", onClick: onClose, style: { cursor: "pointer" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           Button,
           {
             text: isEdit ? "Save changes" : "Add target",
@@ -1437,13 +1538,13 @@ function DeployTargetForm({ initial, onSaved, onClose }) {
           }
         )
       ] }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Box, { padding: 4, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Stack, { space: 4, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Stack, { space: 2, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Label, { as: "label", size: 1, htmlFor: nameId, children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Box, { padding: 4, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Stack, { space: 4, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Stack, { space: 2, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Label, { as: "label", size: 1, htmlFor: nameId, children: [
             "Name ",
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { "aria-hidden": "true", children: "*" })
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { "aria-hidden": "true", children: "*" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             TextInput,
             {
               id: nameId,
@@ -1455,12 +1556,29 @@ function DeployTargetForm({ initial, onSaved, onClose }) {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Stack, { space: 2, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Label, { as: "label", size: 1, htmlFor: urlId, children: [
+        isProxy ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Stack, { space: 2, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Label, { as: "label", size: 1, htmlFor: proxyKeyId, children: [
+            "Proxy Key ",
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { "aria-hidden": "true", children: "*" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            TextInput,
+            {
+              id: proxyKeyId,
+              required: true,
+              "aria-required": "true",
+              value: proxyKey,
+              onChange: (e) => setProxyKey(e.target.value),
+              placeholder: "production"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { size: 0, muted: true, children: "Matches a key configured on your deploy proxy, which holds the real hook URL. Contains no secret." })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Stack, { space: 2, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Label, { as: "label", size: 1, htmlFor: urlId, children: [
             "Deploy hook URL ",
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { "aria-hidden": "true", children: "*" })
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { "aria-hidden": "true", children: "*" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             TextInput,
             {
               id: urlId,
@@ -1473,15 +1591,15 @@ function DeployTargetForm({ initial, onSaved, onClose }) {
               placeholder: "https://api.vercel.com/v1/integrations/deploy/\u2026"
             }
           ),
-          url && !urlValid && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Card, { tone: "critical", padding: 2, radius: 2, role: "alert", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { id: urlErrorId, size: 1, children: "Must be a Vercel deploy hook URL (api.vercel.com/v1/integrations/deploy/\u2026)" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { id: urlHelpId, size: 0, muted: true, children: "Vercel dashboard \u2192 Project \u2192 Settings \u2192 Git \u2192 Deploy Hooks" })
+          url && !urlValid && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Card, { tone: "critical", padding: 2, radius: 2, role: "alert", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { id: urlErrorId, size: 1, children: "Must be a Vercel deploy hook URL (api.vercel.com/v1/integrations/deploy/\u2026)" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { id: urlHelpId, size: 0, muted: true, children: "Vercel dashboard \u2192 Project \u2192 Settings \u2192 Git \u2192 Deploy Hooks" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Stack, { space: 2, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Label, { as: "label", size: 1, htmlFor: teamId_, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Stack, { space: 2, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Label, { as: "label", size: 1, htmlFor: teamId_, children: [
             "Team ID ",
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { style: { opacity: 0.5, fontWeight: "normal" }, children: "\u2014 optional" })
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { style: { opacity: 0.5, fontWeight: "normal" }, children: "\u2014 optional" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             TextInput,
             {
               id: teamId_,
@@ -1491,14 +1609,10 @@ function DeployTargetForm({ initial, onSaved, onClose }) {
               placeholder: "team_xxxxxxxx"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(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__ */ (0, import_jsx_runtime11.jsx)("code", { children: "team_" }),
-            ")."
-          ] })
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(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__ */ (0, import_jsx_runtime11.jsxs)(Flex, { align: "center", gap: 3, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Flex, { align: "center", gap: 3, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             Switch,
             {
               checked: disableDelete,
@@ -1506,36 +1620,38 @@ function DeployTargetForm({ initial, onSaved, onClose }) {
               id: disableId
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Stack, { space: 1, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Label, { as: "label", size: 1, htmlFor: disableId, children: "Disable delete action" }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { size: 0, muted: true, children: "Hides the delete button for this target in the studio." })
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Stack, { space: 1, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Label, { as: "label", size: 1, htmlFor: disableId, children: "Disable delete action" }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { size: 0, muted: true, children: "Hides the delete button for this target in the studio." })
           ] })
         ] }),
-        error && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Card, { tone: "critical", padding: 3, radius: 2, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { size: 1, children: error }) })
+        error && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Card, { tone: "critical", padding: 3, radius: 2, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { size: 1, children: error }) })
       ] }) })
     }
   );
 }
 
 // src/version.ts
-var VERSION = "1.2.1";
+var VERSION = "1.3.0";
 
 // src/components/DeployTool.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("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 = (0, import_sanity3.useClient)({ apiVersion: "2025-01-01" });
+  const client = (0, import_sanity4.useClient)({ apiVersion: "2025-01-01" });
+  const pluginConfig = usePluginConfig();
+  const usesToken = pluginConfig.mode === "direct";
   const toast = useToast();
-  const [token, setToken] = (0, import_react10.useState)(null);
-  const [targets, setTargets] = (0, import_react10.useState)([]);
-  const [loading, setLoading] = (0, import_react10.useState)(true);
-  const [showTokenSetup, setShowTokenSetup] = (0, import_react10.useState)(false);
-  const [showCreateForm, setShowCreateForm] = (0, import_react10.useState)(false);
-  const [pendingEdit, setPendingEdit] = (0, import_react10.useState)(null);
-  const [pendingDelete, setPendingDelete] = (0, import_react10.useState)(null);
-  const [deleting, setDeleting] = (0, import_react10.useState)(false);
-  const load = (0, import_react10.useCallback)(async () => {
+  const [token, setToken] = (0, import_react11.useState)(null);
+  const [targets, setTargets] = (0, import_react11.useState)([]);
+  const [loading, setLoading] = (0, import_react11.useState)(true);
+  const [showTokenSetup, setShowTokenSetup] = (0, import_react11.useState)(false);
+  const [showCreateForm, setShowCreateForm] = (0, import_react11.useState)(false);
+  const [pendingEdit, setPendingEdit] = (0, import_react11.useState)(null);
+  const [pendingDelete, setPendingDelete] = (0, import_react11.useState)(null);
+  const [deleting, setDeleting] = (0, import_react11.useState)(false);
+  const load = (0, import_react11.useCallback)(async () => {
     setLoading(true);
     try {
       const [fetchedToken, fetchedTargets] = await Promise.all([
@@ -1550,10 +1666,10 @@ function DeployTool() {
       setLoading(false);
     }
   }, [client]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     load();
   }, [load]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     const existing = document.getElementById("dvfs-styles");
     if (existing) {
       const n = Number(existing.dataset.refs ?? "1") + 1;
@@ -1591,7 +1707,7 @@ function DeployTool() {
       if (left <= 0) style.remove();
     };
   }, []);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     const sub = client.listen(TARGETS_QUERY).subscribe(() => {
       client.fetch(TARGETS_QUERY).then(setTargets).catch((err) => {
         console.error("deploy-vercel-from-sanity: subscription refresh error", err);
@@ -1599,7 +1715,7 @@ function DeployTool() {
     });
     return () => sub.unsubscribe();
   }, [client]);
-  const confirmDelete = (0, import_react10.useCallback)(async () => {
+  const confirmDelete = (0, import_react11.useCallback)(async () => {
     if (!pendingDelete) return;
     setDeleting(true);
     try {
@@ -1616,14 +1732,14 @@ function DeployTool() {
     }
   }, [client, pendingDelete, toast]);
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Card, { height: "fill", tone: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Flex, { align: "center", justify: "center", height: "fill", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Spinner, { muted: true }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Card, { height: "fill", tone: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Flex, { align: "center", justify: "center", height: "fill", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Spinner, { muted: true }) }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Card, { height: "fill", tone: "transparent", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Box, { padding: 5, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Stack, { space: 5, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Flex, { align: "center", justify: "space-between", className: "dvfs-header", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Heading, { size: 2, children: "Deploy with Vercel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Flex, { align: "center", gap: 3, className: "dvfs-header-actions", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Card, { height: "fill", tone: "transparent", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Box, { padding: 5, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Stack, { space: 5, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Flex, { align: "center", justify: "space-between", className: "dvfs-header", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Heading, { size: 2, children: "Deploy with Vercel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Flex, { align: "center", gap: 3, className: "dvfs-header-actions", children: [
+          usesToken && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             Button,
             {
               text: token ? "Token connected" : "Connect API token",
@@ -1635,7 +1751,7 @@ function DeployTool() {
               style: { cursor: "pointer" }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             Button,
             {
               text: "Add target",
@@ -1648,12 +1764,12 @@ function DeployTool() {
           )
         ] })
       ] }),
-      !token && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Card, { padding: 4, radius: 2, tone: "caution", shadow: 1, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Flex, { align: "center", justify: "space-between", gap: 4, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Stack, { space: 2, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { size: 1, weight: "semibold", children: "Deploy status is not connected" }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(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." })
+      usesToken && !token && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Card, { padding: 4, radius: 2, tone: "caution", shadow: 1, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Flex, { align: "center", justify: "space-between", gap: 4, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Stack, { space: 2, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Text, { size: 1, weight: "semibold", children: "Deploy status is not connected" }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(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__ */ (0, import_jsx_runtime12.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           Button,
           {
             text: "Connect",
@@ -1664,15 +1780,15 @@ function DeployTool() {
           }
         )
       ] }) }),
-      targets.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Card, { padding: 5, radius: 2, tone: "transparent", shadow: 1, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Stack, { space: 4, style: { textAlign: "center" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { size: 2, weight: "semibold", children: "No deploy targets configured" }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Text, { size: 1, muted: true, children: [
+      targets.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Card, { padding: 5, radius: 2, tone: "transparent", shadow: 1, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Stack, { space: 4, style: { textAlign: "center" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Text, { size: 2, weight: "semibold", children: "No deploy targets configured" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Text, { size: 1, muted: true, children: [
           "Add a deploy target using the button above, or create a",
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("code", { children: "vercel_deploy" }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("code", { children: "vercel_deploy" }),
           " document directly in the dataset."
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Flex, { justify: "center", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Flex, { justify: "center", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           Button,
           {
             text: "Add deploy target",
@@ -1683,12 +1799,12 @@ function DeployTool() {
           }
         ) })
       ] }) }),
-      targets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "dvfs-grid", style: {
+      targets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("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__ */ (0, import_jsx_runtime12.jsx)(
+      }, children: targets.map((target) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         DeployItem,
         {
           target,
@@ -1699,7 +1815,7 @@ function DeployTool() {
         target._id
       )) })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       Box,
       {
         style: {
@@ -1710,13 +1826,13 @@ function DeployTool() {
           pointerEvents: "none",
           userSelect: "none"
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Text, { size: 0, muted: true, children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Text, { size: 0, muted: true, children: [
           "v",
           VERSION
         ] })
       }
     ),
-    showTokenSetup && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    showTokenSetup && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       TokenSetup,
       {
         onSaved: () => {
@@ -1727,7 +1843,7 @@ function DeployTool() {
         hasToken: Boolean(token)
       }
     ),
-    showCreateForm && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    showCreateForm && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       DeployTargetForm,
       {
         onSaved: () => {
@@ -1737,7 +1853,7 @@ function DeployTool() {
         onClose: () => setShowCreateForm(false)
       }
     ),
-    pendingEdit && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    pendingEdit && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       DeployTargetForm,
       {
         initial: pendingEdit,
@@ -1748,15 +1864,15 @@ function DeployTool() {
         onClose: () => setPendingEdit(null)
       }
     ),
-    pendingDelete && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    pendingDelete && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       Dialog,
       {
         header: "Delete deploy target?",
         id: "confirm-delete",
         onClose: () => setPendingDelete(null),
         width: 1,
-        footer: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Flex, { padding: 3, gap: 2, justify: "flex-end", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        footer: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Flex, { padding: 3, gap: 2, justify: "flex-end", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             Button,
             {
               text: "Cancel",
@@ -1765,7 +1881,7 @@ function DeployTool() {
               style: { cursor: "pointer" }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             Button,
             {
               text: "Delete",
@@ -1778,28 +1894,28 @@ function DeployTool() {
             }
           )
         ] }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Box, { padding: 4, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Stack, { space: 3, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Flex, { align: "center", gap: 2, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(WarningOutlineIcon, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { size: 2, weight: "semibold", children: pendingDelete.name })
+        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Box, { padding: 4, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Stack, { space: 3, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Flex, { align: "center", gap: 2, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(WarningOutlineIcon, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Text, { size: 2, weight: "semibold", children: pendingDelete.name })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { size: 1, muted: true, children: "This removes the deploy target from the dataset. The Vercel deploy hook itself is not affected." })
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Text, { size: 1, muted: true, children: "This removes the deploy target from the dataset. The Vercel deploy hook itself is not affected." })
         ] }) })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ToastViewport, {})
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ToastViewport, {})
   ] });
 }
 
 // src/schema/vercelDeploy.ts
-var import_sanity4 = require("sanity");
+var import_sanity5 = require("sanity");
 
 // src/schema/schemaIcon.tsx
-var import_react11 = require("react");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var SchemaRocketIcon = (0, import_react11.forwardRef)(
+var import_react12 = require("react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var SchemaRocketIcon = (0, import_react12.forwardRef)(
   function SchemaRocketIcon2(props, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       "svg",
       {
         width: "1em",
@@ -1811,7 +1927,7 @@ var SchemaRocketIcon = (0, import_react11.forwardRef)(
         focusable: "false",
         ...props,
         ref,
-        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "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",
@@ -1826,25 +1942,28 @@ var SchemaRocketIcon = (0, import_react11.forwardRef)(
 );
 
 // src/schema/vercelDeploy.ts
-var vercelDeploySchema = (0, import_sanity4.defineType)({
+var vercelDeploySchema = (0, import_sanity5.defineType)({
   name: "vercel_deploy",
   title: "Deploy Target",
   type: "document",
   icon: SchemaRocketIcon,
   fields: [
-    (0, import_sanity4.defineField)({
+    (0, import_sanity5.defineField)({
       name: "name",
       title: "Name",
       type: "string",
       description: 'Display label shown in the Deploy tool (e.g. "Production", "Staging")',
       validation: (Rule) => Rule.required()
     }),
-    (0, import_sanity4.defineField)({
+    (0, import_sanity5.defineField)({
       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)";
@@ -1852,13 +1971,24 @@ var vercelDeploySchema = (0, import_sanity4.defineType)({
         return true;
       })
     }),
-    (0, import_sanity4.defineField)({
+    (0, import_sanity5.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;
+      })
+    }),
+    (0, import_sanity5.defineField)({
       name: "teamId",
       title: "Vercel Team ID",
       type: "string",
       description: "Required for team-owned projects \u2014 find it in Vercel Team Settings"
     }),
-    (0, import_sanity4.defineField)({
+    (0, import_sanity5.defineField)({
       name: "disableDeleteAction",
       title: "Prevent deletion",
       type: "boolean",
@@ -1871,9 +2001,11 @@ var vercelDeploySchema = (0, import_sanity4.defineType)({
   }
 });
 
-// src/index.ts
-var vercelDeploy = (0, import_sanity5.definePlugin)((options) => {
+// src/index.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var vercelDeploy = (0, import_sanity6.definePlugin)((options) => {
   const config = options ?? {};
+  const resolved = resolveConfig(options);
   return {
     name: "deploy-vercel-from-sanity",
     schema: {
@@ -1884,7 +2016,8 @@ var vercelDeploy = (0, import_sanity5.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__ */ (0, import_jsx_runtime15.jsx)(ConfigProvider, { value: resolved, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DeployTool, {}) })
       }
     ]
   };