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

package/dist/index.js

@@ -38,18 +38,39 @@ var import_sanity5 = require("sanity");
 
 // src/icons.tsx
 var import_react = require("react");
+
+// src/compat/resolve.ts
+var sanityUi = __toESM(require("@sanity/ui"));
 var sanityIcons = __toESM(require("@sanity/icons"));
+var UI = sanityUi;
+var ICONS = sanityIcons;
+function resolveComponent(ns, name) {
+  const value = ns[name];
+  return typeof value === "function" || typeof value === "object" && value !== null ? value : void 0;
+}
+function resolveFunction(ns, name) {
+  const value = ns[name];
+  return typeof value === "function" ? value : void 0;
+}
+function resolveRecord(ns, name) {
+  const value = ns[name];
+  return typeof value === "object" && value !== null ? value : void 0;
+}
+var STACK_USES_GAP = typeof UI.Stack === "function";
+
+// src/icons.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var INSTALLED = sanityIcons;
 var GLYPH = { width: "1em", height: "1em", viewBox: "0 0 25 25", fill: "none" };
 var MissingIcon = (0, import_react.forwardRef)(function MissingIcon2(props, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { ...GLYPH, xmlns: "http://www.w3.org/2000/svg", ...props, ref });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { ...GLYPH, xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", focusable: "false", ...props, ref });
 });
+var SYMBOL_MAP = resolveRecord(ICONS, "icons");
 function resolveIcon(name, symbol) {
-  const named = INSTALLED[name];
+  const named = resolveComponent(ICONS, name);
   if (named) return named;
-  const Icon = INSTALLED.Icon;
+  const Icon = resolveComponent(ICONS, "Icon");
   if (!Icon) return MissingIcon;
+  if (SYMBOL_MAP && !(symbol in SYMBOL_MAP)) return MissingIcon;
   const Resolved = (0, import_react.forwardRef)(function SanityIcon(props, ref) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { symbol, ...props, ref });
   });
@@ -68,51 +89,131 @@ var EditIcon = resolveIcon("EditIcon", "edit");
 var EllipsisVerticalIcon = resolveIcon("EllipsisVerticalIcon", "ellipsis-vertical");
 var LaunchIcon = resolveIcon("LaunchIcon", "launch");
 var RocketIcon = resolveIcon("RocketIcon", "rocket");
-var SchemaIcon = resolveIcon("SchemaIcon", "schema");
 var TokenIcon = resolveIcon("TokenIcon", "token");
 var TrashIcon = resolveIcon("TrashIcon", "trash");
 var WarningOutlineIcon = resolveIcon("WarningOutlineIcon", "warning-outline");
 
 // src/components/DeployTool.tsx
-var import_react7 = require("react");
+var import_react10 = require("react");
 var import_sanity3 = require("sanity");
-var import_ui11 = require("@sanity/ui");
 
-// src/ui.tsx
+// src/components/DeployItem.tsx
+var import_react7 = require("react");
+var import_react_dom = require("react-dom");
+
+// src/compat/primitives.tsx
 var import_react2 = require("react");
-var sanityUi = __toESM(require("@sanity/ui"));
-var import_ui = require("@sanity/ui");
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var INSTALLED2 = sanityUi;
-var IS_UI_V4_PLUS = !("useToast" in INSTALLED2);
+function domFallback(tag) {
+  const Fallback = (0, import_react2.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 };
+    for (const key of [
+      "role",
+      "type",
+      "value",
+      "checked",
+      "placeholder",
+      "disabled",
+      "tabIndex",
+      "onChange",
+      "onKeyDown",
+      "onFocus",
+      "onBlur",
+      "onMouseEnter",
+      "onMouseLeave",
+      "htmlFor",
+      "target",
+      "rel",
+      "name",
+      "autoComplete",
+      "required",
+      "readOnly"
+    ]) {
+      if (key in rest) passthrough[key] = rest[key];
+    }
+    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);
+  });
+  Fallback.displayName = `SanityUiFallback(${tag})`;
+  return Fallback;
+}
+function primitive(name, tag) {
+  return resolveComponent(UI, name) ?? domFallback(tag);
+}
+var Box = primitive("Box", "div");
+var Card = primitive("Card", "div");
+var Flex = primitive("Flex", "div");
+var Grid = primitive("Grid", "div");
+var Text = primitive("Text", "span");
+var Heading = primitive("Heading", "h2");
+var Label = primitive("Label", "label");
+var Badge = primitive("Badge", "span");
+var Spinner = primitive("Spinner", "span");
+var Button = primitive("Button", "button");
+var TextInput = primitive("TextInput", "input");
+var Select = primitive("Select", "select");
+var Switch = primitive("Switch", "input");
+var Dialog = primitive("Dialog", "div");
+var SanityStack = primitive("Stack", "div");
 function Stack({ space, children, ...rest }) {
-  const spacing = space === void 0 ? {} : IS_UI_V4_PLUS ? { gap: space } : { space };
-  const Component = import_ui.Stack;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Component, { ...rest, ...spacing, children });
+  const spacing = space === void 0 ? {} : STACK_USES_GAP ? { gap: space } : { space };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SanityStack, { ...rest, ...spacing, children });
 }
-var LOCAL_TOAST_MS = 5e3;
+
+// src/compat/toast.tsx
+var import_react3 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var LOCAL_TOAST_MS = 6e3;
+var MAX_VISIBLE_TOASTS = 4;
+var TOAST_Z_INDEX = 1e6;
 var LOCAL_TOAST_TONE = {
   success: "positive",
   error: "critical",
   warning: "caution",
   info: "primary"
 };
+var PERSISTENT_STATUSES = /* @__PURE__ */ new Set(["error", "warning"]);
 var nextToastId = 0;
 var localToasts = [];
 var toastListeners = /* @__PURE__ */ new Set();
+var dismissTimers = /* @__PURE__ */ new Map();
 function emitToasts() {
   for (const listener of toastListeners) listener(localToasts);
 }
+function removeLocalToast(id) {
+  const timer = dismissTimers.get(id);
+  if (timer) {
+    clearTimeout(timer);
+    dismissTimers.delete(id);
+  }
+  localToasts = localToasts.filter((t) => t.id !== id);
+  emitToasts();
+}
+function scheduleDismiss(id, status) {
+  if (PERSISTENT_STATUSES.has(status ?? "info")) return;
+  const existing = dismissTimers.get(id);
+  if (existing) clearTimeout(existing);
+  dismissTimers.set(id, setTimeout(() => removeLocalToast(id), LOCAL_TOAST_MS));
+}
 function pushLocalToast(params) {
   const toast = { ...params, id: nextToastId++ };
-  localToasts = [...localToasts, toast];
+  const next = [...localToasts, toast];
+  for (const dropped of next.slice(0, Math.max(0, next.length - MAX_VISIBLE_TOASTS))) {
+    const timer = dismissTimers.get(dropped.id);
+    if (timer) {
+      clearTimeout(timer);
+      dismissTimers.delete(dropped.id);
+    }
+  }
+  localToasts = next.slice(-MAX_VISIBLE_TOASTS);
   emitToasts();
-  setTimeout(() => {
-    localToasts = localToasts.filter((t) => t.id !== toast.id);
-    emitToasts();
-  }, LOCAL_TOAST_MS);
+  scheduleDismiss(toast.id, toast.status);
 }
