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

package/dist/index.mjs

@@ -3,18 +3,39 @@ import { definePlugin } from "sanity";
 
 // src/icons.tsx
 import { forwardRef } from "react";
+
+// src/compat/resolve.ts
+import * as sanityUi from "@sanity/ui";
 import * as sanityIcons from "@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
 import { jsx } from "react/jsx-runtime";
-var INSTALLED = sanityIcons;
 var GLYPH = { width: "1em", height: "1em", viewBox: "0 0 25 25", fill: "none" };
 var MissingIcon = forwardRef(function MissingIcon2(props, ref) {
-  return /* @__PURE__ */ jsx("svg", { ...GLYPH, xmlns: "http://www.w3.org/2000/svg", ...props, ref });
+  return /* @__PURE__ */ 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 = forwardRef(function SanityIcon(props, ref) {
     return /* @__PURE__ */ jsx(Icon, { symbol, ...props, ref });
   });
@@ -33,60 +54,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
-import { useState as useState6, useEffect as useEffect4, useCallback as useCallback6 } from "react";
+import { useState as useState8, useEffect as useEffect5, useCallback as useCallback7 } from "react";
 import { useClient as useClient3 } from "sanity";
-import {
-  Card as Card6,
-  Box as Box5,
-  Flex as Flex7,
-  Text as Text6,
-  Heading,
-  Spinner as Spinner4,
-  Button as Button6,
-  Dialog as Dialog4
-} from "@sanity/ui";
 
-// src/ui.tsx
-import { useCallback, useEffect, useRef, useState } from "react";
-import * as sanityUi from "@sanity/ui";
-import { Box, Button, Card, Flex, Stack as SanityStack, Text } from "@sanity/ui";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var INSTALLED2 = sanityUi;
-var IS_UI_V4_PLUS = !("useToast" in INSTALLED2);
+// src/components/DeployItem.tsx
+import { useState as useState5, useEffect as useEffect4, useCallback as useCallback4, useRef as useRef2 } from "react";
+import { flushSync } from "react-dom";
+
+// src/compat/primitives.tsx
+import { createElement, forwardRef as forwardRef2 } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function domFallback(tag) {
+  const Fallback = forwardRef2(function SanityUiFallback(props, ref) {
+    const { children, style, id, className, onClick, href, title, as, ...rest } = props;
+    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 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 = SanityStack;
-  return /* @__PURE__ */ jsx2(Component, { ...rest, ...spacing, children });
+  const spacing = space === void 0 ? {} : STACK_USES_GAP ? { gap: space } : { space };
+  return /* @__PURE__ */ jsx2(SanityStack, { ...rest, ...spacing, children });
 }
-var LOCAL_TOAST_MS = 5e3;
+
+// src/compat/toast.tsx
+import { useCallback, useEffect, useState } from "react";
+import { jsx as jsx3, jsxs } from "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;
@@ -98,164 +190,346 @@ function ToastViewport() {
   useEffect(() => {
     if (installedUseToast) return;
     toastListeners.add(setToasts);
+    setToasts(localToasts);
     return () => {
       toastListeners.delete(setToasts);
     };
   }, []);
-  if (installedUseToast || toasts.length === 0) return null;
-  return /* @__PURE__ */ jsx2(Box, { style: { position: "fixed", bottom: 16, right: 16, zIndex: 1e6, maxWidth: 360 }, children: /* @__PURE__ */ jsx2(Stack, { space: 2, children: toasts.map((toast) => /* @__PURE__ */ jsx2(
-    Card,
+  const resume = useCallback((toast, el) => {
+    if (el && el.contains(document.activeElement)) return;
+    scheduleDismiss(toast.id, toast.status);
+  }, []);
+  const hold = useCallback((id) => {
+    const timer = dismissTimers.get(id);
+    if (timer) {
+      clearTimeout(timer);
+      dismissTimers.delete(id);
+    }
+  }, []);
+  if (installedUseToast) return null;
+  return /* @__PURE__ */ jsx3(
+    Box,
     {
-      padding: 3,
-      radius: 2,
-      shadow: 3,
-      tone: LOCAL_TOAST_TONE[toast.status ?? "info"] ?? "primary",
-      children: /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-        toast.title && /* @__PURE__ */ jsx2(Text, { size: 1, weight: "semibold", children: toast.title }),
-        toast.description && /* @__PURE__ */ jsx2(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__ */ jsx3(Stack, { space: 2, children: toasts.map((toast) => /* @__PURE__ */ jsx3(
+        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__ */ jsxs(Flex, { align: "flex-start", gap: 3, children: [
+            /* @__PURE__ */ jsxs(Stack, { space: 2, flex: 1, children: [
+              toast.title && /* @__PURE__ */ jsx3(Text, { size: 1, weight: "semibold", children: toast.title }),
+              toast.description && /* @__PURE__ */ jsx3(Text, { size: 1, muted: true, children: toast.description })
+            ] }),
+            /* @__PURE__ */ jsx3(
+              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
+import { cloneElement, isValidElement, useId, useState as useState2 } from "react";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var InstalledTooltip = resolveComponent(UI, "Tooltip");
 function Tooltip({ text, children }) {
+  const id = useId();
+  const [visible, setVisible] = useState2(false);
   if (InstalledTooltip) {
-    return /* @__PURE__ */ jsx2(InstalledTooltip, { content: /* @__PURE__ */ jsx2(Box, { padding: 2, children: /* @__PURE__ */ jsx2(Text, { size: 1, children: text }) }), portal: true, children });
+    return /* @__PURE__ */ jsx4(InstalledTooltip, { content: /* @__PURE__ */ jsx4(Box, { padding: 2, children: /* @__PURE__ */ jsx4(Text, { size: 1, children: text }) }), portal: true, children });
   }
-  return /* @__PURE__ */ jsx2("span", { title: text, style: { display: "inline-flex" }, children });
+  const described = visible && isValidElement(children) ? cloneElement(children, { "aria-describedby": id }) : children;
+  return /* @__PURE__ */ jsxs2(
+    "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__ */ jsx4(
+          "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__ */ jsx4(Card, { radius: 2, shadow: 2, padding: 2, children: /* @__PURE__ */ jsx4(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] = useState(false);
+
+// src/compat/menu.tsx
+import { useCallback as useCallback2, useEffect as useEffect2, useId as useId2, useRef, useState as useState3 } from "react";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+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 = useId2();
+  const [open, setOpen] = useState3(false);
+  const [activeIndex, setActiveIndex] = useState3(0);
   const wrapRef = useRef(null);
-  useEffect(() => {
-    if (HAS_INSTALLED_MENU || !open) return;
+  const triggerRef = useRef(null);
+  const itemRefs = useRef([]);
+  const [frozenItems, setFrozenItems] = useState3(items);
+  const shownItems = open ? frozenItems : items;
+  const close = useCallback2((returnFocus = true) => {
+    setOpen(false);
+    if (returnFocus) triggerRef.current?.focus();
+  }, []);
+  const openMenu = useCallback2((index) => {
+    setFrozenItems(items);
+    setActiveIndex(index);
+    setOpen(true);
+  }, [items]);
+  useEffect2(() => {
+    if (!open || INSTALLED_MENU) return;
+    itemRefs.current[activeIndex]?.focus();
+  }, [open, activeIndex]);
+  useEffect2(() => {
+    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 = useCallback((item) => {
-    setOpen(false);
+  const runAction = useCallback2((item) => {
+    close();
     item.onClick?.();
-  }, []);
-  if (HAS_INSTALLED_MENU && InstalledMenuButton && InstalledMenu && InstalledMenuItem) {
-    const MenuButton = InstalledMenuButton;
-    const Menu = InstalledMenu;
-    const MenuItem = InstalledMenuItem;
-    return /* @__PURE__ */ jsx2(
+  }, [close]);
+  if (INSTALLED_MENU) {
+    const { MenuButton, Menu, MenuItem } = INSTALLED_MENU;
+    return /* @__PURE__ */ jsx5(
       MenuButton,
       {
         id,
-        button: /* @__PURE__ */ jsx2(Button, { mode: "ghost", icon: buttonIcon, padding: 2 }),
+        button: /* @__PURE__ */ jsx5(Button, { mode: "ghost", icon: buttonIcon, padding: 2, "aria-label": label }),
         popover: { placement: "bottom-end" },
-        menu: /* @__PURE__ */ jsx2(Menu, { children: items.map((item) => /* @__PURE__ */ jsx2(
+        menu: /* @__PURE__ */ jsx5(Menu, { children: items.map((item, i) => /* @__PURE__ */ jsx5(
           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__ */ jsxs("div", { ref: wrapRef, style: { position: "relative" }, children: [
-    /* @__PURE__ */ jsx2(
+  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__ */ jsxs3("div", { ref: wrapRef, style: { position: "relative" }, children: [
+    /* @__PURE__ */ jsx5(
       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__ */ jsx2(
+    open && /* @__PURE__ */ jsx5(
       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__ */ jsx2(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__ */ jsx5(Stack, { space: 1, role: "none", children: shownItems.map((item, i) => {
           const Icon = item.icon;
-          const label = /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 2, paddingX: 2, paddingY: 2, children: [
-            /* @__PURE__ */ jsx2(Icon, { width: "1em", height: "1em" }),
-            /* @__PURE__ */ jsx2(Text, { size: 1, children: item.text })
+          const row = /* @__PURE__ */ jsxs3(Flex, { align: "center", gap: 2, paddingX: 2, paddingY: 2, children: [
+            /* @__PURE__ */ jsx5(Icon, { width: "1em", height: "1em", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx5(Text, { size: 1, children: item.text })
           ] });
-          return item.href ? /* @__PURE__ */ jsx2(
+          const content = item.tone === "critical" ? /* @__PURE__ */ jsx5(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__ */ jsx5(
             "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__ */ jsx2(
-            Card,
+            itemKey(item, i)
+          ) : /* @__PURE__ */ jsx5(
+            "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
+import { jsx as jsx6 } from "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__ */ jsx2(InstalledCode, { size: 1, style, children });
-  return /* @__PURE__ */ jsx2("code", { style: { ...FALLBACK_CODE_STYLE, ...style }, children });
+  if (InstalledCode) return /* @__PURE__ */ jsx6(InstalledCode, { size: 1, style, children });
+  return /* @__PURE__ */ jsx6("code", { style: { ...FALLBACK_CODE_STYLE, ...style }, children });
 }
 
-// src/components/DeployItem.tsx
-import { useState as useState3, useEffect as useEffect3, useCallback as useCallback3, useRef as useRef2 } from "react";
-import { flushSync } from "react-dom";
-import {
-  Card as Card3,
-  Box as Box3,
-  Flex as Flex4,
-  Text as Text3,
-  Button as Button3,
-  Badge as Badge3,
-  Spinner as Spinner3
-} from "@sanity/ui";
-
 // src/lib/api.ts
 var BASE = "https://api.vercel.com";
 var VERCEL_HOOK_RE = /^https:\/\/api\.vercel\.com\/v1\/integrations\/deploy\//;
@@ -288,10 +562,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)) {
@@ -355,6 +633,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) : "";
 }
@@ -397,36 +680,26 @@ function projectHref(inspectorUrl) {
 }
 
 // src/components/StatusBadge.tsx
-import { Badge, Spinner, Flex as Flex2 } from "@sanity/ui";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 function StatusBadge({ state, showSpinner }) {
   const { label, tone } = stateLabel(state);
   const spinning = showSpinner && (state === "QUEUED" || state === "INITIALIZING" || state === "BUILDING");
-  return /* @__PURE__ */ jsxs2(Flex2, { align: "center", gap: 2, children: [
-    spinning && /* @__PURE__ */ jsx3(Spinner, { muted: true }),
-    /* @__PURE__ */ jsx3(Badge, { tone, padding: 2, children: label })
+  return /* @__PURE__ */ jsxs4(Flex, { align: "center", gap: 2, children: [
+    spinning && /* @__PURE__ */ jsx7(Spinner, { muted: true }),
+    /* @__PURE__ */ jsx7(Badge, { tone, padding: 2, children: label })
   ] });
 }
 
 // src/components/DeployHistory.tsx
-import { useEffect as useEffect2, useState as useState2, useCallback as useCallback2 } from "react";
-import {
-  Dialog,
-  Card as Card2,
-  Box as Box2,
-  Flex as Flex3,
-  Text as Text2,
-  Badge as Badge2,
-  Spinner as Spinner2,
-  Button as Button2
-} from "@sanity/ui";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { useId as useId3, useEffect as useEffect3, useState as useState4, useCallback as useCallback3 } from "react";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 function DeployHistory({ target, token, onClose }) {
-  const [deployments, setDeployments] = useState2([]);
-  const [loading, setLoading] = useState2(true);
-  const [error, setError] = useState2(null);
+  const dialogId = useId3();
+  const [deployments, setDeployments] = useState4([]);
+  const [loading, setLoading] = useState4(true);
+  const [error, setError] = useState4(null);
   const { projectId, hookId } = parseHookUrl(target.url);
-  const load = useCallback2(async () => {
+  const load = useCallback3(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -438,64 +711,68 @@ function DeployHistory({ target, token, onClose }) {
       setLoading(false);
     }
   }, [projectId, hookId, token, target.teamId]);
-  useEffect2(() => {
+  useEffect3(() => {
     load();
   }, [load]);
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx8(
     Dialog,
     {
       header: `${target.name} \u2014 Deployment History`,
-      id: "deploy-history",
+      id: dialogId,
       onClose,
       width: 2,
-      footer: /* @__PURE__ */ jsx4(Box2, { padding: 3, children: /* @__PURE__ */ jsx4(Button2, { text: "Close", icon: CloseIcon, mode: "ghost", onClick: onClose }) }),
-      children: /* @__PURE__ */ jsxs3(Box2, { padding: 4, children: [
-        loading && /* @__PURE__ */ jsx4(Flex3, { justify: "center", padding: 6, children: /* @__PURE__ */ jsx4(Spinner2, { muted: true }) }),
-        error && /* @__PURE__ */ jsx4(Card2, { tone: "critical", padding: 4, radius: 2, children: /* @__PURE__ */ jsx4(Text2, { size: 1, children: error }) }),
-        !loading && !error && deployments.length === 0 && /* @__PURE__ */ jsx4(Card2, { tone: "transparent", padding: 4, children: /* @__PURE__ */ jsx4(Text2, { size: 1, muted: true, align: "center", children: "No deployments found for this hook." }) }),
-        !loading && deployments.length > 0 && /* @__PURE__ */ jsxs3(Stack, { space: 2, children: [
-          /* @__PURE__ */ jsx4(Card2, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs3(Flex3, { gap: 3, children: [
-            /* @__PURE__ */ jsx4(Box2, { flex: 2, children: /* @__PURE__ */ jsx4(Text2, { size: 0, weight: "semibold", muted: true, children: "Preview URL" }) }),
-            /* @__PURE__ */ jsx4(Box2, { flex: 1, children: /* @__PURE__ */ jsx4(Text2, { size: 0, weight: "semibold", muted: true, children: "Status" }) }),
-            /* @__PURE__ */ jsx4(Box2, { flex: 2, children: /* @__PURE__ */ jsx4(Text2, { size: 0, weight: "semibold", muted: true, children: "Branch \xB7 Commit" }) }),
-            /* @__PURE__ */ jsx4(Box2, { flex: 1, children: /* @__PURE__ */ jsx4(Text2, { size: 0, weight: "semibold", muted: true, children: "Deployed" }) }),
-            /* @__PURE__ */ jsx4(Box2, { style: { width: 64 }, children: /* @__PURE__ */ jsx4(Text2, { size: 0, weight: "semibold", muted: true, children: "Logs" }) })
+      footer: /* @__PURE__ */ jsx8(Box, { padding: 3, children: /* @__PURE__ */ jsx8(Button, { text: "Close", icon: CloseIcon, mode: "ghost", onClick: onClose }) }),
+      children: /* @__PURE__ */ jsxs5(Box, { padding: 4, children: [
+        loading && /* @__PURE__ */ jsx8(Flex, { justify: "center", padding: 6, children: /* @__PURE__ */ jsx8(Spinner, { muted: true }) }),
+        error && /* @__PURE__ */ jsx8(Card, { tone: "critical", padding: 4, radius: 2, children: /* @__PURE__ */ jsx8(Text, { size: 1, children: error }) }),
+        !loading && !error && deployments.length === 0 && /* @__PURE__ */ jsx8(Card, { tone: "transparent", padding: 4, children: /* @__PURE__ */ jsx8(Text, { size: 1, muted: true, align: "center", children: "No deployments found for this hook." }) }),
+        !loading && deployments.length > 0 && /* @__PURE__ */ jsxs5(Stack, { space: 2, children: [
+          /* @__PURE__ */ jsx8(Card, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs5(Flex, { gap: 3, children: [
+            /* @__PURE__ */ jsx8(Box, { flex: 2, children: /* @__PURE__ */ jsx8(Text, { size: 0, weight: "semibold", muted: true, children: "Preview URL" }) }),
+            /* @__PURE__ */ jsx8(Box, { flex: 1, children: /* @__PURE__ */ jsx8(Text, { size: 0, weight: "semibold", muted: true, children: "Status" }) }),
+            /* @__PURE__ */ jsx8(Box, { flex: 2, children: /* @__PURE__ */ jsx8(Text, { size: 0, weight: "semibold", muted: true, children: "Branch \xB7 Commit" }) }),
+            /* @__PURE__ */ jsx8(Box, { flex: 1, children: /* @__PURE__ */ jsx8(Text, { size: 0, weight: "semibold", muted: true, children: "Deployed" }) }),
+            /* @__PURE__ */ jsx8(Box, { style: { width: 64 }, children: /* @__PURE__ */ jsx8(Text, { size: 0, weight: "semibold", muted: true, children: "Logs" }) })
           ] }) }),
           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__ */ jsx4(Card2, { padding: 3, radius: 2, shadow: 1, tone: "default", children: /* @__PURE__ */ jsxs3(Flex3, { gap: 3, align: "center", children: [
-              /* @__PURE__ */ jsx4(Box2, { flex: 2, style: { overflow: "hidden" }, children: d.url ? /* @__PURE__ */ jsx4(
+            return /* @__PURE__ */ jsx8(Card, { padding: 3, radius: 2, shadow: 1, tone: "default", children: /* @__PURE__ */ jsxs5(Flex, { gap: 3, align: "center", children: [
+              /* @__PURE__ */ jsx8(Box, { flex: 2, style: { overflow: "hidden" }, children: deploymentHref(d.url) ? /* @__PURE__ */ jsx8(
                 "a",
                 {
-                  href: `https://${d.url}`,
+                  href: deploymentHref(d.url),
                   target: "_blank",
                   rel: "noreferrer",
                   style: { color: "inherit" },
-                  children: /* @__PURE__ */ jsx4(Text2, { size: 1, style: { textDecoration: "underline" }, children: d.url.length > 36 ? `${d.url.slice(0, 36)}\u2026` : d.url })
+                  children: /* @__PURE__ */ jsx8(Text, { size: 1, style: { textDecoration: "underline" }, children: d.url.length > 36 ? `${d.url.slice(0, 36)}\u2026` : d.url })
                 }
-              ) : /* @__PURE__ */ jsx4(Text2, { size: 1, muted: true, children: "\u2014" }) }),
-              /* @__PURE__ */ jsx4(Box2, { flex: 1, children: /* @__PURE__ */ jsx4(Badge2, { tone, children: label }) }),
-              /* @__PURE__ */ jsx4(Box2, { flex: 2, style: { overflow: "hidden" }, children: /* @__PURE__ */ jsxs3(Stack, { space: 1, children: [
-                /* @__PURE__ */ jsx4(Text2, { size: 1, children: branch }),
-                sha && /* @__PURE__ */ jsxs3(Text2, { size: 0, muted: true, children: [
+              ) : /* @__PURE__ */ jsx8(Text, { size: 1, muted: true, children: "\u2014" }) }),
+              /* @__PURE__ */ jsx8(Box, { flex: 1, children: /* @__PURE__ */ jsx8(Badge, { tone, children: label }) }),
+              /* @__PURE__ */ jsx8(Box, { flex: 2, style: { overflow: "hidden" }, children: /* @__PURE__ */ jsxs5(Stack, { space: 1, children: [
+                /* @__PURE__ */ jsx8(Text, { size: 1, children: branch }),
+                sha && /* @__PURE__ */ jsxs5(Text, { size: 0, muted: true, children: [
                   sha,
                   message ? ` \xB7 ${message.slice(0, 40)}${message.length > 40 ? "\u2026" : ""}` : ""
                 ] })
               ] }) }),
-              /* @__PURE__ */ jsx4(Box2, { flex: 1, children: /* @__PURE__ */ jsx4(Text2, { size: 1, muted: true, children: timeAgo(d.created) }) }),
-              /* @__PURE__ */ jsx4(Box2, { style: { width: 64 }, children: safeHref(d.inspectorUrl) ? /* @__PURE__ */ jsx4("a", { href: safeHref(d.inspectorUrl), target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ jsx4(
-                Button2,
+              /* @__PURE__ */ jsx8(Box, { flex: 1, children: /* @__PURE__ */ jsx8(Text, { size: 1, muted: true, children: timeAgo(d.created) }) }),
+              /* @__PURE__ */ jsx8(Box, { style: { width: 64 }, children: safeHref(d.inspectorUrl) ? /* @__PURE__ */ jsx8(
+                Button,
                 {
+                  as: "a",
+                  href: safeHref(d.inspectorUrl),
+                  target: "_blank",
+                  rel: "noreferrer",
                   text: "Logs",
                   mode: "ghost",
                   tone: "default",
                   icon: LaunchIcon,
                   style: { fontSize: "12px" }
                 }
-              ) }) : /* @__PURE__ */ jsx4(Text2, { size: 1, muted: true, children: "\u2014" }) })
+              ) : /* @__PURE__ */ jsx8(Text, { size: 1, muted: true, children: "\u2014" }) })
             ] }) }, d.uid);
           })
         ] })
@@ -505,58 +782,72 @@ function DeployHistory({ target, token, onClose }) {
 }
 
 // src/components/DeployItem.tsx
-import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var POLL_INTERVAL_MS = 5e3;
 var LABEL_WIDTH = 64;
 var PENDING_TIMEOUT_MS = 6e4;
 function DeployItem({ target, token, onDelete, onEdit }) {
   const { projectId, hookId } = parseHookUrl(target.url);
   const toast = useToast();
-  const [deployments, setDeployments] = useState3([]);
-  const [loadingInitial, setLoadingInitial] = useState3(true);
-  const [pendingSince, setPendingSince] = useState3(null);
-  const [canceling, setCanceling] = useState3(false);
-  const [deployError, setDeployError] = useState3(null);
-  const [showHistory, setShowHistory] = useState3(false);
-  const [elapsed, setElapsed] = useState3(0);
-  const [copied, setCopied] = useState3(false);
-  const [showDetails, setShowDetails] = useState3(false);
-  const [showErrorLogs, setShowErrorLogs] = useState3(false);
-  const [errorLines, setErrorLines] = useState3([]);
-  const [loadingLogs, setLoadingLogs] = useState3(false);
-  const [logError, setLogError] = useState3(null);
+  const [deployments, setDeployments] = useState5([]);
+  const [loadingInitial, setLoadingInitial] = useState5(true);
+  const [pendingSince, setPendingSince] = useState5(null);
+  const [canceling, setCanceling] = useState5(false);
+  const [deployError, setDeployError] = useState5(null);
+  const [showHistory, setShowHistory] = useState5(false);
+  const [elapsed, setElapsed] = useState5(0);
+  const [copied, setCopied] = useState5(false);
+  const [showDetails, setShowDetails] = useState5(false);
+  const [showErrorLogs, setShowErrorLogs] = useState5(false);
+  const [errorLines, setErrorLines] = useState5([]);
+  const [loadingLogs, setLoadingLogs] = useState5(false);
+  const [logError, setLogError] = useState5(null);
+  const [pollError, setPollError] = useState5(null);
   const triggeredFromUidRef = useRef2(void 0);
+  const requestSeqRef = useRef2(0);
+  const mountedRef = useRef2(true);
+  useEffect4(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+    };
+  }, []);
   const latest = deployments[0];
   const isPending = pendingSince !== null;
   const isActive = isPending || isActiveState(latest?.state);
-  const fetchDeployments = useCallback3(async () => {
+  const fetchDeployments = useCallback4(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]);
-  useEffect3(() => {
+  useEffect4(() => {
     fetchDeployments().finally(() => setLoadingInitial(false));
   }, [fetchDeployments]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!isActive) return;
     const id = setInterval(fetchDeployments, POLL_INTERVAL_MS);
     return () => clearInterval(id);
   }, [isActive, fetchDeployments]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!isPending) return;
     if (latest?.uid && latest.uid !== triggeredFromUidRef.current) setPendingSince(null);
   }, [isPending, latest?.uid]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!isPending) return;
     const id = setTimeout(() => setPendingSince(null), PENDING_TIMEOUT_MS);
     return () => clearTimeout(id);
   }, [isPending]);
   const prevStateRef = useRef2(void 0);
-  useEffect3(() => {
+  useEffect4(() => {
     const current = latest?.state;
     const prev = prevStateRef.current;
     if (prev && isActiveState(prev) && current && !isActiveState(current)) {
@@ -570,13 +861,13 @@ function DeployItem({ target, token, onDelete, onEdit }) {
     }
     prevStateRef.current = current;
   }, [latest?.state, target.name, toast]);
-  useEffect3(() => {
+  useEffect4(() => {
     setShowErrorLogs(false);
     setErrorLines([]);
     setLogError(null);
   }, [latest?.uid]);
   const timerRef = useRef2(null);
-  useEffect3(() => {
+  useEffect4(() => {
     if (isActive) {
       const start = pendingSince ?? latest?.created ?? Date.now();
       setElapsed(Math.floor((Date.now() - start) / 1e3));
@@ -591,7 +882,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
       if (timerRef.current) clearInterval(timerRef.current);
     };
   }, [isActive, pendingSince, latest?.created]);
-  const deploy = useCallback3(() => {
+  const deploy = useCallback4(() => {
     flushSync(() => {
       setDeployError(null);
       triggeredFromUidRef.current = latest?.uid;
@@ -607,7 +898,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
       }
     })();
   }, [target.url, fetchDeployments, latest?.uid]);
-  const cancel = useCallback3(async () => {
+  const cancel = useCallback4(async () => {
     if (!latest?.uid) return;
     setCanceling(true);
     try {
@@ -619,9 +910,9 @@ function DeployItem({ target, token, onDelete, onEdit }) {
       setCanceling(false);
     }
   }, [latest?.uid, token, target.teamId, fetchDeployments]);
-  const copyUrl = useCallback3(() => {
+  const copyUrl = useCallback4(() => {
     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);
@@ -629,7 +920,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
       window.prompt("Copy deployment URL:", fullUrl);
     });
   }, [latest?.url]);
-  const fetchErrorLogs = useCallback3(async () => {
+  const fetchErrorLogs = useCallback4(async () => {
     if (!latest?.uid) return;
     setLoadingLogs(true);
     setLogError(null);
@@ -647,7 +938,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
       setLoadingLogs(false);
     }
   }, [latest?.uid, token, target.teamId]);
-  const toggleErrorLogs = useCallback3(() => {
+  const toggleErrorLogs = useCallback4(() => {
     if (!showErrorLogs && errorLines.length === 0 && !logError) fetchErrorLogs();
     setShowErrorLogs((v) => !v);
   }, [showErrorLogs, errorLines.length, logError, fetchErrorLogs]);
@@ -655,26 +946,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__ */ jsxs4(Fragment, { children: [
-    /* @__PURE__ */ jsx5(Card3, { radius: 2, shadow: 1, tone: "default", children: /* @__PURE__ */ jsxs4(Flex4, { align: "stretch", className: "dvfs-card-flex", children: [
-      /* @__PURE__ */ jsxs4(Flex4, { direction: "column", flex: 1, style: { minWidth: 0 }, children: [
-        /* @__PURE__ */ jsxs4(Stack, { space: 3, padding: 3, style: { flex: 1 }, children: [
-          /* @__PURE__ */ jsxs4(Flex4, { align: "center", justify: "space-between", gap: 2, children: [
-            /* @__PURE__ */ jsxs4(Flex4, { align: "center", gap: 2, style: { minWidth: 0, flexWrap: "wrap" }, children: [
-              /* @__PURE__ */ jsx5(Text3, { size: 2, weight: "semibold", style: { flexShrink: 0 }, children: target.name }),
-              branch && /* @__PURE__ */ jsx5(Badge3, { tone: "default", padding: 2, children: /* @__PURE__ */ jsxs4(Flex4, { align: "center", gap: 1, children: [
+  return /* @__PURE__ */ jsxs6(Fragment, { children: [
+    /* @__PURE__ */ jsx9(Card, { radius: 2, shadow: 1, tone: "default", children: /* @__PURE__ */ jsxs6(Flex, { align: "stretch", className: "dvfs-card-flex", children: [
+      /* @__PURE__ */ jsxs6(Flex, { direction: "column", flex: 1, style: { minWidth: 0 }, children: [
+        /* @__PURE__ */ jsxs6(Stack, { space: 3, padding: 3, style: { flex: 1 }, children: [
+          /* @__PURE__ */ jsxs6(Flex, { align: "center", justify: "space-between", gap: 2, children: [
+            /* @__PURE__ */ jsxs6(Flex, { align: "center", gap: 2, style: { minWidth: 0, flexWrap: "wrap" }, children: [
+              /* @__PURE__ */ jsx9(Text, { size: 2, weight: "semibold", style: { flexShrink: 0 }, children: target.name }),
+              branch && /* @__PURE__ */ jsx9(Badge, { tone: "default", padding: 2, children: /* @__PURE__ */ jsxs6(Flex, { align: "center", gap: 1, children: [
                 branch,
-                /* @__PURE__ */ jsx5("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", style: { marginLeft: "-0.1em", opacity: 0.5 }, children: /* @__PURE__ */ jsx5("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__ */ jsx9("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", style: { marginLeft: "-0.1em", opacity: 0.5 }, children: /* @__PURE__ */ jsx9("path", { d: "M5 3.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0zm0 2.122a2.25 2.25 0 1 0-1.5 0v.878A2.25 2.25 0 0 0 5.75 8.5h1.5v2.128a2.251 2.251 0 1 0 1.5 0V8.5h1.5a2.25 2.25 0 0 0 2.25-2.25v-.878a2.25 2.25 0 1 0-1.5 0v.878a.75.75 0 0 1-.75.75h-4.5A.75.75 0 0 1 5 6.25v-.878zm3.75 7.378a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0zm3-8.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0z" }) })
               ] }) }),
-              token && !loadingInitial && /* @__PURE__ */ jsxs4(Fragment, { children: [
-                isPending ? /* @__PURE__ */ jsx5(StatusBadge, { state: "QUEUED" }) : /* @__PURE__ */ jsx5(StatusBadge, { state: latest?.state }),
-                isActiveState(latest?.state) && /* @__PURE__ */ jsx5(
-                  Button3,
+              token && !loadingInitial && /* @__PURE__ */ jsxs6(Fragment, { children: [
+                isPending ? /* @__PURE__ */ jsx9(StatusBadge, { state: "QUEUED" }) : /* @__PURE__ */ jsx9(StatusBadge, { state: latest?.state }),
+                isActiveState(latest?.state) && /* @__PURE__ */ jsx9(
+                  Button,
                   {
                     text: "Cancel",
                     mode: "ghost",
@@ -687,17 +978,18 @@ function DeployItem({ target, token, onDelete, onEdit }) {
                 ),
                 isPending ? (
                   /* Optimistic — dimmed spinner only; no elapsed time until a real build exists */
-                  /* @__PURE__ */ jsx5(Spinner3, { muted: true, style: { marginLeft: 4, opacity: 0.5 } })
-                ) : isActive ? /* @__PURE__ */ jsxs4(Flex4, { align: "center", gap: 1, children: [
-                  /* @__PURE__ */ jsx5(Spinner3, { muted: true, style: { marginLeft: 4 } }),
-                  /* @__PURE__ */ jsx5(Text3, { size: 1, muted: true, children: formatDuration(elapsed) })
-                ] }) : deployedAt ? /* @__PURE__ */ jsx5(Text3, { size: 1, muted: true, children: deployedAt }) : null
+                  /* @__PURE__ */ jsx9(Spinner, { muted: true, style: { marginLeft: 4, opacity: 0.5 } })
+                ) : isActive ? /* @__PURE__ */ jsxs6(Flex, { align: "center", gap: 1, children: [
+                  /* @__PURE__ */ jsx9(Spinner, { muted: true, style: { marginLeft: 4 } }),
+                  /* @__PURE__ */ jsx9(Text, { size: 1, muted: true, children: formatDuration(elapsed) })
+                ] }) : deployedAt ? /* @__PURE__ */ jsx9(Text, { size: 1, muted: true, children: deployedAt }) : null
               ] })
             ] }),
-            /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsx9(
               ActionMenu,
               {
                 id: `menu-${target._id}`,
+                label: `Actions for ${target.name}`,
                 buttonIcon: EllipsisVerticalIcon,
                 items: [
                   { text: "Edit target", icon: EditIcon, onClick: () => onEdit(target) },
@@ -709,56 +1001,75 @@ function DeployItem({ target, token, onDelete, onEdit }) {
               }
             )
           ] }),
-          /* @__PURE__ */ jsx5("hr", { style: { border: "none", borderTop: "1px solid currentColor", opacity: 0.1, margin: 0 } }),
-          !token ? /* @__PURE__ */ jsx5(Text3, { size: 1, muted: true, children: "Connect a Vercel API token to see deployment status." }) : loadingInitial ? /* @__PURE__ */ jsxs4(Flex4, { align: "center", gap: 2, children: [
-            /* @__PURE__ */ jsx5(Spinner3, { muted: true }),
-            /* @__PURE__ */ jsx5(Text3, { size: 1, muted: true, children: "Loading\u2026" })
-          ] }) : /* @__PURE__ */ jsxs4(Stack, { space: 2, children: [
-            /* @__PURE__ */ jsxs4(Flex4, { align: "center", gap: 2, wrap: "wrap", children: [
-              latest?.url && latest.state === "READY" && /* @__PURE__ */ jsx5(Fragment, { children: /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx9("hr", { style: { border: "none", borderTop: "1px solid currentColor", opacity: 0.1, margin: 0 } }),
+          !token ? /* @__PURE__ */ jsx9(Text, { size: 1, muted: true, children: "Connect a Vercel API token to see deployment status." }) : loadingInitial ? /* @__PURE__ */ jsxs6(Flex, { align: "center", gap: 2, children: [
+            /* @__PURE__ */ jsx9(Spinner, { muted: true }),
+            /* @__PURE__ */ jsx9(Text, { size: 1, muted: true, children: "Loading\u2026" })
+          ] }) : /* @__PURE__ */ jsxs6(Stack, { space: 2, children: [
+            /* @__PURE__ */ jsxs6(Flex, { align: "center", gap: 2, wrap: "wrap", children: [
+              latest?.url && latest.state === "READY" && /* @__PURE__ */ jsx9(Fragment, { children: /* @__PURE__ */ jsx9(
                 "a",
                 {
-                  href: `https://${latest.url}`,
+                  href: deploymentHref(latest.url),
                   target: "_blank",
                   rel: "noreferrer",
                   style: { color: "inherit" },
-                  children: /* @__PURE__ */ jsx5(Flex4, { align: "center", gap: 1, children: /* @__PURE__ */ jsx5(Text3, { size: 1, children: latest.url }) })
+                  children: /* @__PURE__ */ jsx9(Flex, { align: "center", gap: 1, children: /* @__PURE__ */ jsx9(Text, { size: 1, children: latest.url }) })
                 }
               ) }),
-              sha && /* @__PURE__ */ jsx5(Tooltip, { text: commitMsg ?? sha, children: commitHref ? /* @__PURE__ */ jsx5(
+              sha && /* @__PURE__ */ jsx9(Tooltip, { text: commitMsg ?? sha, children: commitHref ? /* @__PURE__ */ jsx9(
                 "a",
                 {
                   href: commitHref,
                   target: "_blank",
                   rel: "noreferrer",
                   style: { color: "inherit", textDecoration: "none" },
-                  children: /* @__PURE__ */ jsx5(Text3, { size: 1, muted: true, style: { cursor: "pointer", fontFamily: "monospace" }, children: sha })
+                  children: /* @__PURE__ */ jsx9(Text, { size: 1, muted: true, style: { cursor: "pointer", fontFamily: "monospace" }, children: sha })
                 }
-              ) : /* @__PURE__ */ jsx5(Text3, { size: 1, muted: true, style: { cursor: "default", fontFamily: "monospace" }, children: sha }) }),
-              creator && /* @__PURE__ */ jsxs4(Text3, { size: 1, muted: true, children: [
+              ) : /* @__PURE__ */ jsx9(Text, { size: 1, muted: true, style: { cursor: "default", fontFamily: "monospace" }, children: sha }) }),
+              creator && /* @__PURE__ */ jsxs6(Text, { size: 1, muted: true, children: [
                 "by ",
                 creator
               ] }),
-              latest?.state === "READY" && latest.ready && latest.created && /* @__PURE__ */ jsxs4(Text3, { size: 1, muted: true, children: [
+              latest?.state === "READY" && latest.ready && latest.created && /* @__PURE__ */ jsxs6(Text, { size: 1, muted: true, children: [
                 "Took ",
                 formatDuration(Math.floor((latest.ready - latest.created) / 1e3)),
                 " to build"
               ] }),
-              latest?.url && latest.state === "READY" && /* @__PURE__ */ jsx5(Fragment, { children: /* @__PURE__ */ jsx5(Tooltip, { text: copied ? "Copied!" : "Copy URL", children: /* @__PURE__ */ jsx5(
-                Button3,
-                {
-                  mode: "ghost",
-                  icon: copied ? CheckmarkIcon : CopyIcon,
-                  padding: 1,
-                  tone: copied ? "positive" : "default",
-                  onClick: copyUrl,
-                  style: { cursor: "pointer" }
-                }
-              ) }) })
+              latest?.url && latest.state === "READY" && /* @__PURE__ */ jsxs6(Fragment, { children: [
+                /* @__PURE__ */ jsx9(Tooltip, { text: copied ? "Copied" : "Copy deployment URL", children: /* @__PURE__ */ jsx9(
+                  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__ */ jsx9(
+                  "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__ */ jsxs4(Flex4, { align: "center", gap: 2, wrap: "wrap", children: [
-              commitMsg && /* @__PURE__ */ jsx5(
-                Text3,
+            /* @__PURE__ */ jsxs6(Flex, { align: "center", gap: 2, wrap: "wrap", children: [
+              commitMsg && /* @__PURE__ */ jsx9(
+                Text,
                 {
                   size: 0,
                   muted: true,
@@ -766,10 +1077,11 @@ function DeployItem({ target, token, onDelete, onEdit }) {
                   children: commitMsg
                 }
               ),
-              isError && /* @__PURE__ */ jsxs4(Stack, { space: 2, children: [
-                /* @__PURE__ */ jsx5(
-                  Button3,
+              isError && /* @__PURE__ */ jsxs6(Stack, { space: 2, children: [
+                /* @__PURE__ */ jsx9(
+                  Button,
                   {
+                    "aria-expanded": showErrorLogs,
                     text: showErrorLogs ? "Hide error details" : "Show error details",
                     mode: "ghost",
                     tone: "critical",
@@ -780,37 +1092,45 @@ function DeployItem({ target, token, onDelete, onEdit }) {
                     style: { alignSelf: "flex-start", cursor: "pointer" }
                   }
                 ),
-                showErrorLogs && /* @__PURE__ */ jsxs4(Card3, { tone: "critical", radius: 2, padding: 3, children: [
-                  loadingLogs && /* @__PURE__ */ jsxs4(Flex4, { align: "center", gap: 2, children: [
-                    /* @__PURE__ */ jsx5(Spinner3, { muted: true }),
-                    /* @__PURE__ */ jsx5(Text3, { size: 1, muted: true, children: "Loading logs\u2026" })
+                showErrorLogs && /* @__PURE__ */ jsxs6(Card, { tone: "critical", radius: 2, padding: 3, children: [
+                  loadingLogs && /* @__PURE__ */ jsxs6(Flex, { align: "center", gap: 2, children: [
+                    /* @__PURE__ */ jsx9(Spinner, { muted: true }),
+                    /* @__PURE__ */ jsx9(Text, { size: 1, muted: true, children: "Loading logs\u2026" })
                   ] }),
-                  logError && /* @__PURE__ */ jsxs4(Stack, { space: 2, children: [
-                    /* @__PURE__ */ jsx5(Text3, { size: 1, children: logError }),
-                    safeHref(latest?.inspectorUrl) && /* @__PURE__ */ jsx5("a", { href: safeHref(latest?.inspectorUrl), target: "_blank", rel: "noreferrer", style: { color: "inherit" }, children: /* @__PURE__ */ jsxs4(Flex4, { align: "center", gap: 1, children: [
-                      /* @__PURE__ */ jsx5(LaunchIcon, {}),
-                      /* @__PURE__ */ jsx5(Text3, { size: 1, children: "View full logs in Vercel" })
+                  logError && /* @__PURE__ */ jsxs6(Stack, { space: 2, children: [
+                    /* @__PURE__ */ jsx9(Text, { size: 1, children: logError }),
+                    safeHref(latest?.inspectorUrl) && /* @__PURE__ */ jsx9("a", { href: safeHref(latest?.inspectorUrl), target: "_blank", rel: "noreferrer", style: { color: "inherit" }, children: /* @__PURE__ */ jsxs6(Flex, { align: "center", gap: 1, children: [
+                      /* @__PURE__ */ jsx9(LaunchIcon, {}),
+                      /* @__PURE__ */ jsx9(Text, { size: 1, children: "View full logs in Vercel" })
                     ] }) })
                   ] }),
-                  !loadingLogs && !logError && errorLines.length > 0 && /* @__PURE__ */ jsxs4(Stack, { space: 2, children: [
-                    /* @__PURE__ */ jsx5(Box3, { style: { maxHeight: 240, overflowY: "auto", fontFamily: "monospace", fontSize: 13, lineHeight: 1.6 }, children: errorLines.map((line, i) => /* @__PURE__ */ jsx5(Code, { style: { display: "block", whiteSpace: "pre-wrap", wordBreak: "break-all" }, children: line }, i)) }),
-                    safeHref(latest?.inspectorUrl) && /* @__PURE__ */ jsx5("a", { href: safeHref(latest?.inspectorUrl), target: "_blank", rel: "noreferrer", style: { color: "inherit" }, children: /* @__PURE__ */ jsxs4(Flex4, { align: "center", gap: 1, children: [
-                      /* @__PURE__ */ jsx5(LaunchIcon, {}),
-                      /* @__PURE__ */ jsx5(Text3, { size: 1, children: "View full logs in Vercel" })
+                  !loadingLogs && !logError && errorLines.length > 0 && /* @__PURE__ */ jsxs6(Stack, { space: 2, children: [
+                    /* @__PURE__ */ jsx9(Box, { style: { maxHeight: 240, overflowY: "auto", fontFamily: "monospace", fontSize: 13, lineHeight: 1.6 }, children: errorLines.map((line, i) => /* @__PURE__ */ jsx9(Code, { style: { display: "block", whiteSpace: "pre-wrap", wordBreak: "break-all" }, children: line }, i)) }),
+                    safeHref(latest?.inspectorUrl) && /* @__PURE__ */ jsx9("a", { href: safeHref(latest?.inspectorUrl), target: "_blank", rel: "noreferrer", style: { color: "inherit" }, children: /* @__PURE__ */ jsxs6(Flex, { align: "center", gap: 1, children: [
+                      /* @__PURE__ */ jsx9(LaunchIcon, {}),
+                      /* @__PURE__ */ jsx9(Text, { size: 1, children: "View full logs in Vercel" })
                     ] }) })
                   ] })
                 ] })
               ] }),
-              deployError && /* @__PURE__ */ jsx5(Card3, { tone: "critical", padding: 2, radius: 2, children: /* @__PURE__ */ jsx5(Text3, { size: 1, children: deployError }) })
+              deployError && /* @__PURE__ */ jsx9(Card, { tone: "critical", padding: 2, radius: 2, children: /* @__PURE__ */ jsx9(Text, { size: 1, children: deployError }) })
             ] })
-          ] })
+          ] }),
+          pollError && /* @__PURE__ */ jsx9(Card, { tone: "caution", padding: 3, radius: 2, children: /* @__PURE__ */ jsxs6(Flex, { align: "center", gap: 2, children: [
+            /* @__PURE__ */ jsx9(WarningOutlineIcon, { "aria-hidden": "true" }),
+            /* @__PURE__ */ jsxs6(Text, { size: 1, children: [
+              "Status updates paused \u2014 ",
+              pollError
+            ] })
+          ] }) })
         ] }),
-        /* @__PURE__ */ jsxs4(Box3, { children: [
-          /* @__PURE__ */ jsx5(
-            Button3,
+        /* @__PURE__ */ jsxs6(Box, { children: [
+          /* @__PURE__ */ jsx9(
+            Button,
             {
               mode: "ghost",
               iconRight: showDetails ? ChevronUpIcon : ChevronDownIcon,
+              "aria-expanded": showDetails,
               text: "Details",
               fontSize: 0,
               padding: 3,
@@ -818,62 +1138,62 @@ function DeployItem({ target, token, onDelete, onEdit }) {
               style: { width: "100%", justifyContent: "flex-start", borderRadius: 0, cursor: "pointer" }
             }
           ),
-          showDetails && /* @__PURE__ */ jsx5(Card3, { tone: "primary", padding: 3, className: "dvfs-accordion-content", style: { borderRadius: 0, borderTop: "1px solid rgba(128,128,128,0.15)" }, children: /* @__PURE__ */ jsxs4(Stack, { space: 2, children: [
-            /* @__PURE__ */ jsxs4(Flex4, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ jsx5(Text3, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Project" }),
-              /* @__PURE__ */ jsx5(Text3, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: projectId || "\u2014" })
+          showDetails && /* @__PURE__ */ jsx9(Card, { tone: "primary", padding: 3, className: "dvfs-accordion-content", style: { borderRadius: 0, borderTop: "1px solid rgba(128,128,128,0.15)" }, children: /* @__PURE__ */ jsxs6(Stack, { space: 2, children: [
+            /* @__PURE__ */ jsxs6(Flex, { gap: 2, align: "center", children: [
+              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Project" }),
+              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: projectId || "\u2014" })
             ] }),
-            /* @__PURE__ */ jsxs4(Flex4, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ jsx5(Text3, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Hook" }),
-              /* @__PURE__ */ jsx5(Text3, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: hookId || "\u2014" })
+            /* @__PURE__ */ jsxs6(Flex, { gap: 2, align: "center", children: [
+              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Hook" }),
+              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: hookId || "\u2014" })
             ] }),
-            target.teamId && /* @__PURE__ */ jsxs4(Flex4, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ jsx5(Text3, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Team" }),
-              /* @__PURE__ */ jsx5(Text3, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: target.teamId })
+            target.teamId && /* @__PURE__ */ jsxs6(Flex, { gap: 2, align: "center", children: [
+              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Team" }),
+              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: target.teamId })
             ] }),
-            fullSha && /* @__PURE__ */ jsxs4(Flex4, { gap: 2, align: "flex-start", children: [
-              /* @__PURE__ */ jsx5(Text3, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Commit" }),
-              /* @__PURE__ */ jsx5(Text3, { size: 0, muted: true, style: { fontFamily: "monospace", wordBreak: "break-all" }, children: fullSha })
+            fullSha && /* @__PURE__ */ jsxs6(Flex, { gap: 2, align: "flex-start", children: [
+              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Commit" }),
+              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, style: { fontFamily: "monospace", wordBreak: "break-all" }, children: fullSha })
             ] }),
-            latest?.meta?.githubCommitAuthorName && /* @__PURE__ */ jsxs4(Flex4, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ jsx5(Text3, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Author" }),
-              /* @__PURE__ */ jsx5(Text3, { size: 0, muted: true, children: latest.meta.githubCommitAuthorName })
+            latest?.meta?.githubCommitAuthorName && /* @__PURE__ */ jsxs6(Flex, { gap: 2, align: "center", children: [
+              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Author" }),
+              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, children: latest.meta.githubCommitAuthorName })
             ] }),
-            branch && /* @__PURE__ */ jsxs4(Flex4, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ jsx5(Text3, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Branch" }),
-              /* @__PURE__ */ jsx5(Text3, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: branch })
+            branch && /* @__PURE__ */ jsxs6(Flex, { gap: 2, align: "center", children: [
+              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Branch" }),
+              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: branch })
             ] }),
-            latest?.uid && /* @__PURE__ */ jsxs4(Flex4, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ jsx5(Text3, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Deploy ID" }),
-              /* @__PURE__ */ jsx5(Text3, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: latest.uid })
+            latest?.uid && /* @__PURE__ */ jsxs6(Flex, { gap: 2, align: "center", children: [
+              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Deploy ID" }),
+              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: latest.uid })
             ] }),
-            latest?.url && /* @__PURE__ */ jsxs4(Flex4, { gap: 2, align: "flex-start", children: [
-              /* @__PURE__ */ jsx5(Text3, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "URL" }),
-              /* @__PURE__ */ jsx5(Text3, { size: 0, muted: true, style: { fontFamily: "monospace", wordBreak: "break-all" }, children: latest.url })
+            latest?.url && /* @__PURE__ */ jsxs6(Flex, { gap: 2, align: "flex-start", children: [
+              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "URL" }),
+              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, style: { fontFamily: "monospace", wordBreak: "break-all" }, children: latest.url })
             ] }),
-            safeHref(latest?.inspectorUrl) && /* @__PURE__ */ jsxs4(Flex4, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ jsx5(Text3, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Inspector" }),
-              /* @__PURE__ */ jsx5("a", { href: safeHref(latest?.inspectorUrl), target: "_blank", rel: "noreferrer", style: { color: "inherit" }, children: /* @__PURE__ */ jsxs4(Flex4, { align: "center", gap: 1, children: [
-                /* @__PURE__ */ jsx5(Text3, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: "Open in Vercel" }),
-                /* @__PURE__ */ jsx5(LaunchIcon, { style: { width: 10, height: 10 } })
+            safeHref(latest?.inspectorUrl) && /* @__PURE__ */ jsxs6(Flex, { gap: 2, align: "center", children: [
+              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Inspector" }),
+              /* @__PURE__ */ jsx9("a", { href: safeHref(latest?.inspectorUrl), target: "_blank", rel: "noreferrer", style: { color: "inherit" }, children: /* @__PURE__ */ jsxs6(Flex, { align: "center", gap: 1, children: [
+                /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: "Open in Vercel" }),
+                /* @__PURE__ */ jsx9(LaunchIcon, { style: { width: 10, height: 10 } })
               ] }) })
             ] }),
-            latest?.created && /* @__PURE__ */ jsxs4(Flex4, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ jsx5(Text3, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Created" }),
-              /* @__PURE__ */ jsx5(Text3, { size: 0, muted: true, children: new Date(latest.created).toLocaleString() })
+            latest?.created && /* @__PURE__ */ jsxs6(Flex, { gap: 2, align: "center", children: [
+              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Created" }),
+              /* @__PURE__ */ jsx9(Text, { size: 0, muted: true, children: new Date(latest.created).toLocaleString() })
             ] })
           ] }) })
         ] })
       ] }),
-      /* @__PURE__ */ jsx5(
-        Flex4,
+      /* @__PURE__ */ jsx9(
+        Flex,
         {
           direction: "column",
           gap: 2,
           className: "dvfs-deploy-col",
           style: { flexShrink: 0, alignSelf: "stretch" },
-          children: /* @__PURE__ */ jsx5(
-            Button3,
+          children: /* @__PURE__ */ jsx9(
+            Button,
             {
               text: "Deploy",
               tone: "primary",
@@ -892,7 +1212,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
         }
       )
     ] }) }),
-    showHistory && /* @__PURE__ */ jsx5(
+    showHistory && /* @__PURE__ */ jsx9(
       DeployHistory,
       {
         target,
@@ -904,24 +1224,19 @@ function DeployItem({ target, token, onDelete, onEdit }) {
 }
 
 // src/components/TokenSetup.tsx
-import { useState as useState4, useCallback as useCallback4 } from "react";
+import { useId as useId4, useState as useState6, useCallback as useCallback5 } from "react";
 import { useClient } from "sanity";
-import {
-  Text as Text4,
-  TextInput,
-  Button as Button4,
-  Card as Card4,
-  Dialog as Dialog2,
-  Flex as Flex5
-} from "@sanity/ui";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var TOKEN_DOC_ID = "config.vercelDeploy";
-function TokenSetup({ onSaved, onCancel }) {
+function TokenSetup({ onSaved, onCancel, hasToken = false }) {
+  const dialogId = useId4();
+  const tokenId = useId4();
   const client = useClient({ apiVersion: "2025-01-01" });
-  const [token, setToken] = useState4("");
-  const [saving, setSaving] = useState4(false);
-  const [error, setError] = useState4(null);
-  const save = useCallback4(async () => {
+  const [token, setToken] = useState6("");
+  const [saving, setSaving] = useState6(false);
+  const [error, setError] = useState6(null);
+  const [revoking, setRevoking] = useState6(false);
+  const save = useCallback5(async () => {
     if (!token.trim()) return;
     setSaving(true);
     setError(null);
@@ -938,45 +1253,73 @@ function TokenSetup({ onSaved, onCancel }) {
       setSaving(false);
     }
   }, [client, token, onSaved]);
-  return /* @__PURE__ */ jsx6(
-    Dialog2,
+  const revoke = useCallback5(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__ */ jsx10(
+    Dialog,
     {
       header: "Connect Vercel API token",
-      id: "token-setup",
+      id: dialogId,
       onClose: onCancel,
       width: 1,
-      footer: /* @__PURE__ */ jsxs5(Flex5, { padding: 3, gap: 2, justify: "flex-end", children: [
-        onCancel && /* @__PURE__ */ jsx6(Button4, { text: "Cancel", mode: "ghost", onClick: onCancel, style: { cursor: "pointer" } }),
-        /* @__PURE__ */ jsx6(
-          Button4,
+      footer: /* @__PURE__ */ jsxs7(Flex, { padding: 3, gap: 2, justify: hasToken ? "space-between" : "flex-end", children: [
+        hasToken && /* @__PURE__ */ jsx10(
+          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__ */ jsxs7(Flex, { gap: 2, children: [
+          onCancel && /* @__PURE__ */ jsx10(Button, { text: "Cancel", mode: "ghost", onClick: onCancel, style: { cursor: "pointer" } }),
+          /* @__PURE__ */ jsx10(
+            Button,
+            {
+              text: "Save and connect",
+              tone: "primary",
+              icon: CheckmarkCircleIcon,
+              loading: saving,
+              disabled: !token.trim() || saving,
+              onClick: save,
+              style: { cursor: "pointer" }
+            }
+          )
+        ] })
       ] }),
-      children: /* @__PURE__ */ jsxs5(Stack, { space: 4, padding: 4, children: [
-        /* @__PURE__ */ jsxs5(Stack, { space: 3, children: [
-          /* @__PURE__ */ jsx6(Text4, { 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__ */ jsxs5(Text4, { size: 1, muted: true, children: [
+      children: /* @__PURE__ */ jsxs7(Stack, { space: 4, padding: 4, children: [
+        /* @__PURE__ */ jsxs7(Stack, { space: 3, children: [
+          /* @__PURE__ */ jsx10(Text, { size: 1, muted: true, children: "A Vercel API token lets this tool read deployment status, history, build logs, and branch metadata. Without it you can still trigger deploys \u2014 you just won't see any feedback." }),
+          /* @__PURE__ */ jsxs7(Text, { size: 1, muted: true, children: [
             "Create one at ",
-            /* @__PURE__ */ jsx6("strong", { children: "vercel.com \u2192 Settings \u2192 Tokens" }),
+            /* @__PURE__ */ jsx10("strong", { children: "vercel.com \u2192 Settings \u2192 Tokens" }),
             " with",
             " ",
-            /* @__PURE__ */ jsx6("strong", { children: "Full Account" }),
+            /* @__PURE__ */ jsx10("strong", { children: "Full Account" }),
             " scope. The token is stored in your Sanity dataset and shared across all authenticated studio users."
           ] })
         ] }),
-        /* @__PURE__ */ jsxs5(Stack, { space: 2, children: [
-          /* @__PURE__ */ jsx6(Text4, { size: 1, weight: "semibold", children: "Vercel API Token" }),
-          /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsxs7(Stack, { space: 2, children: [
+          /* @__PURE__ */ jsx10(Label, { as: "label", size: 1, htmlFor: tokenId, children: "Vercel API Token" }),
+          /* @__PURE__ */ jsx10(
             TextInput,
             {
+              id: tokenId,
               value: token,
               onChange: (e) => setToken(e.target.value),
               placeholder: "xxxxxxxxxxxxxxxxxxxxxxxx",
@@ -984,40 +1327,37 @@ function TokenSetup({ onSaved, onCancel }) {
             }
           )
         ] }),
-        error && /* @__PURE__ */ jsx6(Card4, { tone: "critical", padding: 3, radius: 2, children: /* @__PURE__ */ jsx6(Text4, { size: 1, children: error }) })
+        error && /* @__PURE__ */ jsx10(Card, { tone: "critical", padding: 3, radius: 2, role: "alert", children: /* @__PURE__ */ jsx10(Text, { size: 1, children: error }) })
       ] })
     }
   );
 }
 
 // src/components/DeployTargetForm.tsx
-import { useState as useState5, useCallback as useCallback5 } from "react";
+import { useId as useId5, useState as useState7, useCallback as useCallback6 } from "react";
 import { useClient as useClient2 } from "sanity";
-import {
-  Dialog as Dialog3,
-  Box as Box4,
-  Flex as Flex6,
-  Text as Text5,
-  TextInput as TextInput2,
-  Button as Button5,
-  Switch,
-  Label,
-  Card as Card5
-} from "@sanity/ui";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var VERCEL_HOOK_RE2 = /^https:\/\/api\.vercel\.com\/v1\/integrations\/deploy\//;
 function DeployTargetForm({ initial, onSaved, onClose }) {
   const client = useClient2({ apiVersion: "2025-01-01" });
   const isEdit = Boolean(initial);
-  const [name, setName] = useState5(initial?.name ?? "");
-  const [url, setUrl] = useState5(initial?.url ?? "");
-  const [teamId, setTeamId] = useState5(initial?.teamId ?? "");
-  const [disableDelete, setDisableDelete] = useState5(initial?.disableDeleteAction ?? false);
-  const [saving, setSaving] = useState5(false);
-  const [error, setError] = useState5(null);
+  const dialogId = useId5();
+  const nameId = useId5();
+  const urlId = useId5();
+  const urlErrorId = useId5();
+  const urlHelpId = useId5();
+  const teamId_ = useId5();
+  const teamHelpId = useId5();
+  const disableId = useId5();
+  const [name, setName] = useState7(initial?.name ?? "");
+  const [url, setUrl] = useState7(initial?.url ?? "");
+  const [teamId, setTeamId] = useState7(initial?.teamId ?? "");
+  const [disableDelete, setDisableDelete] = useState7(initial?.disableDeleteAction ?? false);
+  const [saving, setSaving] = useState7(false);
+  const [error, setError] = useState7(null);
   const urlValid = !url || VERCEL_HOOK_RE2.test(url.trim());
   const canSave = name.trim() && url.trim() && urlValid;
-  const save = useCallback5(async () => {
+  const save = useCallback6(async () => {
     if (!canSave) return;
     setSaving(true);
     setError(null);
@@ -1040,17 +1380,17 @@ function DeployTargetForm({ initial, onSaved, onClose }) {
       setSaving(false);
     }
   }, [canSave, isEdit, initial, client, name, url, teamId, disableDelete, onSaved]);
-  return /* @__PURE__ */ jsx7(
-    Dialog3,
+  return /* @__PURE__ */ jsx11(
+    Dialog,
     {
       header: isEdit ? `Edit "${initial?.name}"` : "Add deploy target",
-      id: "deploy-target-form",
+      id: dialogId,
       onClose,
       width: 1,
-      footer: /* @__PURE__ */ jsxs6(Flex6, { padding: 3, gap: 2, justify: "flex-end", children: [
-        /* @__PURE__ */ jsx7(Button5, { text: "Cancel", mode: "ghost", onClick: onClose, style: { cursor: "pointer" } }),
-        /* @__PURE__ */ jsx7(
-          Button5,
+      footer: /* @__PURE__ */ jsxs8(Flex, { padding: 3, gap: 2, justify: "flex-end", children: [
+        /* @__PURE__ */ jsx11(Button, { text: "Cancel", mode: "ghost", onClick: onClose, style: { cursor: "pointer" } }),
+        /* @__PURE__ */ jsx11(
+          Button,
           {
             text: isEdit ? "Save changes" : "Add target",
             tone: "primary",
@@ -1062,95 +1402,105 @@ function DeployTargetForm({ initial, onSaved, onClose }) {
           }
         )
       ] }),
-      children: /* @__PURE__ */ jsx7(Box4, { padding: 4, children: /* @__PURE__ */ jsxs6(Stack, { space: 4, children: [
-        /* @__PURE__ */ jsxs6(Stack, { space: 2, children: [
-          /* @__PURE__ */ jsxs6(Label, { size: 1, children: [
+      children: /* @__PURE__ */ jsx11(Box, { padding: 4, children: /* @__PURE__ */ jsxs8(Stack, { space: 4, children: [
+        /* @__PURE__ */ jsxs8(Stack, { space: 2, children: [
+          /* @__PURE__ */ jsxs8(Label, { as: "label", size: 1, htmlFor: nameId, children: [
             "Name ",
-            /* @__PURE__ */ jsx7("span", { style: { color: "var(--card-fg-color)" }, children: "*" })
+            /* @__PURE__ */ jsx11("span", { "aria-hidden": "true", children: "*" })
           ] }),
-          /* @__PURE__ */ jsx7(
-            TextInput2,
+          /* @__PURE__ */ jsx11(
+            TextInput,
             {
+              id: nameId,
+              required: true,
+              "aria-required": "true",
               value: name,
               onChange: (e) => setName(e.target.value),
               placeholder: "Production"
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs6(Stack, { space: 2, children: [
-          /* @__PURE__ */ jsxs6(Label, { size: 1, children: [
+        /* @__PURE__ */ jsxs8(Stack, { space: 2, children: [
+          /* @__PURE__ */ jsxs8(Label, { as: "label", size: 1, htmlFor: urlId, children: [
             "Deploy hook URL ",
-            /* @__PURE__ */ jsx7("span", { style: { color: "var(--card-fg-color)" }, children: "*" })
+            /* @__PURE__ */ jsx11("span", { "aria-hidden": "true", children: "*" })
           ] }),
-          /* @__PURE__ */ jsx7(
-            TextInput2,
+          /* @__PURE__ */ jsx11(
+            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__ */ jsx7(Text5, { 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__ */ jsx7(Text5, { size: 0, muted: true, children: "Vercel dashboard \u2192 Project \u2192 Settings \u2192 Git \u2192 Deploy Hooks" })
+          url && !urlValid && /* @__PURE__ */ jsx11(Card, { tone: "critical", padding: 2, radius: 2, role: "alert", children: /* @__PURE__ */ jsx11(Text, { id: urlErrorId, size: 1, children: "Must be a Vercel deploy hook URL (api.vercel.com/v1/integrations/deploy/\u2026)" }) }),
+          /* @__PURE__ */ jsx11(Text, { id: urlHelpId, size: 0, muted: true, children: "Vercel dashboard \u2192 Project \u2192 Settings \u2192 Git \u2192 Deploy Hooks" })
         ] }),
-        /* @__PURE__ */ jsxs6(Stack, { space: 2, children: [
-          /* @__PURE__ */ jsxs6(Label, { size: 1, children: [
+        /* @__PURE__ */ jsxs8(Stack, { space: 2, children: [
+          /* @__PURE__ */ jsxs8(Label, { as: "label", size: 1, htmlFor: teamId_, children: [
             "Team ID ",
-            /* @__PURE__ */ jsx7("span", { style: { opacity: 0.5, fontWeight: "normal" }, children: "\u2014 optional" })
+            /* @__PURE__ */ jsx11("span", { style: { opacity: 0.5, fontWeight: "normal" }, children: "\u2014 optional" })
           ] }),
-          /* @__PURE__ */ jsx7(
-            TextInput2,
+          /* @__PURE__ */ jsx11(
+            TextInput,
             {
+              id: teamId_,
+              "aria-describedby": teamHelpId,
               value: teamId,
               onChange: (e) => setTeamId(e.target.value),
               placeholder: "team_xxxxxxxx"
             }
           ),
-          /* @__PURE__ */ jsxs6(Text5, { size: 0, muted: true, children: [
+          /* @__PURE__ */ jsxs8(Text, { id: teamHelpId, size: 0, muted: true, children: [
             "Required for team-owned Vercel projects. Find it at Vercel \u2192 Settings \u2192 General \u2192 Team ID (starts with ",
-            /* @__PURE__ */ jsx7("code", { children: "team_" }),
+            /* @__PURE__ */ jsx11("code", { children: "team_" }),
             ")."
           ] })
         ] }),
-        /* @__PURE__ */ jsxs6(Flex6, { align: "center", gap: 3, children: [
-          /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsxs8(Flex, { align: "center", gap: 3, children: [
+          /* @__PURE__ */ jsx11(
             Switch,
             {
               checked: disableDelete,
               onChange: (e) => setDisableDelete(e.target.checked),
-              id: "disable-delete"
+              id: disableId
             }
           ),
-          /* @__PURE__ */ jsxs6(Stack, { space: 1, children: [
-            /* @__PURE__ */ jsx7(Label, { as: "label", size: 1, htmlFor: "disable-delete", children: "Disable delete action" }),
-            /* @__PURE__ */ jsx7(Text5, { size: 0, muted: true, children: "Hides the delete button for this target in the studio." })
+          /* @__PURE__ */ jsxs8(Stack, { space: 1, children: [
+            /* @__PURE__ */ jsx11(Label, { as: "label", size: 1, htmlFor: disableId, children: "Disable delete action" }),
+            /* @__PURE__ */ jsx11(Text, { size: 0, muted: true, children: "Hides the delete button for this target in the studio." })
           ] })
         ] }),
-        error && /* @__PURE__ */ jsx7(Card5, { tone: "critical", padding: 3, radius: 2, children: /* @__PURE__ */ jsx7(Text5, { size: 1, children: error }) })
+        error && /* @__PURE__ */ jsx11(Card, { tone: "critical", padding: 3, radius: 2, children: /* @__PURE__ */ jsx11(Text, { size: 1, children: error }) })
       ] }) })
     }
   );
 }
 
 // src/version.ts
-var VERSION = "1.1.1";
+var VERSION = "1.2.1";
 
 // src/components/DeployTool.tsx
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs9 } from "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 = useClient3({ apiVersion: "2025-01-01" });
   const toast = useToast();
-  const [token, setToken] = useState6(null);
-  const [targets, setTargets] = useState6([]);
-  const [loading, setLoading] = useState6(true);
-  const [showTokenSetup, setShowTokenSetup] = useState6(false);
-  const [showCreateForm, setShowCreateForm] = useState6(false);
-  const [pendingEdit, setPendingEdit] = useState6(null);
-  const [pendingDelete, setPendingDelete] = useState6(null);
-  const [deleting, setDeleting] = useState6(false);
-  const load = useCallback6(async () => {
+  const [token, setToken] = useState8(null);
+  const [targets, setTargets] = useState8([]);
+  const [loading, setLoading] = useState8(true);
+  const [showTokenSetup, setShowTokenSetup] = useState8(false);
+  const [showCreateForm, setShowCreateForm] = useState8(false);
+  const [pendingEdit, setPendingEdit] = useState8(null);
+  const [pendingDelete, setPendingDelete] = useState8(null);
+  const [deleting, setDeleting] = useState8(false);
+  const load = useCallback7(async () => {
     setLoading(true);
     try {
       const [fetchedToken, fetchedTargets] = await Promise.all([
@@ -1165,11 +1515,20 @@ function DeployTool() {
       setLoading(false);
     }
   }, [client]);
-  useEffect4(() => {
+  useEffect5(() => {
     load();
   }, [load]);
-  useEffect4(() => {
-    if (document.getElementById("dvfs-styles")) return;
+  useEffect5(() => {
+    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 = `
@@ -1190,11 +1549,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();
     };
   }, []);
-  useEffect4(() => {
+  useEffect5(() => {
     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);
@@ -1202,11 +1564,13 @@ function DeployTool() {
     });
     return () => sub.unsubscribe();
   }, [client]);
-  const confirmDelete = useCallback6(async () => {
+  const confirmDelete = useCallback7(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) {
@@ -1217,15 +1581,15 @@ function DeployTool() {
     }
   }, [client, pendingDelete, toast]);
   if (loading) {
-    return /* @__PURE__ */ jsx8(Card6, { height: "fill", tone: "transparent", children: /* @__PURE__ */ jsx8(Flex7, { align: "center", justify: "center", height: "fill", children: /* @__PURE__ */ jsx8(Spinner4, { muted: true }) }) });
+    return /* @__PURE__ */ jsx12(Card, { height: "fill", tone: "transparent", children: /* @__PURE__ */ jsx12(Flex, { align: "center", justify: "center", height: "fill", children: /* @__PURE__ */ jsx12(Spinner, { muted: true }) }) });
   }
-  return /* @__PURE__ */ jsxs7(Card6, { height: "fill", tone: "transparent", children: [
-    /* @__PURE__ */ jsx8(Box5, { padding: 5, children: /* @__PURE__ */ jsxs7(Stack, { space: 5, children: [
-      /* @__PURE__ */ jsxs7(Flex7, { align: "center", justify: "space-between", className: "dvfs-header", children: [
-        /* @__PURE__ */ jsx8(Heading, { size: 2, children: "Deploy with Vercel" }),
-        /* @__PURE__ */ jsxs7(Flex7, { align: "center", gap: 3, className: "dvfs-header-actions", children: [
-          /* @__PURE__ */ jsx8(
-            Button6,
+  return /* @__PURE__ */ jsxs9(Card, { height: "fill", tone: "transparent", children: [
+    /* @__PURE__ */ jsx12(Box, { padding: 5, children: /* @__PURE__ */ jsxs9(Stack, { space: 5, children: [
+      /* @__PURE__ */ jsxs9(Flex, { align: "center", justify: "space-between", className: "dvfs-header", children: [
+        /* @__PURE__ */ jsx12(Heading, { size: 2, children: "Deploy with Vercel" }),
+        /* @__PURE__ */ jsxs9(Flex, { align: "center", gap: 3, className: "dvfs-header-actions", children: [
+          /* @__PURE__ */ jsx12(
+            Button,
             {
               text: token ? "Token connected" : "Connect API token",
               mode: "ghost",
@@ -1236,8 +1600,8 @@ function DeployTool() {
               style: { cursor: "pointer" }
             }
           ),
-          /* @__PURE__ */ jsx8(
-            Button6,
+          /* @__PURE__ */ jsx12(
+            Button,
             {
               text: "Add target",
               mode: "ghost",
@@ -1249,13 +1613,13 @@ function DeployTool() {
           )
         ] })
       ] }),
-      !token && /* @__PURE__ */ jsx8(Card6, { padding: 4, radius: 2, tone: "caution", shadow: 1, children: /* @__PURE__ */ jsxs7(Flex7, { align: "center", justify: "space-between", gap: 4, children: [
-        /* @__PURE__ */ jsxs7(Stack, { space: 2, children: [
-          /* @__PURE__ */ jsx8(Text6, { size: 1, weight: "semibold", children: "Deploy status is not connected" }),
-          /* @__PURE__ */ jsx8(Text6, { 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__ */ jsx12(Card, { padding: 4, radius: 2, tone: "caution", shadow: 1, children: /* @__PURE__ */ jsxs9(Flex, { align: "center", justify: "space-between", gap: 4, children: [
+        /* @__PURE__ */ jsxs9(Stack, { space: 2, children: [
+          /* @__PURE__ */ jsx12(Text, { size: 1, weight: "semibold", children: "Deploy status is not connected" }),
+          /* @__PURE__ */ jsx12(Text, { size: 1, muted: true, children: "You can trigger deploys now. Connect a Vercel API token to also see deployment status, build logs, history, and commit metadata." })
         ] }),
-        /* @__PURE__ */ jsx8(
-          Button6,
+        /* @__PURE__ */ jsx12(
+          Button,
           {
             text: "Connect",
             tone: "caution",
@@ -1265,16 +1629,16 @@ function DeployTool() {
           }
         )
       ] }) }),
-      targets.length === 0 && /* @__PURE__ */ jsx8(Card6, { padding: 5, radius: 2, tone: "transparent", shadow: 1, children: /* @__PURE__ */ jsxs7(Stack, { space: 4, style: { textAlign: "center" }, children: [
-        /* @__PURE__ */ jsx8(Text6, { size: 2, weight: "semibold", children: "No deploy targets configured" }),
-        /* @__PURE__ */ jsxs7(Text6, { size: 1, muted: true, children: [
+      targets.length === 0 && /* @__PURE__ */ jsx12(Card, { padding: 5, radius: 2, tone: "transparent", shadow: 1, children: /* @__PURE__ */ jsxs9(Stack, { space: 4, style: { textAlign: "center" }, children: [
+        /* @__PURE__ */ jsx12(Text, { size: 2, weight: "semibold", children: "No deploy targets configured" }),
+        /* @__PURE__ */ jsxs9(Text, { size: 1, muted: true, children: [
           "Add a deploy target using the button above, or create a",
           " ",
-          /* @__PURE__ */ jsx8("code", { children: "vercel_deploy" }),
+          /* @__PURE__ */ jsx12("code", { children: "vercel_deploy" }),
           " document directly in the dataset."
         ] }),
-        /* @__PURE__ */ jsx8(Flex7, { justify: "center", children: /* @__PURE__ */ jsx8(
-          Button6,
+        /* @__PURE__ */ jsx12(Flex, { justify: "center", children: /* @__PURE__ */ jsx12(
+          Button,
           {
             text: "Add deploy target",
             tone: "primary",
@@ -1284,12 +1648,12 @@ function DeployTool() {
           }
         ) })
       ] }) }),
-      targets.length > 0 && /* @__PURE__ */ jsx8("div", { className: "dvfs-grid", style: {
+      targets.length > 0 && /* @__PURE__ */ jsx12("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__ */ jsx8(
+      }, children: targets.map((target) => /* @__PURE__ */ jsx12(
         DeployItem,
         {
           target,
@@ -1300,8 +1664,8 @@ function DeployTool() {
         target._id
       )) })
     ] }) }),
-    /* @__PURE__ */ jsx8(
-      Box5,
+    /* @__PURE__ */ jsx12(
+      Box,
       {
         style: {
           position: "fixed",
@@ -1311,23 +1675,24 @@ function DeployTool() {
           pointerEvents: "none",
           userSelect: "none"
         },
-        children: /* @__PURE__ */ jsxs7(Text6, { size: 0, muted: true, children: [
+        children: /* @__PURE__ */ jsxs9(Text, { size: 0, muted: true, children: [
           "v",
           VERSION
         ] })
       }
     ),
-    showTokenSetup && /* @__PURE__ */ jsx8(
+    showTokenSetup && /* @__PURE__ */ jsx12(
       TokenSetup,
       {
         onSaved: () => {
           setShowTokenSetup(false);
           load();
         },
-        onCancel: token ? () => setShowTokenSetup(false) : void 0
+        onCancel: () => setShowTokenSetup(false),
+        hasToken: Boolean(token)
       }
     ),
-    showCreateForm && /* @__PURE__ */ jsx8(
+    showCreateForm && /* @__PURE__ */ jsx12(
       DeployTargetForm,
       {
         onSaved: () => {
@@ -1337,7 +1702,7 @@ function DeployTool() {
         onClose: () => setShowCreateForm(false)
       }
     ),
-    pendingEdit && /* @__PURE__ */ jsx8(
+    pendingEdit && /* @__PURE__ */ jsx12(
       DeployTargetForm,
       {
         initial: pendingEdit,
@@ -1348,16 +1713,16 @@ function DeployTool() {
         onClose: () => setPendingEdit(null)
       }
     ),
-    pendingDelete && /* @__PURE__ */ jsx8(
-      Dialog4,
+    pendingDelete && /* @__PURE__ */ jsx12(
+      Dialog,
       {
         header: "Delete deploy target?",
         id: "confirm-delete",
         onClose: () => setPendingDelete(null),
         width: 1,
-        footer: /* @__PURE__ */ jsxs7(Flex7, { padding: 3, gap: 2, justify: "flex-end", children: [
-          /* @__PURE__ */ jsx8(
-            Button6,
+        footer: /* @__PURE__ */ jsxs9(Flex, { padding: 3, gap: 2, justify: "flex-end", children: [
+          /* @__PURE__ */ jsx12(
+            Button,
             {
               text: "Cancel",
               mode: "ghost",
@@ -1365,8 +1730,8 @@ function DeployTool() {
               style: { cursor: "pointer" }
             }
           ),
-          /* @__PURE__ */ jsx8(
-            Button6,
+          /* @__PURE__ */ jsx12(
+            Button,
             {
               text: "Delete",
               tone: "critical",
@@ -1378,26 +1743,59 @@ function DeployTool() {
             }
           )
         ] }),
-        children: /* @__PURE__ */ jsx8(Box5, { padding: 4, children: /* @__PURE__ */ jsxs7(Stack, { space: 3, children: [
-          /* @__PURE__ */ jsxs7(Flex7, { align: "center", gap: 2, children: [
-            /* @__PURE__ */ jsx8(WarningOutlineIcon, {}),
-            /* @__PURE__ */ jsx8(Text6, { size: 2, weight: "semibold", children: pendingDelete.name })
+        children: /* @__PURE__ */ jsx12(Box, { padding: 4, children: /* @__PURE__ */ jsxs9(Stack, { space: 3, children: [
+          /* @__PURE__ */ jsxs9(Flex, { align: "center", gap: 2, children: [
+            /* @__PURE__ */ jsx12(WarningOutlineIcon, {}),
+            /* @__PURE__ */ jsx12(Text, { size: 2, weight: "semibold", children: pendingDelete.name })
           ] }),
-          /* @__PURE__ */ jsx8(Text6, { size: 1, muted: true, children: "This removes the deploy target from the dataset. The Vercel deploy hook itself is not affected." })
+          /* @__PURE__ */ jsx12(Text, { size: 1, muted: true, children: "This removes the deploy target from the dataset. The Vercel deploy hook itself is not affected." })
         ] }) })
       }
     ),
-    /* @__PURE__ */ jsx8(ToastViewport, {})
+    /* @__PURE__ */ jsx12(ToastViewport, {})
   ] });
 }
 
 // src/schema/vercelDeploy.ts
 import { defineField, defineType } from "sanity";
+
+// src/schema/schemaIcon.tsx
+import { forwardRef as forwardRef3 } from "react";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var SchemaRocketIcon = forwardRef3(
+  function SchemaRocketIcon2(props, ref) {
+    return /* @__PURE__ */ jsx13(
+      "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__ */ jsx13(
+          "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 = defineType({
   name: "vercel_deploy",
   title: "Deploy Target",
   type: "document",
-  icon: RocketIcon,
+  icon: SchemaRocketIcon,
   fields: [
     defineField({
       name: "name",