-var installedUseToast = INSTALLED2.useToast;
+var installedUseToast = resolveFunction(UI, "useToast");
 var localToaster = { push: pushLocalToast };
 function useToast() {
   const real = installedUseToast;
@@ -120,160 +221,350 @@ function useToast() {
   return localToaster;
 }
 function ToastViewport() {
-  const [toasts, setToasts] = (0, import_react2.useState)(localToasts);
-  (0, import_react2.useEffect)(() => {
+  const [toasts, setToasts] = (0, import_react3.useState)(localToasts);
+  (0, import_react3.useEffect)(() => {
     if (installedUseToast) return;
     toastListeners.add(setToasts);
+    setToasts(localToasts);
     return () => {
       toastListeners.delete(setToasts);
     };
   }, []);
-  if (installedUseToast || toasts.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui.Box, { style: { position: "fixed", bottom: 16, right: 16, zIndex: 1e6, maxWidth: 360 }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Stack, { space: 2, children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_ui.Card,
+  const resume = (0, import_react3.useCallback)((toast, el) => {
+    if (el && el.contains(document.activeElement)) return;
+    scheduleDismiss(toast.id, toast.status);
+  }, []);
+  const hold = (0, import_react3.useCallback)((id) => {
+    const timer = dismissTimers.get(id);
+    if (timer) {
+      clearTimeout(timer);
+      dismissTimers.delete(id);
+    }
+  }, []);
+  if (installedUseToast) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    Box,
     {
-      padding: 3,
-      radius: 2,
-      shadow: 3,
-      tone: LOCAL_TOAST_TONE[toast.status ?? "info"] ?? "primary",
-      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Stack, { space: 2, children: [
-        toast.title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui.Text, { size: 1, weight: "semibold", children: toast.title }),
-        toast.description && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui.Text, { size: 1, muted: true, children: toast.description })
-      ] })
-    },
-    toast.id
-  )) }) });
+      role: "log",
+      "aria-label": "Deployment notifications",
+      style: {
+        position: "fixed",
+        bottom: 16,
+        right: 16,
+        zIndex: TOAST_Z_INDEX,
+        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)(
+        Card,
+        {
+          padding: 3,
+          radius: 2,
+          shadow: 3,
+          tone: LOCAL_TOAST_TONE[toast.status ?? "info"],
+          style: { pointerEvents: "auto" },
+          onMouseEnter: () => hold(toast.id),
+          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 })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              Button,
+              {
+                mode: "bleed",
+                padding: 2,
+                icon: CloseIcon,
+                text: "",
+                "aria-label": "Dismiss notification",
+                onClick: () => removeLocalToast(toast.id)
+              }
+            )
+          ] })
+        },
+        toast.id
+      )) })
+    }
+  );
 }
-var InstalledTooltip = INSTALLED2.Tooltip;
+
+// src/compat/tooltip.tsx
+var import_react4 = require("react");
+var import_jsx_runtime4 = 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);
   if (InstalledTooltip) {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(InstalledTooltip, { content: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui.Box, { padding: 2, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui.Text, { size: 1, children: text }) }), portal: true, children });
+    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_runtime2.jsx)("span", { title: text, style: { display: "inline-flex" }, 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)(
+    "span",
+    {
+      style: { position: "relative", display: "inline-flex" },
+      onMouseEnter: () => setVisible(true),
+      onMouseLeave: () => setVisible(false),
+      onFocusCapture: () => setVisible(true),
+      onBlurCapture: () => setVisible(false),
+      onKeyDown: (e) => {
+        if (e.key === "Escape" && visible) {
+          e.stopPropagation();
+          setVisible(false);
+        }
+      },
+      children: [
+        described,
+        visible && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "span",
+          {
+            id,
+            role: "tooltip",
+            style: {
+              position: "absolute",
+              bottom: "100%",
+              left: "50%",
+              transform: "translateX(-50%)",
+              // No gap between trigger and tooltip, so the pointer can travel onto it
+              // without leaving the hover target (WCAG 1.4.13 Hoverable).
+              paddingBottom: 4,
+              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 }) })
+          }
+        )
+      ]
+    }
+  );
 }
-var InstalledMenuButton = INSTALLED2.MenuButton;
-var InstalledMenu = INSTALLED2.Menu;
-var InstalledMenuItem = INSTALLED2.MenuItem;
-var HAS_INSTALLED_MENU = Boolean(InstalledMenuButton && InstalledMenu && InstalledMenuItem);
-function ActionMenu({ id, items, buttonIcon }) {
-  const [open, setOpen] = (0, import_react2.useState)(false);
-  const wrapRef = (0, import_react2.useRef)(null);
-  (0, import_react2.useEffect)(() => {
-    if (HAS_INSTALLED_MENU || !open) return;
+
+// src/compat/menu.tsx
+var import_react5 = require("react");
+var import_jsx_runtime5 = 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 shownItems = open ? frozenItems : items;
+  const close = (0, import_react5.useCallback)((returnFocus = true) => {
+    setOpen(false);
+    if (returnFocus) triggerRef.current?.focus();
+  }, []);
+  const openMenu = (0, import_react5.useCallback)((index) => {
+    setFrozenItems(items);
+    setActiveIndex(index);
+    setOpen(true);
+  }, [items]);
+  (0, import_react5.useEffect)(() => {
+    if (!open || INSTALLED_MENU) return;
+    itemRefs.current[activeIndex]?.focus();
+  }, [open, activeIndex]);
+  (0, import_react5.useEffect)(() => {
+    if (INSTALLED_MENU || !open) return;
     const onPointerDown = (e) => {
-      if (!wrapRef.current?.contains(e.target)) setOpen(false);
-    };
-    const onKeyDown = (e) => {
-      if (e.key === "Escape") setOpen(false);
+      if (wrapRef.current?.contains(e.target)) return;
+      const hadFocus = wrapRef.current?.contains(document.activeElement);
+      setOpen(false);
+      if (hadFocus) triggerRef.current?.focus();
     };
     document.addEventListener("mousedown", onPointerDown);
-    document.addEventListener("keydown", onKeyDown);
-    return () => {
-      document.removeEventListener("mousedown", onPointerDown);
-      document.removeEventListener("keydown", onKeyDown);
-    };
+    return () => document.removeEventListener("mousedown", onPointerDown);
   }, [open]);
-  const runAction = (0, import_react2.useCallback)((item) => {
-    setOpen(false);
+  const runAction = (0, import_react5.useCallback)((item) => {
+    close();
     item.onClick?.();
-  }, []);
-  if (HAS_INSTALLED_MENU && InstalledMenuButton && InstalledMenu && InstalledMenuItem) {
-    const MenuButton = InstalledMenuButton;
-    const Menu = InstalledMenu;
-    const MenuItem = InstalledMenuItem;
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  }, [close]);
+  if (INSTALLED_MENU) {
+    const { MenuButton, Menu, MenuItem } = INSTALLED_MENU;
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       MenuButton,
       {
         id,
-        button: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui.Button, { mode: "ghost", icon: buttonIcon, padding: 2 }),
+        button: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Button, { mode: "ghost", icon: buttonIcon, padding: 2, "aria-label": label }),
         popover: { placement: "bottom-end" },
-        menu: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Menu, { children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        menu: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Menu, { children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           MenuItem,
           {
             text: item.text,
             icon: item.icon,
             tone: item.tone,
-            ...item.href ? { as: "a", href: item.href, target: "_blank", rel: "noreferrer" } : { onClick: () => item.onClick?.() }
+            ...item.href ? { as: "a", href: item.href, target: "_blank", rel: "noreferrer" } : { onClick: item.onClick }
           },
-          item.text
+          itemKey(item, i)
         )) })
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { ref: wrapRef, style: { position: "relative" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_ui.Button,
+  const onMenuKeyDown = (e) => {
+    const last = shownItems.length - 1;
+    if (e.key === "Escape") {
+      e.stopPropagation();
+      close();
+      return;
+    }
+    if (e.key === "Tab") {
+      triggerRef.current?.focus();
+      setOpen(false);
+      return;
+    }
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      const item = shownItems[activeIndex];
+      if (item) {
+        if (item.href) {
+          itemRefs.current[activeIndex]?.click();
+        } else {
+          runAction(item);
+        }
+      }
+      return;
+    }
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      setActiveIndex((i) => i >= last ? 0 : i + 1);
+      return;
+    }
+    if (e.key === "ArrowUp") {
+      e.preventDefault();
+      setActiveIndex((i) => i <= 0 ? last : i - 1);
+      return;
+    }
+    if (e.key === "Home") {
+      e.preventDefault();
+      setActiveIndex(0);
+      return;
+    }
+    if (e.key === "End") {
+      e.preventDefault();
+      setActiveIndex(last);
+      return;
+    }
+  };
+  const onTriggerKeyDown = (e) => {
+    if (e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      openMenu(0);
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      openMenu(items.length - 1);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { ref: wrapRef, style: { position: "relative" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      Button,
       {
+        ref: triggerRef,
         mode: "ghost",
         icon: buttonIcon,
         padding: 2,
         id,
+        "aria-label": label,
         "aria-haspopup": "menu",
         "aria-expanded": open,
-        onClick: () => setOpen((o) => !o)
+        "aria-controls": open ? menuId : void 0,
+        onClick: () => open ? close() : openMenu(0),
+        onKeyDown: onTriggerKeyDown
       }
     ),
-    open && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_ui.Card,
+    open && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      Card,
       {
+        id: menuId,
         radius: 2,
         shadow: 3,
         padding: 1,
         role: "menu",
-        style: { position: "absolute", top: "100%", right: 0, marginTop: 4, zIndex: 1e3, minWidth: 180 },
-        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Stack, { space: 1, children: items.map((item) => {
+        "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) => {
           const Icon = item.icon;
-          const label = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ui.Flex, { align: "center", gap: 2, paddingX: 2, paddingY: 2, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { width: "1em", height: "1em" }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui.Text, { size: 1, children: item.text })
+          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 })
           ] });
-          return item.href ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          const content = item.tone === "critical" ? /* @__PURE__ */ (0, import_jsx_runtime5.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.
+            tabIndex: i === activeIndex ? 0 : -1,
+            ref: (el) => {
+              itemRefs.current[i] = el;
+            },
+            style: {
+              display: "block",
+              width: "100%",
+              textAlign: "left",
+              cursor: "pointer",
+              borderRadius: 3,
+              background: "none",
+              border: 0,
+              padding: 0,
+              font: "inherit",
+              color: "inherit",
+              textDecoration: "none",
+              // Card suppresses its own focus ring, so the active item draws one explicitly.
+              outline: i === activeIndex ? "2px solid var(--card-focus-ring-color, currentColor)" : "none",
+              outlineOffset: -2
+            }
+          };
+          return item.href ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "a",
             {
-              role: "menuitem",
+              ...shared,
               href: item.href,
               target: "_blank",
               rel: "noreferrer",
-              onClick: () => setOpen(false),
-              style: { color: "inherit", textDecoration: "none", display: "block" },
-              children: label
+              onClick: () => {
+                setOpen(false);
+                triggerRef.current?.focus();
+              },
+              children: content
             },
-            item.text
-          ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-            import_ui.Card,
+            itemKey(item, i)
+          ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            "div",
             {
-              as: "button",
-              role: "menuitem",
-              tone: item.tone === "critical" ? "critical" : "default",
-              radius: 1,
+              ...shared,
               onClick: () => runAction(item),
-              style: { display: "block", width: "100%", textAlign: "left", cursor: "pointer", border: 0, background: "none" },
-              children: label
+              children: content
             },
-            item.text
+            itemKey(item, i)
           );
         }) })
       }
     )
   ] });
 }
-var InstalledCode = INSTALLED2.Code;
+
+// src/compat/code.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var InstalledCode = resolveComponent(UI, "Code");
 var FALLBACK_CODE_STYLE = {
+  display: "block",
   fontFamily: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
   fontSize: "0.8125rem",
   lineHeight: 1.4,
   margin: 0
 };
 function Code({ style, children }) {
-  if (InstalledCode) return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(InstalledCode, { size: 1, style, children });
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("code", { style: { ...FALLBACK_CODE_STYLE, ...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 });
 }
 
-// src/components/DeployItem.tsx
-var import_react4 = require("react");
-var import_react_dom = require("react-dom");
-var import_ui5 = require("@sanity/ui");
-
 // src/lib/api.ts
 var BASE = "https://api.vercel.com";
 var VERCEL_HOOK_RE = /^https:\/\/api\.vercel\.com\/v1\/integrations\/deploy\//;
@@ -306,10 +597,14 @@ async function listDeployments(opts) {
   return data.deployments ?? [];
 }
 async function cancelDeployment(opts) {
-  const params = opts.teamId ? `?teamId=${opts.teamId}` : "";
-  await vercelFetch(`/v12/deployments/${opts.deploymentId}/cancel${params}`, opts.token, {
-    method: "PATCH"
-  });
+  const params = new URLSearchParams();
+  if (opts.teamId) params.set("teamId", opts.teamId);
+  const query = params.toString() ? `?${params}` : "";
+  await vercelFetch(
+    `/v12/deployments/${encodeURIComponent(opts.deploymentId)}/cancel${query}`,
+    opts.token,
+    { method: "PATCH" }
+  );
 }
 async function triggerDeploy(hookUrl) {
   if (!VERCEL_HOOK_RE.test(hookUrl)) {
@@ -373,6 +668,11 @@ function safeHref(url) {
     return void 0;
   }
 }
+function deploymentHref(host) {
+  if (!host) return void 0;
+  if (!/^[a-z0-9.-]+$/i.test(host)) return void 0;
+  return safeHref(`https://${host}`);
+}
 function shortSha(sha) {
   return sha ? sha.slice(0, 7) : "";
 }
@@ -415,27 +715,26 @@ function projectHref(inspectorUrl) {
 }
 
 // src/components/StatusBadge.tsx
-var import_ui2 = require("@sanity/ui");
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime7 = 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_runtime3.jsxs)(import_ui2.Flex, { align: "center", gap: 2, children: [
-    spinning && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui2.Spinner, { muted: true }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui2.Badge, { tone, padding: 2, children: label })
+  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 })
   ] });
 }
 
 // src/components/DeployHistory.tsx
-var import_react3 = require("react");
-var import_ui3 = require("@sanity/ui");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_react6 = require("react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function DeployHistory({ target, token, onClose }) {
-  const [deployments, setDeployments] = (0, import_react3.useState)([]);
-  const [loading, setLoading] = (0, import_react3.useState)(true);
-  const [error, setError] = (0, import_react3.useState)(null);
+  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 { projectId, hookId } = parseHookUrl(target.url);
-  const load = (0, import_react3.useCallback)(async () => {
+  const load = (0, import_react6.useCallback)(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -447,64 +746,68 @@ function DeployHistory({ target, token, onClose }) {
       setLoading(false);
     }
   }, [projectId, hookId, token, target.teamId]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     load();
   }, [load]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    import_ui3.Dialog,
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    Dialog,
     {
       header: `${target.name} \u2014 Deployment History`,
-      id: "deploy-history",
+      id: dialogId,
       onClose,
       width: 2,
-      footer: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui3.Box, { padding: 3, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui3.Button, { text: "Close", icon: CloseIcon, mode: "ghost", onClick: onClose }) }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_ui3.Box, { padding: 4, children: [
-        loading && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui3.Flex, { justify: "center", padding: 6, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui3.Spinner, { muted: true }) }),
-        error && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui3.Card, { tone: "critical", padding: 4, radius: 2, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui3.Text, { size: 1, children: error }) }),
-        !loading && !error && deployments.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui3.Card, { tone: "transparent", padding: 4, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui3.Text, { size: 1, muted: true, align: "center", children: "No deployments found for this hook." }) }),
-        !loading && deployments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Stack, { space: 2, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui3.Card, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_ui3.Flex, { gap: 3, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui3.Box, { flex: 2, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui3.Text, { size: 0, weight: "semibold", muted: true, children: "Preview URL" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui3.Box, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui3.Text, { size: 0, weight: "semibold", muted: true, children: "Status" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui3.Box, { flex: 2, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui3.Text, { size: 0, weight: "semibold", muted: true, children: "Branch \xB7 Commit" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui3.Box, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui3.Text, { size: 0, weight: "semibold", muted: true, children: "Deployed" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui3.Box, { style: { width: 64 }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui3.Text, { size: 0, weight: "semibold", muted: true, children: "Logs" }) })
+      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" }) })
           ] }) }),
           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_runtime4.jsx)(import_ui3.Card, { padding: 3, radius: 2, shadow: 1, tone: "default", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_ui3.Flex, { gap: 3, align: "center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui3.Box, { flex: 2, style: { overflow: "hidden" }, children: d.url ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            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)(
                 "a",
                 {
-                  href: `https://${d.url}`,
+                  href: deploymentHref(d.url),
                   target: "_blank",
                   rel: "noreferrer",
                   style: { color: "inherit" },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui3.Text, { size: 1, style: { textDecoration: "underline" }, children: d.url.length > 36 ? `${d.url.slice(0, 36)}\u2026` : d.url })
+                  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 })
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui3.Text, { size: 1, muted: true, children: "\u2014" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui3.Box, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui3.Badge, { tone, children: label }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui3.Box, { flex: 2, style: { overflow: "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Stack, { space: 1, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui3.Text, { size: 1, children: branch }),
-                sha && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_ui3.Text, { size: 0, muted: true, children: [
+              ) : /* @__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: [
                   sha,
                   message ? ` \xB7 ${message.slice(0, 40)}${message.length > 40 ? "\u2026" : ""}` : ""
                 ] })
               ] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui3.Box, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui3.Text, { size: 1, muted: true, children: timeAgo(d.created) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui3.Box, { style: { width: 64 }, children: safeHref(d.inspectorUrl) ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("a", { href: safeHref(d.inspectorUrl), target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-                import_ui3.Button,
+              /* @__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)(
+                Button,
                 {
+                  as: "a",
+                  href: safeHref(d.inspectorUrl),
+                  target: "_blank",
+                  rel: "noreferrer",
                   text: "Logs",
                   mode: "ghost",
                   tone: "default",
                   icon: LaunchIcon,
                   style: { fontSize: "12px" }
                 }
-              ) }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui3.Text, { size: 1, muted: true, children: "\u2014" }) })
+              ) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { size: 1, muted: true, children: "\u2014" }) })
             ] }) }, d.uid);
           })
         ] })
@@ -514,58 +817,72 @@ function DeployHistory({ target, token, onClose }) {
 }
 
 // src/components/DeployItem.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime9 = 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_react4.useState)([]);
-  const [loadingInitial, setLoadingInitial] = (0, import_react4.useState)(true);
-  const [pendingSince, setPendingSince] = (0, import_react4.useState)(null);
-  const [canceling, setCanceling] = (0, import_react4.useState)(false);
-  const [deployError, setDeployError] = (0, import_react4.useState)(null);
-  const [showHistory, setShowHistory] = (0, import_react4.useState)(false);
-  const [elapsed, setElapsed] = (0, import_react4.useState)(0);
-  const [copied, setCopied] = (0, import_react4.useState)(false);
-  const [showDetails, setShowDetails] = (0, import_react4.useState)(false);
-  const [showErrorLogs, setShowErrorLogs] = (0, import_react4.useState)(false);
-  const [errorLines, setErrorLines] = (0, import_react4.useState)([]);
-  const [loadingLogs, setLoadingLogs] = (0, import_react4.useState)(false);
-  const [logError, setLogError] = (0, import_react4.useState)(null);
-  const triggeredFromUidRef = (0, import_react4.useRef)(void 0);
+  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)(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+    };
+  }, []);
   const latest = deployments[0];
   const isPending = pendingSince !== null;
   const isActive = isPending || isActiveState(latest?.state);
-  const fetchDeployments = (0, import_react4.useCallback)(async () => {
+  const fetchDeployments = (0, import_react7.useCallback)(async () => {
     if (!projectId || !hookId || !token) return;
+    const seq = ++requestSeqRef.current;
     try {
       const data = await listDeployments({ projectId, hookId, token, teamId: target.teamId });
+      if (seq !== requestSeqRef.current || !mountedRef.current) return;
       setDeployments(data);
+      setPollError(null);
     } catch (err) {
-      console.error("deploy-vercel-from-sanity: fetch error", err);
+      if (seq !== requestSeqRef.current || !mountedRef.current) return;
+      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_react4.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     fetchDeployments().finally(() => setLoadingInitial(false));
   }, [fetchDeployments]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (!isActive) return;
     const id = setInterval(fetchDeployments, POLL_INTERVAL_MS);
     return () => clearInterval(id);
   }, [isActive, fetchDeployments]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (!isPending) return;
     if (latest?.uid && latest.uid !== triggeredFromUidRef.current) setPendingSince(null);
   }, [isPending, latest?.uid]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (!isPending) return;
     const id = setTimeout(() => setPendingSince(null), PENDING_TIMEOUT_MS);
     return () => clearTimeout(id);
   }, [isPending]);
-  const prevStateRef = (0, import_react4.useRef)(void 0);
-  (0, import_react4.useEffect)(() => {
+  const prevStateRef = (0, import_react7.useRef)(void 0);
+  (0, import_react7.useEffect)(() => {
     const current = latest?.state;
     const prev = prevStateRef.current;
     if (prev && isActiveState(prev) && current && !isActiveState(current)) {
@@ -579,13 +896,13 @@ function DeployItem({ target, token, onDelete, onEdit }) {
     }
     prevStateRef.current = current;
   }, [latest?.state, target.name, toast]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     setShowErrorLogs(false);
     setErrorLines([]);
     setLogError(null);
   }, [latest?.uid]);
-  const timerRef = (0, import_react4.useRef)(null);
-  (0, import_react4.useEffect)(() => {
+  const timerRef = (0, import_react7.useRef)(null);
+  (0, import_react7.useEffect)(() => {
     if (isActive) {
       const start = pendingSince ?? latest?.created ?? Date.now();
       setElapsed(Math.floor((Date.now() - start) / 1e3));
@@ -600,7 +917,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
       if (timerRef.current) clearInterval(timerRef.current);
     };
   }, [isActive, pendingSince, latest?.created]);
-  const deploy = (0, import_react4.useCallback)(() => {
+  const deploy = (0, import_react7.useCallback)(() => {
     (0, import_react_dom.flushSync)(() => {
       setDeployError(null);
       triggeredFromUidRef.current = latest?.uid;
@@ -616,7 +933,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
       }
     })();
   }, [target.url, fetchDeployments, latest?.uid]);
-  const cancel = (0, import_react4.useCallback)(async () => {
+  const cancel = (0, import_react7.useCallback)(async () => {
     if (!latest?.uid) return;
     setCanceling(true);
     try {
@@ -628,9 +945,9 @@ function DeployItem({ target, token, onDelete, onEdit }) {
       setCanceling(false);
     }
   }, [latest?.uid, token, target.teamId, fetchDeployments]);
-  const copyUrl = (0, import_react4.useCallback)(() => {
+  const copyUrl = (0, import_react7.useCallback)(() => {
     if (!latest?.url) return;
-    const fullUrl = `https://${latest.url}`;
+    const fullUrl = deploymentHref(latest.url) ?? "";
     navigator.clipboard.writeText(fullUrl).then(() => {
       setCopied(true);
       setTimeout(() => setCopied(false), 2e3);
@@ -638,7 +955,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
       window.prompt("Copy deployment URL:", fullUrl);
     });
   }, [latest?.url]);
-  const fetchErrorLogs = (0, import_react4.useCallback)(async () => {
+  const fetchErrorLogs = (0, import_react7.useCallback)(async () => {
     if (!latest?.uid) return;
     setLoadingLogs(true);
     setLogError(null);
@@ -656,7 +973,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
       setLoadingLogs(false);
     }
   }, [latest?.uid, token, target.teamId]);
-  const toggleErrorLogs = (0, import_react4.useCallback)(() => {
+  const toggleErrorLogs = (0, import_react7.useCallback)(() => {
     if (!showErrorLogs && errorLines.length === 0 && !logError) fetchErrorLogs();
     setShowErrorLogs((v) => !v);
   }, [showErrorLogs, errorLines.length, logError, fetchErrorLogs]);
@@ -664,26 +981,26 @@ function DeployItem({ target, token, onDelete, onEdit }) {
   const commitMsg = latest?.meta?.githubCommitMessage?.split("\n")[0];
   const sha = shortSha(latest?.meta?.githubCommitSha);
   const fullSha = latest?.meta?.githubCommitSha;
-  const commitHref = githubCommitHref(latest?.meta);
+  const commitHref = safeHref(githubCommitHref(latest?.meta) ?? void 0);
   const creator = latest?.creator?.username;
   const deployedAt = latest?.created ? timeAgo(latest.created) : null;
   const vercelProjectUrl = projectHref(latest?.inspectorUrl);
   const isError = latest?.state === "ERROR";
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Card, { radius: 2, shadow: 1, tone: "default", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { align: "stretch", className: "dvfs-card-flex", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { direction: "column", flex: 1, style: { minWidth: 0 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Stack, { space: 3, padding: 3, style: { flex: 1 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { align: "center", justify: "space-between", gap: 2, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { align: "center", gap: 2, style: { minWidth: 0, flexWrap: "wrap" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 2, weight: "semibold", style: { flexShrink: 0 }, children: target.name }),
-              branch && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Badge, { tone: "default", padding: 2, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { align: "center", gap: 1, children: [
+  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: [
                 branch,
-                /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime5.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_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" }) })
               ] }) }),
-              token && !loadingInitial && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-                isPending ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(StatusBadge, { state: "QUEUED" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(StatusBadge, { state: latest?.state }),
-                isActiveState(latest?.state) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                  import_ui5.Button,
+              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)(
+                  Button,
                   {
                     text: "Cancel",
                     mode: "ghost",
@@ -696,17 +1013,18 @@ function DeployItem({ target, token, onDelete, onEdit }) {
                 ),
                 isPending ? (
                   /* Optimistic — dimmed spinner only; no elapsed time until a real build exists */
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Spinner, { muted: true, style: { marginLeft: 4, opacity: 0.5 } })
-                ) : isActive ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { align: "center", gap: 1, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Spinner, { muted: true, style: { marginLeft: 4 } }),
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 1, muted: true, children: formatDuration(elapsed) })
-                ] }) : deployedAt ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 1, muted: true, children: deployedAt }) : null
+                  /* @__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_runtime5.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
               ActionMenu,
               {
                 id: `menu-${target._id}`,
+                label: `Actions for ${target.name}`,
                 buttonIcon: EllipsisVerticalIcon,
                 items: [
                   { text: "Edit target", icon: EditIcon, onClick: () => onEdit(target) },
@@ -718,56 +1036,75 @@ function DeployItem({ target, token, onDelete, onEdit }) {
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("hr", { style: { border: "none", borderTop: "1px solid currentColor", opacity: 0.1, margin: 0 } }),
-          !token ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 1, muted: true, children: "Connect a Vercel API token to see deployment status." }) : loadingInitial ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { align: "center", gap: 2, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Spinner, { muted: true }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 1, muted: true, children: "Loading\u2026" })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Stack, { space: 2, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { align: "center", gap: 2, wrap: "wrap", children: [
-              latest?.url && latest.state === "READY" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          /* @__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)(
                 "a",
                 {
-                  href: `https://${latest.url}`,
+                  href: deploymentHref(latest.url),
                   target: "_blank",
                   rel: "noreferrer",
                   style: { color: "inherit" },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Flex, { align: "center", gap: 1, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 1, children: latest.url }) })
+                  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 }) })
                 }
               ) }),
-              sha && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Tooltip, { text: commitMsg ?? sha, children: commitHref ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              sha && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Tooltip, { text: commitMsg ?? sha, children: commitHref ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                 "a",
                 {
                   href: commitHref,
                   target: "_blank",
                   rel: "noreferrer",
                   style: { color: "inherit", textDecoration: "none" },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 1, muted: true, style: { cursor: "pointer", fontFamily: "monospace" }, children: sha })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: 1, muted: true, style: { cursor: "pointer", fontFamily: "monospace" }, children: sha })
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 1, muted: true, style: { cursor: "default", fontFamily: "monospace" }, children: sha }) }),
-              creator && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Text, { size: 1, muted: true, children: [
+              ) : /* @__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: [
                 "by ",
                 creator
               ] }),
-              latest?.state === "READY" && latest.ready && latest.created && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Text, { size: 1, muted: true, children: [
+              latest?.state === "READY" && latest.ready && latest.created && /* @__PURE__ */ (0, import_jsx_runtime9.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_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Tooltip, { text: copied ? "Copied!" : "Copy URL", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                import_ui5.Button,
-                {
-                  mode: "ghost",
-                  icon: copied ? CheckmarkIcon : CopyIcon,
-                  padding: 1,
-                  tone: copied ? "positive" : "default",
-                  onClick: copyUrl,
-                  style: { cursor: "pointer" }
-                }
-              ) }) })
+              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)(
+                  Button,
+                  {
+                    mode: "ghost",
+                    icon: copied ? CheckmarkIcon : CopyIcon,
+                    padding: 1,
+                    tone: copied ? "positive" : "default",
+                    onClick: copyUrl,
+                    "aria-label": copied ? "Deployment URL copied" : "Copy deployment URL",
+                    style: { cursor: "pointer" }
+                  }
+                ) }),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                  "span",
+                  {
+                    role: "status",
+                    "aria-live": "polite",
+                    style: {
+                      position: "absolute",
+                      width: 1,
+                      height: 1,
+                      overflow: "hidden",
+                      clip: "rect(0 0 0 0)",
+                      whiteSpace: "nowrap"
+                    },
+                    children: copied ? "Deployment URL copied to clipboard" : ""
+                  }
+                )
+              ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { align: "center", gap: 2, wrap: "wrap", children: [
-              commitMsg && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                import_ui5.Text,
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Flex, { align: "center", gap: 2, wrap: "wrap", children: [
+              commitMsg && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                Text,
                 {
                   size: 0,
                   muted: true,
@@ -775,10 +1112,11 @@ function DeployItem({ target, token, onDelete, onEdit }) {
                   children: commitMsg
                 }
               ),
-              isError && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Stack, { space: 2, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                  import_ui5.Button,
+              isError && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Stack, { space: 2, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                  Button,
                   {
+                    "aria-expanded": showErrorLogs,
                     text: showErrorLogs ? "Hide error details" : "Show error details",
                     mode: "ghost",
                     tone: "critical",
@@ -789,37 +1127,45 @@ function DeployItem({ target, token, onDelete, onEdit }) {
                     style: { alignSelf: "flex-start", cursor: "pointer" }
                   }
                 ),
-                showErrorLogs && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Card, { tone: "critical", radius: 2, padding: 3, children: [
-                  loadingLogs && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { align: "center", gap: 2, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Spinner, { muted: true }),
-                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 1, muted: true, children: "Loading logs\u2026" })
+                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" })
                   ] }),
-                  logError && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Stack, { space: 2, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 1, children: logError }),
-                    safeHref(latest?.inspectorUrl) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("a", { href: safeHref(latest?.inspectorUrl), target: "_blank", rel: "noreferrer", style: { color: "inherit" }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { align: "center", gap: 1, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LaunchIcon, {}),
-                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 1, children: "View full logs in Vercel" })
+                  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" })
                     ] }) })
                   ] }),
-                  !loadingLogs && !logError && errorLines.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Stack, { space: 2, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Box, { style: { maxHeight: 240, overflowY: "auto", fontFamily: "monospace", fontSize: 13, lineHeight: 1.6 }, children: errorLines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Code, { style: { display: "block", whiteSpace: "pre-wrap", wordBreak: "break-all" }, children: line }, i)) }),
-                    safeHref(latest?.inspectorUrl) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("a", { href: safeHref(latest?.inspectorUrl), target: "_blank", rel: "noreferrer", style: { color: "inherit" }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { align: "center", gap: 1, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LaunchIcon, {}),
-                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.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" })
                     ] }) })
                   ] })
                 ] })
               ] }),
-              deployError && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Card, { tone: "critical", padding: 2, radius: 2, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 1, children: deployError }) })
+              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 }) })
             ] })
-          ] })
+          ] }),
+          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: [
+              "Status updates paused \u2014 ",
+              pollError
+            ] })
+          ] }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Box, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-            import_ui5.Button,
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Box, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            Button,
             {
               mode: "ghost",
               iconRight: showDetails ? ChevronUpIcon : ChevronDownIcon,
+              "aria-expanded": showDetails,
               text: "Details",
               fontSize: 0,
               padding: 3,
@@ -827,62 +1173,62 @@ function DeployItem({ target, token, onDelete, onEdit }) {
               style: { width: "100%", justifyContent: "flex-start", borderRadius: 0, cursor: "pointer" }
             }
           ),
-          showDetails && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.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_runtime5.jsxs)(Stack, { space: 2, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Project" }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: projectId || "\u2014" })
+          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" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Hook" }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: hookId || "\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" })
             ] }),
-            target.teamId && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Team" }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: target.teamId })
+            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 })
             ] }),
-            fullSha && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { gap: 2, align: "flex-start", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Commit" }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 0, muted: true, style: { fontFamily: "monospace", wordBreak: "break-all" }, children: fullSha })
+            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 })
             ] }),
-            latest?.meta?.githubCommitAuthorName && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Author" }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 0, muted: true, children: latest.meta.githubCommitAuthorName })
+            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 })
             ] }),
-            branch && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Branch" }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: branch })
+            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 })
             ] }),
-            latest?.uid && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Deploy ID" }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: latest.uid })
+            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?.url && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { gap: 2, align: "flex-start", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "URL" }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 0, muted: true, style: { fontFamily: "monospace", wordBreak: "break-all" }, children: latest.url })
+            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 })
             ] }),
-            safeHref(latest?.inspectorUrl) && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Inspector" }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("a", { href: safeHref(latest?.inspectorUrl), target: "_blank", rel: "noreferrer", style: { color: "inherit" }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { align: "center", gap: 1, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: "Open in Vercel" }),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LaunchIcon, { style: { width: 10, height: 10 } })
+            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 } })
               ] }) })
             ] }),
-            latest?.created && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Created" }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 0, muted: true, children: new Date(latest.created).toLocaleString() })
+            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() })
             ] })
           ] }) })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        import_ui5.Flex,
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        Flex,
         {
           direction: "column",
           gap: 2,
           className: "dvfs-deploy-col",
           style: { flexShrink: 0, alignSelf: "stretch" },
-          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-            import_ui5.Button,
+          children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            Button,
             {
               text: "Deploy",
               tone: "primary",
@@ -901,7 +1247,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
         }
       )
     ] }) }),
-    showHistory && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    showHistory && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       DeployHistory,
       {
         target,
@@ -913,17 +1259,19 @@ function DeployItem({ target, token, onDelete, onEdit }) {
 }
 
 // src/components/TokenSetup.tsx
-var import_react5 = require("react");
+var import_react8 = require("react");
 var import_sanity = require("sanity");
-var import_ui7 = require("@sanity/ui");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var TOKEN_DOC_ID = "config.vercelDeploy";
-function TokenSetup({ onSaved, onCancel }) {
+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_react5.useState)("");
-  const [saving, setSaving] = (0, import_react5.useState)(false);
-  const [error, setError] = (0, import_react5.useState)(null);
-  const save = (0, import_react5.useCallback)(async () => {
+  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 () => {
     if (!token.trim()) return;
     setSaving(true);
     setError(null);
@@ -940,45 +1288,73 @@ function TokenSetup({ onSaved, onCancel }) {
       setSaving(false);
     }
   }, [client, token, onSaved]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    import_ui7.Dialog,
+  const revoke = (0, import_react8.useCallback)(async () => {
+    setRevoking(true);
+    setError(null);
+    try {
+      await client.delete(TOKEN_DOC_ID);
+      onSaved();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to remove token");
+    } finally {
+      setRevoking(false);
+    }
+  }, [client, onSaved]);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    Dialog,
     {
       header: "Connect Vercel API token",
-      id: "token-setup",
+      id: dialogId,
       onClose: onCancel,
       width: 1,
-      footer: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_ui7.Flex, { padding: 3, gap: 2, justify: "flex-end", children: [
-        onCancel && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ui7.Button, { text: "Cancel", mode: "ghost", onClick: onCancel, style: { cursor: "pointer" } }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          import_ui7.Button,
+      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)(
+          Button,
           {
-            text: "Save and connect",
-            tone: "primary",
-            icon: CheckmarkCircleIcon,
-            loading: saving,
-            disabled: !token.trim() || saving,
-            onClick: save,
+            text: "Remove token",
+            mode: "ghost",
+            tone: "critical",
+            icon: TrashIcon,
+            loading: revoking,
+            disabled: revoking || saving,
+            onClick: revoke,
             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)(
+            Button,
+            {
+              text: "Save and connect",
+              tone: "primary",
+              icon: CheckmarkCircleIcon,
+              loading: saving,
+              disabled: !token.trim() || saving,
+              onClick: save,
+              style: { cursor: "pointer" }
+            }
+          )
+        ] })
       ] }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Stack, { space: 4, padding: 4, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Stack, { space: 3, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ui7.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_runtime6.jsxs)(import_ui7.Text, { size: 1, muted: true, children: [
+      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: [
             "Create one at ",
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { children: "vercel.com \u2192 Settings \u2192 Tokens" }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { children: "vercel.com \u2192 Settings \u2192 Tokens" }),
             " with",
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { children: "Full Account" }),
+            /* @__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."
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Stack, { space: 2, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ui7.Text, { size: 1, weight: "semibold", children: "Vercel API Token" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            import_ui7.TextInput,
+        /* @__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)(
+            TextInput,
             {
+              id: tokenId,
               value: token,
               onChange: (e) => setToken(e.target.value),
               placeholder: "xxxxxxxxxxxxxxxxxxxxxxxx",
@@ -986,30 +1362,37 @@ function TokenSetup({ onSaved, onCancel }) {
             }
           )
         ] }),
-        error && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ui7.Card, { tone: "critical", padding: 3, radius: 2, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ui7.Text, { size: 1, children: error }) })
+        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 }) })
       ] })
     }
   );
 }
 
 // src/components/DeployTargetForm.tsx
-var import_react6 = require("react");
+var import_react9 = require("react");
 var import_sanity2 = require("sanity");
-var import_ui9 = require("@sanity/ui");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime11 = 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 isEdit = Boolean(initial);
-  const [name, setName] = (0, import_react6.useState)(initial?.name ?? "");
-  const [url, setUrl] = (0, import_react6.useState)(initial?.url ?? "");
-  const [teamId, setTeamId] = (0, import_react6.useState)(initial?.teamId ?? "");
-  const [disableDelete, setDisableDelete] = (0, import_react6.useState)(initial?.disableDeleteAction ?? false);
-  const [saving, setSaving] = (0, import_react6.useState)(false);
-  const [error, setError] = (0, import_react6.useState)(null);
+  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 urlValid = !url || VERCEL_HOOK_RE2.test(url.trim());
   const canSave = name.trim() && url.trim() && urlValid;
-  const save = (0, import_react6.useCallback)(async () => {
+  const save = (0, import_react9.useCallback)(async () => {
     if (!canSave) return;
     setSaving(true);
     setError(null);
@@ -1032,17 +1415,17 @@ function DeployTargetForm({ initial, onSaved, onClose }) {
       setSaving(false);
     }
   }, [canSave, isEdit, initial, client, name, url, teamId, disableDelete, onSaved]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-    import_ui9.Dialog,
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    Dialog,
     {
       header: isEdit ? `Edit "${initial?.name}"` : "Add deploy target",
-      id: "deploy-target-form",
+      id: dialogId,
       onClose,
       width: 1,
-      footer: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_ui9.Flex, { padding: 3, gap: 2, justify: "flex-end", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_ui9.Button, { text: "Cancel", mode: "ghost", onClick: onClose, style: { cursor: "pointer" } }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          import_ui9.Button,
+      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)(
+          Button,
           {
             text: isEdit ? "Save changes" : "Add target",
             tone: "primary",
@@ -1054,95 +1437,105 @@ function DeployTargetForm({ initial, onSaved, onClose }) {
           }
         )
       ] }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_ui9.Box, { padding: 4, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Stack, { space: 4, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Stack, { space: 2, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_ui9.Label, { size: 1, children: [
+      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: [
             "Name ",
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { color: "var(--card-fg-color)" }, children: "*" })
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { "aria-hidden": "true", children: "*" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-            import_ui9.TextInput,
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            TextInput,
             {
+              id: nameId,
+              required: true,
+              "aria-required": "true",
               value: name,
               onChange: (e) => setName(e.target.value),
               placeholder: "Production"
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Stack, { space: 2, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_ui9.Label, { size: 1, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Stack, { space: 2, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Label, { as: "label", size: 1, htmlFor: urlId, children: [
             "Deploy hook URL ",
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { color: "var(--card-fg-color)" }, children: "*" })
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { "aria-hidden": "true", children: "*" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-            import_ui9.TextInput,
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            TextInput,
             {
+              id: urlId,
+              required: true,
+              "aria-required": "true",
+              "aria-invalid": Boolean(url) && !urlValid,
+              "aria-describedby": `${urlHelpId}${url && !urlValid ? ` ${urlErrorId}` : ""}`,
               value: url,
               onChange: (e) => setUrl(e.target.value),
               placeholder: "https://api.vercel.com/v1/integrations/deploy/\u2026"
             }
           ),
-          url && !urlValid && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_ui9.Text, { size: 1, style: { color: "var(--card-critical-fg-color, red)" }, children: "Must be a Vercel deploy hook URL (api.vercel.com/v1/integrations/deploy/\u2026)" }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_ui9.Text, { size: 0, muted: true, children: "Vercel dashboard \u2192 Project \u2192 Settings \u2192 Git \u2192 Deploy Hooks" })
+          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" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Stack, { space: 2, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_ui9.Label, { size: 1, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Stack, { space: 2, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Label, { as: "label", size: 1, htmlFor: teamId_, children: [
             "Team ID ",
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { opacity: 0.5, fontWeight: "normal" }, children: "\u2014 optional" })
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { style: { opacity: 0.5, fontWeight: "normal" }, children: "\u2014 optional" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-            import_ui9.TextInput,
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            TextInput,
             {
+              id: teamId_,
+              "aria-describedby": teamHelpId,
               value: teamId,
               onChange: (e) => setTeamId(e.target.value),
               placeholder: "team_xxxxxxxx"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_ui9.Text, { size: 0, muted: true, children: [
+          /* @__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_runtime7.jsx)("code", { children: "team_" }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("code", { children: "team_" }),
             ")."
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_ui9.Flex, { align: "center", gap: 3, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-            import_ui9.Switch,
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Flex, { align: "center", gap: 3, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            Switch,
             {
               checked: disableDelete,
               onChange: (e) => setDisableDelete(e.target.checked),
-              id: "disable-delete"
+              id: disableId
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Stack, { space: 1, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_ui9.Label, { as: "label", size: 1, htmlFor: "disable-delete", children: "Disable delete action" }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_ui9.Text, { size: 0, muted: true, children: "Hides the delete button for this target in the studio." })
+          /* @__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." })
           ] })
         ] }),
-        error && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_ui9.Card, { tone: "critical", padding: 3, radius: 2, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_ui9.Text, { size: 1, children: error }) })
+        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 }) })
       ] }) })
     }
   );
 }
 
 // src/version.ts
-var VERSION = "1.1.1";
+var VERSION = "1.2.1";
 
 // src/components/DeployTool.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var TOKEN_QUERY = `*[_id == "config.vercelDeploy"][0].accessToken`;
-var TARGETS_QUERY = `*[_type == "vercel_deploy"] | order(_createdAt asc)`;
+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 toast = useToast();
-  const [token, setToken] = (0, import_react7.useState)(null);
-  const [targets, setTargets] = (0, import_react7.useState)([]);
-  const [loading, setLoading] = (0, import_react7.useState)(true);
-  const [showTokenSetup, setShowTokenSetup] = (0, import_react7.useState)(false);
-  const [showCreateForm, setShowCreateForm] = (0, import_react7.useState)(false);
-  const [pendingEdit, setPendingEdit] = (0, import_react7.useState)(null);
-  const [pendingDelete, setPendingDelete] = (0, import_react7.useState)(null);
-  const [deleting, setDeleting] = (0, import_react7.useState)(false);
-  const load = (0, import_react7.useCallback)(async () => {
+  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 () => {
     setLoading(true);
     try {
       const [fetchedToken, fetchedTargets] = await Promise.all([
@@ -1157,11 +1550,20 @@ function DeployTool() {
       setLoading(false);
     }
   }, [client]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     load();
   }, [load]);
-  (0, import_react7.useEffect)(() => {
-    if (document.getElementById("dvfs-styles")) return;
+  (0, import_react10.useEffect)(() => {
+    const existing = document.getElementById("dvfs-styles");
+    if (existing) {
+      const n = Number(existing.dataset.refs ?? "1") + 1;
+      existing.dataset.refs = String(n);
+      return () => {
+        const left = Number(existing.dataset.refs ?? "1") - 1;
+        existing.dataset.refs = String(left);
+        if (left <= 0) existing.remove();
+      };
+    }
     const style = document.createElement("style");
     style.id = "dvfs-styles";
     style.textContent = `
@@ -1182,11 +1584,14 @@ function DeployTool() {
 			}
 		`;
     document.head.appendChild(style);
+    style.dataset.refs = "1";
     return () => {
-      document.getElementById("dvfs-styles")?.remove();
+      const left = Number(style.dataset.refs ?? "1") - 1;
+      style.dataset.refs = String(left);
+      if (left <= 0) style.remove();
     };
   }, []);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react10.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);
@@ -1194,11 +1599,13 @@ function DeployTool() {
     });
     return () => sub.unsubscribe();
   }, [client]);
-  const confirmDelete = (0, import_react7.useCallback)(async () => {
+  const confirmDelete = (0, import_react10.useCallback)(async () => {
     if (!pendingDelete) return;
     setDeleting(true);
     try {
       await client.delete(pendingDelete._id);
+      await client.delete(`drafts.${pendingDelete._id}`).catch(() => {
+      });
       setTargets((prev) => prev.filter((t) => t._id !== pendingDelete._id));
       toast.push({ status: "success", title: `Deleted "${pendingDelete.name}"` });
     } catch (err) {
@@ -1209,15 +1616,15 @@ function DeployTool() {
     }
   }, [client, pendingDelete, toast]);
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ui11.Card, { height: "fill", tone: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ui11.Flex, { align: "center", justify: "center", height: "fill", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ui11.Spinner, { muted: true }) }) });
+    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_runtime8.jsxs)(import_ui11.Card, { height: "fill", tone: "transparent", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ui11.Box, { padding: 5, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Stack, { space: 5, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_ui11.Flex, { align: "center", justify: "space-between", className: "dvfs-header", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ui11.Heading, { size: 2, children: "Deploy with Vercel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_ui11.Flex, { align: "center", gap: 3, className: "dvfs-header-actions", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-            import_ui11.Button,
+  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)(
+            Button,
             {
               text: token ? "Token connected" : "Connect API token",
               mode: "ghost",
@@ -1228,8 +1635,8 @@ function DeployTool() {
               style: { cursor: "pointer" }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-            import_ui11.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            Button,
             {
               text: "Add target",
               mode: "ghost",
@@ -1241,13 +1648,13 @@ function DeployTool() {
           )
         ] })
       ] }),
-      !token && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ui11.Card, { padding: 4, radius: 2, tone: "caution", shadow: 1, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_ui11.Flex, { align: "center", justify: "space-between", gap: 4, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Stack, { space: 2, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ui11.Text, { size: 1, weight: "semibold", children: "Deploy status is not connected" }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ui11.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." })
+      !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." })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          import_ui11.Button,
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          Button,
           {
             text: "Connect",
             tone: "caution",
@@ -1257,16 +1664,16 @@ function DeployTool() {
           }
         )
       ] }) }),
-      targets.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ui11.Card, { padding: 5, radius: 2, tone: "transparent", shadow: 1, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Stack, { space: 4, style: { textAlign: "center" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ui11.Text, { size: 2, weight: "semibold", children: "No deploy targets configured" }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_ui11.Text, { size: 1, muted: true, children: [
+      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: [
           "Add a deploy target using the button above, or create a",
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("code", { children: "vercel_deploy" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("code", { children: "vercel_deploy" }),
           " document directly in the dataset."
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ui11.Flex, { justify: "center", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          import_ui11.Button,
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Flex, { justify: "center", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          Button,
           {
             text: "Add deploy target",
             tone: "primary",
@@ -1276,12 +1683,12 @@ function DeployTool() {
           }
         ) })
       ] }) }),
-      targets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "dvfs-grid", style: {
+      targets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.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_runtime8.jsx)(
+      }, children: targets.map((target) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         DeployItem,
         {
           target,
@@ -1292,8 +1699,8 @@ function DeployTool() {
         target._id
       )) })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      import_ui11.Box,
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      Box,
       {
         style: {
           position: "fixed",
@@ -1303,23 +1710,24 @@ function DeployTool() {
           pointerEvents: "none",
           userSelect: "none"
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_ui11.Text, { size: 0, muted: true, children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Text, { size: 0, muted: true, children: [
           "v",
           VERSION
         ] })
       }
     ),
-    showTokenSetup && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    showTokenSetup && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       TokenSetup,
       {
         onSaved: () => {
           setShowTokenSetup(false);
           load();
         },
-        onCancel: token ? () => setShowTokenSetup(false) : void 0
+        onCancel: () => setShowTokenSetup(false),
+        hasToken: Boolean(token)
       }
     ),
-    showCreateForm && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    showCreateForm && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       DeployTargetForm,
       {
         onSaved: () => {
@@ -1329,7 +1737,7 @@ function DeployTool() {
         onClose: () => setShowCreateForm(false)
       }
     ),
-    pendingEdit && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    pendingEdit && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       DeployTargetForm,
       {
         initial: pendingEdit,
@@ -1340,16 +1748,16 @@ function DeployTool() {
         onClose: () => setPendingEdit(null)
       }
     ),
-    pendingDelete && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      import_ui11.Dialog,
+    pendingDelete && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      Dialog,
       {
         header: "Delete deploy target?",
         id: "confirm-delete",
         onClose: () => setPendingDelete(null),
         width: 1,
-        footer: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_ui11.Flex, { padding: 3, gap: 2, justify: "flex-end", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-            import_ui11.Button,
+        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",
@@ -1357,8 +1765,8 @@ function DeployTool() {
               style: { cursor: "pointer" }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-            import_ui11.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            Button,
             {
               text: "Delete",
               tone: "critical",
@@ -1370,26 +1778,59 @@ function DeployTool() {
             }
           )
         ] }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ui11.Box, { padding: 4, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Stack, { space: 3, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_ui11.Flex, { align: "center", gap: 2, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(WarningOutlineIcon, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ui11.Text, { size: 2, weight: "semibold", children: pendingDelete.name })
+        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 })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ui11.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)(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_runtime8.jsx)(ToastViewport, {})
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ToastViewport, {})
   ] });
 }
 
 // src/schema/vercelDeploy.ts
 var import_sanity4 = 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)(
+  function SchemaRocketIcon2(props, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      "svg",
+      {
+        width: "1em",
+        height: "1em",
+        viewBox: "0 0 25 25",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        "aria-hidden": "true",
+        focusable: "false",
+        ...props,
+        ref,
+        children: /* @__PURE__ */ (0, import_jsx_runtime13.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",
+            stroke: "currentColor",
+            strokeWidth: 1.2,
+            strokeLinejoin: "round"
+          }
+        )
+      }
+    );
+  }
+);
+
+// src/schema/vercelDeploy.ts
 var vercelDeploySchema = (0, import_sanity4.defineType)({
   name: "vercel_deploy",
   title: "Deploy Target",
   type: "document",
-  icon: RocketIcon,
+  icon: SchemaRocketIcon,
   fields: [
     (0, import_sanity4.defineField)({
       name: "name",