@liiift-studio/deploy-vercel-from-sanity 0.1.7 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/index.js +586 -329
  2. package/dist/index.mjs +597 -336
  3. package/package.json +1 -1
  4. package/src/components/DeployHistory.tsx +1 -1
  5. package/src/components/DeployItem.tsx +346 -275
  6. package/src/components/DeployTargetForm.tsx +143 -0
  7. package/src/components/DeployTool.tsx +127 -33
  8. package/src/components/StatusBadge.tsx +1 -1
  9. package/src/components/TokenSetup.tsx +57 -54
  10. package/src/version.ts +2 -0
package/dist/index.js CHANGED
@@ -24,14 +24,14 @@ __export(index_exports, {
24
24
  vercelDeploySchema: () => vercelDeploySchema
25
25
  });
26
26
  module.exports = __toCommonJS(index_exports);
27
- var import_sanity4 = require("sanity");
28
- var import_icons6 = require("@sanity/icons");
27
+ var import_sanity5 = require("sanity");
28
+ var import_icons7 = require("@sanity/icons");
29
29
 
30
30
  // src/components/DeployTool.tsx
31
- var import_react4 = require("react");
32
- var import_sanity2 = require("sanity");
33
- var import_ui5 = require("@sanity/ui");
34
- var import_icons4 = require("@sanity/icons");
31
+ var import_react5 = require("react");
32
+ var import_sanity3 = require("sanity");
33
+ var import_ui6 = require("@sanity/ui");
34
+ var import_icons5 = require("@sanity/icons");
35
35
 
36
36
  // src/components/DeployItem.tsx
37
37
  var import_react2 = require("react");
@@ -180,7 +180,7 @@ function StatusBadge({ state, showSpinner }) {
180
180
  const spinning = showSpinner && (state === "QUEUED" || state === "INITIALIZING" || state === "BUILDING");
181
181
  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ui.Flex, { align: "center", gap: 2, children: [
182
182
  spinning && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Spinner, { muted: true }),
183
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Badge, { tone, mode: "outline", children: label })
183
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Badge, { tone, padding: 2, children: label })
184
184
  ] });
185
185
  }
186
186
 
@@ -245,7 +245,7 @@ function DeployHistory({ target, token, onClose }) {
245
245
  children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Text, { size: 1, style: { textDecoration: "underline" }, children: d.url.length > 36 ? `${d.url.slice(0, 36)}\u2026` : d.url })
246
246
  }
247
247
  ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Text, { size: 1, muted: true, children: "\u2014" }) }),
248
- /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Box, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Badge, { tone, mode: "outline", children: label }) }),
248
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Box, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Badge, { tone, children: label }) }),
249
249
  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Box, { flex: 2, style: { overflow: "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ui2.Stack, { space: 1, children: [
250
250
  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Text, { size: 1, children: branch }),
251
251
  sha && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ui2.Text, { size: 0, muted: true, children: [
@@ -275,7 +275,8 @@ function DeployHistory({ target, token, onClose }) {
275
275
  // src/components/DeployItem.tsx
276
276
  var import_jsx_runtime3 = require("react/jsx-runtime");
277
277
  var POLL_INTERVAL_MS = 5e3;
278
- function DeployItem({ target, token, onDelete }) {
278
+ var LABEL_WIDTH = 64;
279
+ function DeployItem({ target, token, onDelete, onEdit }) {
279
280
  const { projectId, hookId } = parseHookUrl(target.url);
280
281
  const [deployments, setDeployments] = (0, import_react2.useState)([]);
281
282
  const [loadingInitial, setLoadingInitial] = (0, import_react2.useState)(true);
@@ -285,6 +286,7 @@ function DeployItem({ target, token, onDelete }) {
285
286
  const [showHistory, setShowHistory] = (0, import_react2.useState)(false);
286
287
  const [elapsed, setElapsed] = (0, import_react2.useState)(0);
287
288
  const [copied, setCopied] = (0, import_react2.useState)(false);
289
+ const [showDetails, setShowDetails] = (0, import_react2.useState)(false);
288
290
  const [showErrorLogs, setShowErrorLogs] = (0, import_react2.useState)(false);
289
291
  const [errorLines, setErrorLines] = (0, import_react2.useState)([]);
290
292
  const [loadingLogs, setLoadingLogs] = (0, import_react2.useState)(false);
@@ -383,140 +385,134 @@ function DeployItem({ target, token, onDelete }) {
383
385
  }
384
386
  }, [latest?.uid, token, target.teamId]);
385
387
  const toggleErrorLogs = (0, import_react2.useCallback)(() => {
386
- if (!showErrorLogs && errorLines.length === 0 && !logError) {
387
- fetchErrorLogs();
388
- }
388
+ if (!showErrorLogs && errorLines.length === 0 && !logError) fetchErrorLogs();
389
389
  setShowErrorLogs((v) => !v);
390
390
  }, [showErrorLogs, errorLines.length, logError, fetchErrorLogs]);
391
391
  const branch = latest?.meta?.githubCommitRef;
392
392
  const commitMsg = latest?.meta?.githubCommitMessage?.split("\n")[0];
393
393
  const sha = shortSha(latest?.meta?.githubCommitSha);
394
+ const fullSha = latest?.meta?.githubCommitSha;
394
395
  const creator = latest?.creator?.username;
395
396
  const deployedAt = latest?.created ? timeAgo(latest.created) : null;
396
397
  const vercelProjectUrl = projectHref(latest?.inspectorUrl);
397
398
  const isError = latest?.state === "ERROR";
398
399
  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
399
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Card, { padding: 5, radius: 2, shadow: 1, tone: "default", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { gap: 4, align: "stretch", children: [
400
- /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Stack, { space: 3, flex: 1, style: { minWidth: 0 }, children: [
401
- /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { align: "center", justify: "space-between", gap: 2, children: [
402
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 2, weight: "semibold", children: target.name }),
403
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
404
- import_ui3.MenuButton,
405
- {
406
- button: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Button, { mode: "ghost", icon: import_icons2.EllipsisVerticalIcon, padding: 2 }),
407
- id: `menu-${target._id}`,
408
- menu: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Menu, { children: [
409
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
410
- import_ui3.MenuItem,
411
- {
412
- text: "History",
413
- icon: import_icons2.ClockIcon,
414
- onClick: () => setShowHistory(true)
415
- }
416
- ),
417
- safeHref(latest?.inspectorUrl) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
418
- import_ui3.MenuItem,
419
- {
420
- text: "Build logs",
421
- icon: import_icons2.LaunchIcon,
422
- as: "a",
423
- href: safeHref(latest?.inspectorUrl),
424
- target: "_blank",
425
- rel: "noreferrer"
426
- }
427
- ),
428
- vercelProjectUrl && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
429
- import_ui3.MenuItem,
430
- {
431
- text: "Open in Vercel",
432
- icon: import_icons2.LaunchIcon,
433
- as: "a",
434
- href: vercelProjectUrl,
435
- target: "_blank",
436
- rel: "noreferrer"
437
- }
438
- ),
439
- !target.disableDeleteAction && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
440
- import_ui3.MenuItem,
441
- {
442
- text: "Delete",
443
- icon: import_icons2.TrashIcon,
444
- tone: "critical",
445
- onClick: () => onDelete(target)
446
- }
447
- )
448
- ] }),
449
- popover: { placement: "bottom-end" }
450
- }
451
- )
452
- ] }),
453
- /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { gap: 2, wrap: "wrap", children: [
454
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 0, muted: true, children: projectId ? `${projectId.slice(0, 18)}\u2026` : "\u2014" }),
455
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 0, muted: true, children: "\xB7" }),
456
- /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Text, { size: 0, muted: true, children: [
457
- "Hook: ",
458
- hookId || "\u2014"
459
- ] }),
460
- target.teamId && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
461
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 0, muted: true, children: "\xB7" }),
462
- /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Text, { size: 0, muted: true, children: [
463
- "Team: ",
464
- target.teamId
465
- ] })
466
- ] })
467
- ] }),
468
- loadingInitial ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { align: "center", gap: 2, children: [
469
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Spinner, { muted: true }),
470
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 1, muted: true, children: "Loading\u2026" })
471
- ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Stack, { space: 2, children: [
472
- /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { align: "center", gap: 2, wrap: "wrap", children: [
473
- triggering ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { align: "center", gap: 2, children: [
474
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Spinner, { muted: true }),
475
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Badge, { tone: "caution", mode: "outline", children: "Triggering\u2026" })
476
- ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(StatusBadge, { state: latest?.state, showSpinner: true }),
477
- isActive && elapsed > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { align: "center", gap: 1, children: [
478
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons2.ClockIcon, {}),
479
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 1, muted: true, children: formatDuration(elapsed) })
480
- ] }) : !isActive && deployedAt ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 1, muted: true, children: deployedAt }) : null,
481
- branch && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
482
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 1, muted: true, children: "\xB7" }),
483
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Badge, { tone: "default", mode: "outline", children: branch })
400
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Card, { radius: 2, shadow: 1, tone: "default", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { align: "stretch", className: "dvfs-card-flex", children: [
401
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { direction: "column", flex: 1, style: { minWidth: 0 }, children: [
402
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Stack, { space: 3, padding: 3, style: { flex: 1 }, children: [
403
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { align: "center", justify: "space-between", gap: 2, children: [
404
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { align: "center", gap: 2, style: { minWidth: 0, flexWrap: "wrap" }, children: [
405
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 2, weight: "semibold", style: { flexShrink: 0 }, children: target.name }),
406
+ branch && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Badge, { tone: "default", padding: 2, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { align: "center", gap: 1, children: [
407
+ branch,
408
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", style: { marginLeft: "-0.1em", opacity: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M5 3.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0zm0 2.122a2.25 2.25 0 1 0-1.5 0v.878A2.25 2.25 0 0 0 5.75 8.5h1.5v2.128a2.251 2.251 0 1 0 1.5 0V8.5h1.5a2.25 2.25 0 0 0 2.25-2.25v-.878a2.25 2.25 0 1 0-1.5 0v.878a.75.75 0 0 1-.75.75h-4.5A.75.75 0 0 1 5 6.25v-.878zm3.75 7.378a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0zm3-8.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0z" }) })
409
+ ] }) }),
410
+ token && !loadingInitial && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
411
+ triggering ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { align: "center", gap: 1, children: [
412
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Spinner, { muted: true }),
413
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Badge, { tone: "caution", padding: 2, children: "Triggering\u2026" })
414
+ ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(StatusBadge, { state: latest?.state, showSpinner: true }),
415
+ isActive && elapsed > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { align: "center", gap: 1, children: [
416
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons2.ClockIcon, {}),
417
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 1, muted: true, children: formatDuration(elapsed) })
418
+ ] }) : !isActive && deployedAt ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 1, muted: true, children: deployedAt }) : null
419
+ ] })
484
420
  ] }),
485
- sha && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
486
- import_ui3.Tooltip,
421
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
422
+ import_ui3.MenuButton,
487
423
  {
488
- content: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Box, { padding: 2, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 1, children: commitMsg ?? sha }) }),
489
- portal: true,
490
- children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
491
- import_ui3.Text,
492
- {
493
- size: 1,
494
- muted: true,
495
- style: { cursor: "default", fontFamily: "monospace" },
496
- children: sha
497
- }
498
- )
424
+ button: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Button, { mode: "ghost", icon: import_icons2.EllipsisVerticalIcon, padding: 2 }),
425
+ id: `menu-${target._id}`,
426
+ menu: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Menu, { children: [
427
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
428
+ import_ui3.MenuItem,
429
+ {
430
+ text: "Edit target",
431
+ icon: import_icons2.EditIcon,
432
+ onClick: () => onEdit(target)
433
+ }
434
+ ),
435
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
436
+ import_ui3.MenuItem,
437
+ {
438
+ text: "History",
439
+ icon: import_icons2.ClockIcon,
440
+ onClick: () => setShowHistory(true)
441
+ }
442
+ ),
443
+ safeHref(latest?.inspectorUrl) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
444
+ import_ui3.MenuItem,
445
+ {
446
+ text: "Build logs",
447
+ icon: import_icons2.LaunchIcon,
448
+ as: "a",
449
+ href: safeHref(latest?.inspectorUrl),
450
+ target: "_blank",
451
+ rel: "noreferrer"
452
+ }
453
+ ),
454
+ vercelProjectUrl && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
455
+ import_ui3.MenuItem,
456
+ {
457
+ text: "Open in Vercel",
458
+ icon: import_icons2.LaunchIcon,
459
+ as: "a",
460
+ href: vercelProjectUrl,
461
+ target: "_blank",
462
+ rel: "noreferrer"
463
+ }
464
+ ),
465
+ !target.disableDeleteAction && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
466
+ import_ui3.MenuItem,
467
+ {
468
+ text: "Delete",
469
+ icon: import_icons2.TrashIcon,
470
+ tone: "critical",
471
+ onClick: () => onDelete(target)
472
+ }
473
+ )
474
+ ] }),
475
+ popover: { placement: "bottom-end" }
499
476
  }
500
- ),
501
- creator && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Text, { size: 1, muted: true, children: [
502
- "by ",
503
- creator
504
- ] }),
505
- latest?.url && latest.state === "READY" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
506
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
477
+ )
478
+ ] }),
479
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("hr", { style: { border: "none", borderTop: "1px solid currentColor", opacity: 0.1, margin: 0 } }),
480
+ !token ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 1, muted: true, children: "Connect a Vercel API token to see deployment status." }) : loadingInitial ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { align: "center", gap: 2, children: [
481
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Spinner, { muted: true }),
482
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 1, muted: true, children: "Loading\u2026" })
483
+ ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Stack, { space: 2, children: [
484
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { align: "center", gap: 2, wrap: "wrap", children: [
485
+ latest?.url && latest.state === "READY" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
507
486
  "a",
508
487
  {
509
488
  href: `https://${latest.url}`,
510
489
  target: "_blank",
511
490
  rel: "noreferrer",
512
491
  style: { color: "inherit" },
513
- children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { align: "center", gap: 1, children: [
514
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons2.LaunchIcon, {}),
515
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 1, children: "Preview" })
516
- ] })
492
+ children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Flex, { align: "center", gap: 1, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 1, children: latest.url }) })
493
+ }
494
+ ) }),
495
+ sha && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
496
+ import_ui3.Tooltip,
497
+ {
498
+ content: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Box, { padding: 2, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 1, children: commitMsg ?? sha }) }),
499
+ portal: true,
500
+ children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
501
+ import_ui3.Text,
502
+ {
503
+ size: 1,
504
+ muted: true,
505
+ style: { cursor: "default", fontFamily: "monospace" },
506
+ children: sha
507
+ }
508
+ )
517
509
  }
518
510
  ),
519
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
511
+ creator && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Text, { size: 1, muted: true, children: [
512
+ "by ",
513
+ creator
514
+ ] }),
515
+ latest?.url && latest.state === "READY" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
520
516
  import_ui3.Tooltip,
521
517
  {
522
518
  content: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Box, { padding: 2, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 1, children: copied ? "Copied!" : "Copy URL" }) }),
@@ -528,100 +524,120 @@ function DeployItem({ target, token, onDelete }) {
528
524
  icon: copied ? import_icons2.CheckmarkIcon : import_icons2.CopyIcon,
529
525
  padding: 1,
530
526
  tone: copied ? "positive" : "default",
531
- onClick: copyUrl
527
+ onClick: copyUrl,
528
+ style: { cursor: "pointer" }
532
529
  }
533
530
  )
534
531
  }
535
- )
536
- ] })
537
- ] }),
538
- commitMsg && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
539
- import_ui3.Text,
540
- {
541
- size: 0,
542
- muted: true,
543
- style: {
544
- overflow: "hidden",
545
- textOverflow: "ellipsis",
546
- whiteSpace: "nowrap"
547
- },
548
- children: commitMsg
549
- }
550
- ),
551
- isError && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Stack, { space: 2, children: [
552
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
553
- import_ui3.Button,
554
- {
555
- text: showErrorLogs ? "Hide error details" : "Show error details",
556
- mode: "ghost",
557
- tone: "critical",
558
- icon: import_icons2.WarningOutlineIcon,
559
- fontSize: 1,
560
- padding: 2,
561
- onClick: toggleErrorLogs,
562
- style: { alignSelf: "flex-start" }
563
- }
564
- ),
565
- showErrorLogs && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Card, { tone: "critical", radius: 2, padding: 3, children: [
566
- loadingLogs && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { align: "center", gap: 2, children: [
567
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Spinner, { muted: true }),
568
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 1, muted: true, children: "Loading logs\u2026" })
569
- ] }),
570
- logError && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Stack, { space: 2, children: [
571
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 1, children: logError }),
572
- safeHref(latest?.inspectorUrl) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
573
- "a",
574
- {
575
- href: safeHref(latest?.inspectorUrl),
576
- target: "_blank",
577
- rel: "noreferrer",
578
- style: { color: "inherit" },
579
- children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { align: "center", gap: 1, children: [
580
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons2.LaunchIcon, {}),
581
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 1, children: "View full logs in Vercel" })
582
- ] })
583
- }
584
- )
585
- ] }),
586
- !loadingLogs && !logError && errorLines.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Stack, { space: 2, children: [
532
+ ) })
533
+ ] }),
534
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { align: "center", gap: 2, wrap: "wrap", children: [
535
+ commitMsg && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
536
+ import_ui3.Text,
537
+ {
538
+ size: 0,
539
+ muted: true,
540
+ style: { fontStyle: "italic" },
541
+ children: commitMsg
542
+ }
543
+ ),
544
+ isError && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Stack, { space: 2, children: [
587
545
  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
588
- import_ui3.Box,
546
+ import_ui3.Button,
589
547
  {
590
- style: {
591
- maxHeight: 240,
592
- overflowY: "auto",
593
- fontFamily: "monospace",
594
- fontSize: 11,
595
- lineHeight: 1.6
596
- },
597
- children: errorLines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
598
- import_ui3.Code,
599
- {
600
- size: 1,
601
- style: { display: "block", whiteSpace: "pre-wrap", wordBreak: "break-all" },
602
- children: line
603
- },
604
- i
605
- ))
548
+ text: showErrorLogs ? "Hide error details" : "Show error details",
549
+ mode: "ghost",
550
+ tone: "critical",
551
+ icon: import_icons2.WarningOutlineIcon,
552
+ fontSize: 1,
553
+ padding: 2,
554
+ onClick: toggleErrorLogs,
555
+ style: { alignSelf: "flex-start", cursor: "pointer" }
606
556
  }
607
557
  ),
608
- safeHref(latest?.inspectorUrl) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
609
- "a",
610
- {
611
- href: safeHref(latest?.inspectorUrl),
612
- target: "_blank",
613
- rel: "noreferrer",
614
- style: { color: "inherit" },
615
- children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { align: "center", gap: 1, children: [
558
+ showErrorLogs && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Card, { tone: "critical", radius: 2, padding: 3, children: [
559
+ loadingLogs && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { align: "center", gap: 2, children: [
560
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Spinner, { muted: true }),
561
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 1, muted: true, children: "Loading logs\u2026" })
562
+ ] }),
563
+ logError && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Stack, { space: 2, children: [
564
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 1, children: logError }),
565
+ safeHref(latest?.inspectorUrl) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("a", { href: safeHref(latest?.inspectorUrl), target: "_blank", rel: "noreferrer", style: { color: "inherit" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { align: "center", gap: 1, children: [
616
566
  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons2.LaunchIcon, {}),
617
567
  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 1, children: "View full logs in Vercel" })
618
- ] })
619
- }
620
- )
621
- ] })
568
+ ] }) })
569
+ ] }),
570
+ !loadingLogs && !logError && errorLines.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Stack, { space: 2, children: [
571
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Box, { style: { maxHeight: 240, overflowY: "auto", fontFamily: "monospace", fontSize: 11, lineHeight: 1.6 }, children: errorLines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Code, { size: 1, style: { display: "block", whiteSpace: "pre-wrap", wordBreak: "break-all" }, children: line }, i)) }),
572
+ safeHref(latest?.inspectorUrl) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("a", { href: safeHref(latest?.inspectorUrl), target: "_blank", rel: "noreferrer", style: { color: "inherit" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { align: "center", gap: 1, children: [
573
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons2.LaunchIcon, {}),
574
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 1, children: "View full logs in Vercel" })
575
+ ] }) })
576
+ ] })
577
+ ] })
578
+ ] }),
579
+ deployError && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Card, { tone: "critical", padding: 2, radius: 2, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 1, children: deployError }) })
622
580
  ] })
623
- ] }),
624
- deployError && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Card, { tone: "critical", padding: 2, radius: 2, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 1, children: deployError }) })
581
+ ] })
582
+ ] }),
583
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Box, { children: [
584
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
585
+ import_ui3.Button,
586
+ {
587
+ mode: "ghost",
588
+ iconRight: showDetails ? import_icons2.ChevronUpIcon : import_icons2.ChevronDownIcon,
589
+ text: "Details",
590
+ fontSize: 0,
591
+ padding: 3,
592
+ onClick: () => setShowDetails((v) => !v),
593
+ style: { width: "100%", justifyContent: "flex-start", borderRadius: 0, cursor: "pointer" }
594
+ }
595
+ ),
596
+ showDetails && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Card, { tone: "primary", padding: 3, style: { borderRadius: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Stack, { space: 2, children: [
597
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { gap: 2, align: "center", children: [
598
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Project" }),
599
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: projectId || "\u2014" })
600
+ ] }),
601
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { gap: 2, align: "center", children: [
602
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Hook" }),
603
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: hookId || "\u2014" })
604
+ ] }),
605
+ target.teamId && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { gap: 2, align: "center", children: [
606
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Team" }),
607
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: target.teamId })
608
+ ] }),
609
+ fullSha && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { gap: 2, align: "flex-start", children: [
610
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Commit" }),
611
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 0, muted: true, style: { fontFamily: "monospace", wordBreak: "break-all" }, children: fullSha })
612
+ ] }),
613
+ latest?.meta?.githubCommitAuthorName && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { gap: 2, align: "center", children: [
614
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Author" }),
615
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 0, muted: true, children: latest.meta.githubCommitAuthorName })
616
+ ] }),
617
+ branch && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { gap: 2, align: "center", children: [
618
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Branch" }),
619
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: branch })
620
+ ] }),
621
+ latest?.uid && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { gap: 2, align: "center", children: [
622
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Deploy ID" }),
623
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: latest.uid })
624
+ ] }),
625
+ latest?.url && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { gap: 2, align: "flex-start", children: [
626
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "URL" }),
627
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 0, muted: true, style: { fontFamily: "monospace", wordBreak: "break-all" }, children: latest.url })
628
+ ] }),
629
+ safeHref(latest?.inspectorUrl) && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { gap: 2, align: "center", children: [
630
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Inspector" }),
631
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("a", { href: safeHref(latest?.inspectorUrl), target: "_blank", rel: "noreferrer", style: { color: "inherit" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { align: "center", gap: 1, children: [
632
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 0, muted: true, style: { fontFamily: "monospace" }, children: "Open in Vercel" }),
633
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons2.LaunchIcon, { style: { width: 10, height: 10 } })
634
+ ] }) })
635
+ ] }),
636
+ latest?.created && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { gap: 2, align: "center", children: [
637
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 0, muted: true, weight: "semibold", style: { minWidth: LABEL_WIDTH }, children: "Created" }),
638
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 0, muted: true, children: new Date(latest.created).toLocaleString() })
639
+ ] })
640
+ ] }) })
625
641
  ] })
626
642
  ] }),
627
643
  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
@@ -629,6 +645,7 @@ function DeployItem({ target, token, onDelete }) {
629
645
  {
630
646
  direction: "column",
631
647
  gap: 2,
648
+ className: "dvfs-deploy-col",
632
649
  style: { flexShrink: 0, alignSelf: "stretch" },
633
650
  children: [
634
651
  isActiveState(latest?.state) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -639,7 +656,8 @@ function DeployItem({ target, token, onDelete }) {
639
656
  tone: "critical",
640
657
  loading: canceling,
641
658
  disabled: canceling,
642
- onClick: cancel
659
+ onClick: cancel,
660
+ style: { cursor: "pointer" }
643
661
  }
644
662
  ),
645
663
  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -647,11 +665,16 @@ function DeployItem({ target, token, onDelete }) {
647
665
  {
648
666
  text: "Deploy",
649
667
  tone: "primary",
650
- icon: import_icons2.RocketIcon,
651
668
  loading: triggering,
652
669
  disabled: isActive,
653
670
  onClick: deploy,
654
- style: { flex: 1 }
671
+ style: {
672
+ flex: 1,
673
+ borderRadius: 0,
674
+ borderTopRightRadius: 3,
675
+ borderBottomRightRadius: 3,
676
+ cursor: "pointer"
677
+ }
655
678
  }
656
679
  )
657
680
  ]
@@ -676,7 +699,7 @@ var import_ui4 = require("@sanity/ui");
676
699
  var import_icons3 = require("@sanity/icons");
677
700
  var import_jsx_runtime4 = require("react/jsx-runtime");
678
701
  var TOKEN_DOC_ID = "config.vercelDeploy";
679
- function TokenSetup({ onSaved }) {
702
+ function TokenSetup({ onSaved, onCancel }) {
680
703
  const client = (0, import_sanity.useClient)({ apiVersion: "2025-01-01" });
681
704
  const [token, setToken] = (0, import_react3.useState)("");
682
705
  const [saving, setSaving] = (0, import_react3.useState)(false);
@@ -698,68 +721,206 @@ function TokenSetup({ onSaved }) {
698
721
  setSaving(false);
699
722
  }
700
723
  }, [client, token, onSaved]);
701
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui4.Card, { height: "fill", tone: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui4.Flex, { align: "center", justify: "center", height: "fill", padding: 6, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui4.Card, { padding: 5, radius: 3, shadow: 1, style: { maxWidth: 480, width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_ui4.Stack, { space: 5, children: [
702
- /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_ui4.Flex, { align: "center", gap: 3, children: [
703
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui4.Text, { size: 3, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons3.TokenIcon, {}) }),
704
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui4.Heading, { size: 2, children: "Connect to Vercel" })
705
- ] }),
706
- /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_ui4.Stack, { space: 3, children: [
707
- /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_ui4.Text, { size: 1, muted: true, children: [
708
- "A Vercel API token is required to read deployment status, history, and build logs. Your token is stored securely in the Sanity dataset under a",
709
- " ",
710
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("code", { children: "secrets.*" }),
711
- " document ID that is not publicly readable."
724
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
725
+ import_ui4.Dialog,
726
+ {
727
+ header: "Connect Vercel API token",
728
+ id: "token-setup",
729
+ onClose: onCancel,
730
+ width: 1,
731
+ footer: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_ui4.Flex, { padding: 3, gap: 2, justify: "flex-end", children: [
732
+ onCancel && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui4.Button, { text: "Cancel", mode: "ghost", onClick: onCancel, style: { cursor: "pointer" } }),
733
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
734
+ import_ui4.Button,
735
+ {
736
+ text: "Save and connect",
737
+ tone: "primary",
738
+ icon: import_icons3.CheckmarkCircleIcon,
739
+ loading: saving,
740
+ disabled: !token.trim() || saving,
741
+ onClick: save,
742
+ style: { cursor: "pointer" }
743
+ }
744
+ )
712
745
  ] }),
713
- /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_ui4.Text, { size: 1, muted: true, children: [
714
- "Create a token at",
715
- " ",
716
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: "vercel.com \u2192 Settings \u2192 Tokens" }),
717
- ". Choose ",
718
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: "Full Account" }),
719
- " scope."
746
+ children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_ui4.Stack, { space: 4, padding: 4, children: [
747
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_ui4.Stack, { space: 3, children: [
748
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui4.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." }),
749
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_ui4.Text, { size: 1, muted: true, children: [
750
+ "Create one at ",
751
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: "vercel.com \u2192 Settings \u2192 Tokens" }),
752
+ " with",
753
+ " ",
754
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: "Full Account" }),
755
+ " scope. The token is stored in your Sanity dataset and shared across all authenticated studio users."
756
+ ] })
757
+ ] }),
758
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_ui4.Stack, { space: 2, children: [
759
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui4.Text, { size: 1, weight: "semibold", children: "Vercel API Token" }),
760
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
761
+ import_ui4.TextInput,
762
+ {
763
+ value: token,
764
+ onChange: (e) => setToken(e.target.value),
765
+ placeholder: "xxxxxxxxxxxxxxxxxxxxxxxx",
766
+ type: "password"
767
+ }
768
+ )
769
+ ] }),
770
+ error && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui4.Card, { tone: "critical", padding: 3, radius: 2, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui4.Text, { size: 1, children: error }) })
720
771
  ] })
721
- ] }),
722
- /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_ui4.Stack, { space: 3, children: [
723
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui4.Text, { size: 1, weight: "semibold", children: "Vercel API Token" }),
724
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
725
- import_ui4.TextInput,
726
- {
727
- value: token,
728
- onChange: (e) => setToken(e.target.value),
729
- placeholder: "xxxxxxxxxxxxxxxxxxxxxxxx",
730
- type: "password"
731
- }
732
- )
733
- ] }),
734
- error && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui4.Card, { tone: "critical", padding: 3, radius: 2, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui4.Text, { size: 1, children: error }) }),
735
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
736
- import_ui4.Button,
737
- {
738
- text: "Save and connect",
739
- tone: "primary",
740
- icon: import_icons3.CheckmarkCircleIcon,
741
- loading: saving,
742
- disabled: !token.trim() || saving,
743
- onClick: save
772
+ }
773
+ );
774
+ }
775
+
776
+ // src/components/DeployTargetForm.tsx
777
+ var import_react4 = require("react");
778
+ var import_sanity2 = require("sanity");
779
+ var import_ui5 = require("@sanity/ui");
780
+ var import_icons4 = require("@sanity/icons");
781
+ var import_jsx_runtime5 = require("react/jsx-runtime");
782
+ var VERCEL_HOOK_RE2 = /^https:\/\/api\.vercel\.com\/v1\/integrations\/deploy\//;
783
+ function DeployTargetForm({ initial, onSaved, onClose }) {
784
+ const client = (0, import_sanity2.useClient)({ apiVersion: "2025-01-01" });
785
+ const isEdit = Boolean(initial);
786
+ const [name, setName] = (0, import_react4.useState)(initial?.name ?? "");
787
+ const [url, setUrl] = (0, import_react4.useState)(initial?.url ?? "");
788
+ const [teamId, setTeamId] = (0, import_react4.useState)(initial?.teamId ?? "");
789
+ const [disableDelete, setDisableDelete] = (0, import_react4.useState)(initial?.disableDeleteAction ?? false);
790
+ const [saving, setSaving] = (0, import_react4.useState)(false);
791
+ const [error, setError] = (0, import_react4.useState)(null);
792
+ const urlValid = !url || VERCEL_HOOK_RE2.test(url.trim());
793
+ const canSave = name.trim() && url.trim() && urlValid;
794
+ const save = (0, import_react4.useCallback)(async () => {
795
+ if (!canSave) return;
796
+ setSaving(true);
797
+ setError(null);
798
+ const fields = {
799
+ name: name.trim(),
800
+ url: url.trim(),
801
+ ...teamId.trim() ? { teamId: teamId.trim() } : { teamId: null },
802
+ disableDeleteAction: disableDelete
803
+ };
804
+ try {
805
+ if (isEdit && initial) {
806
+ await client.patch(initial._id).set(fields).commit();
807
+ } else {
808
+ await client.create({ _type: "vercel_deploy", ...fields });
744
809
  }
745
- )
746
- ] }) }) }) });
810
+ onSaved();
811
+ } catch (err) {
812
+ setError(err instanceof Error ? err.message : "Save failed");
813
+ } finally {
814
+ setSaving(false);
815
+ }
816
+ }, [canSave, isEdit, initial, client, name, url, teamId, disableDelete, onSaved]);
817
+ return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
818
+ import_ui5.Dialog,
819
+ {
820
+ header: isEdit ? `Edit "${initial?.name}"` : "Add deploy target",
821
+ id: "deploy-target-form",
822
+ onClose,
823
+ width: 1,
824
+ footer: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { padding: 3, gap: 2, justify: "flex-end", children: [
825
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Button, { text: "Cancel", mode: "ghost", onClick: onClose, style: { cursor: "pointer" } }),
826
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
827
+ import_ui5.Button,
828
+ {
829
+ text: isEdit ? "Save changes" : "Add target",
830
+ tone: "primary",
831
+ icon: import_icons4.CheckmarkCircleIcon,
832
+ loading: saving,
833
+ disabled: !canSave || saving,
834
+ onClick: save,
835
+ style: { cursor: "pointer" }
836
+ }
837
+ )
838
+ ] }),
839
+ children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Box, { padding: 4, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Stack, { space: 4, children: [
840
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Stack, { space: 2, children: [
841
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Label, { size: 1, children: [
842
+ "Name ",
843
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: "var(--card-fg-color)" }, children: "*" })
844
+ ] }),
845
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
846
+ import_ui5.TextInput,
847
+ {
848
+ value: name,
849
+ onChange: (e) => setName(e.target.value),
850
+ placeholder: "Production"
851
+ }
852
+ )
853
+ ] }),
854
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Stack, { space: 2, children: [
855
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Label, { size: 1, children: [
856
+ "Deploy hook URL ",
857
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: "var(--card-fg-color)" }, children: "*" })
858
+ ] }),
859
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
860
+ import_ui5.TextInput,
861
+ {
862
+ value: url,
863
+ onChange: (e) => setUrl(e.target.value),
864
+ placeholder: "https://api.vercel.com/v1/integrations/deploy/\u2026"
865
+ }
866
+ ),
867
+ url && !urlValid && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 1, style: { color: "var(--card-critical-fg-color, red)" }, children: "Must be a Vercel deploy hook URL (api.vercel.com/v1/integrations/deploy/\u2026)" }),
868
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 0, muted: true, children: "Vercel dashboard \u2192 Project \u2192 Settings \u2192 Git \u2192 Deploy Hooks" })
869
+ ] }),
870
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Stack, { space: 2, children: [
871
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Label, { size: 1, children: [
872
+ "Team ID ",
873
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { opacity: 0.5, fontWeight: "normal" }, children: "\u2014 optional" })
874
+ ] }),
875
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
876
+ import_ui5.TextInput,
877
+ {
878
+ value: teamId,
879
+ onChange: (e) => setTeamId(e.target.value),
880
+ placeholder: "team_xxxxxxxx"
881
+ }
882
+ ),
883
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 0, muted: true, children: "Required for team-owned Vercel projects." })
884
+ ] }),
885
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { align: "center", gap: 3, children: [
886
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
887
+ import_ui5.Switch,
888
+ {
889
+ checked: disableDelete,
890
+ onChange: (e) => setDisableDelete(e.target.checked),
891
+ id: "disable-delete"
892
+ }
893
+ ),
894
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Stack, { space: 1, children: [
895
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Label, { size: 1, htmlFor: "disable-delete", children: "Disable delete action" }),
896
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 0, muted: true, children: "Hides the delete button for this target in the studio." })
897
+ ] })
898
+ ] }),
899
+ error && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Card, { tone: "critical", padding: 3, radius: 2, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 1, children: error }) })
900
+ ] }) })
901
+ }
902
+ );
747
903
  }
748
904
 
905
+ // src/version.ts
906
+ var VERSION = "0.2.0";
907
+
749
908
  // src/components/DeployTool.tsx
750
- var import_jsx_runtime5 = require("react/jsx-runtime");
909
+ var import_jsx_runtime6 = require("react/jsx-runtime");
751
910
  var TOKEN_QUERY = `*[_id == "config.vercelDeploy"][0].accessToken`;
752
911
  var TARGETS_QUERY = `*[_type == "vercel_deploy"] | order(_createdAt asc)`;
753
912
  function DeployTool() {
754
- const client = (0, import_sanity2.useClient)({ apiVersion: "2025-01-01" });
755
- const toast = (0, import_ui5.useToast)();
756
- const [token, setToken] = (0, import_react4.useState)(null);
757
- const [targets, setTargets] = (0, import_react4.useState)([]);
758
- const [loading, setLoading] = (0, import_react4.useState)(true);
759
- const [showTokenSetup, setShowTokenSetup] = (0, import_react4.useState)(false);
760
- const [pendingDelete, setPendingDelete] = (0, import_react4.useState)(null);
761
- const [deleting, setDeleting] = (0, import_react4.useState)(false);
762
- const load = (0, import_react4.useCallback)(async () => {
913
+ const client = (0, import_sanity3.useClient)({ apiVersion: "2025-01-01" });
914
+ const toast = (0, import_ui6.useToast)();
915
+ const [token, setToken] = (0, import_react5.useState)(null);
916
+ const [targets, setTargets] = (0, import_react5.useState)([]);
917
+ const [loading, setLoading] = (0, import_react5.useState)(true);
918
+ const [showTokenSetup, setShowTokenSetup] = (0, import_react5.useState)(false);
919
+ const [showCreateForm, setShowCreateForm] = (0, import_react5.useState)(false);
920
+ const [pendingEdit, setPendingEdit] = (0, import_react5.useState)(null);
921
+ const [pendingDelete, setPendingDelete] = (0, import_react5.useState)(null);
922
+ const [deleting, setDeleting] = (0, import_react5.useState)(false);
923
+ const load = (0, import_react5.useCallback)(async () => {
763
924
  setLoading(true);
764
925
  try {
765
926
  const [fetchedToken, fetchedTargets] = await Promise.all([
@@ -774,10 +935,29 @@ function DeployTool() {
774
935
  setLoading(false);
775
936
  }
776
937
  }, [client]);
777
- (0, import_react4.useEffect)(() => {
938
+ (0, import_react5.useEffect)(() => {
778
939
  load();
779
940
  }, [load]);
780
- (0, import_react4.useEffect)(() => {
941
+ (0, import_react5.useEffect)(() => {
942
+ if (document.getElementById("dvfs-styles")) return;
943
+ const style = document.createElement("style");
944
+ style.id = "dvfs-styles";
945
+ style.textContent = `
946
+ @media (max-width: 600px) {
947
+ .dvfs-header { flex-wrap: wrap !important; row-gap: 8px !important; }
948
+ .dvfs-header-actions { width: 100% !important; flex-wrap: wrap !important; justify-content: flex-start !important; }
949
+ .dvfs-grid { grid-template-columns: 1fr !important; }
950
+ .dvfs-card-flex { flex-direction: column !important; }
951
+ .dvfs-deploy-col { width: 100% !important; align-self: auto !important; }
952
+ .dvfs-deploy-col button { border-radius: 3px !important; }
953
+ }
954
+ `;
955
+ document.head.appendChild(style);
956
+ return () => {
957
+ document.getElementById("dvfs-styles")?.remove();
958
+ };
959
+ }, []);
960
+ (0, import_react5.useEffect)(() => {
781
961
  const sub = client.listen(TARGETS_QUERY).subscribe(() => {
782
962
  client.fetch(TARGETS_QUERY).then(setTargets).catch((err) => {
783
963
  console.error("deploy-vercel-from-sanity: subscription refresh error", err);
@@ -785,7 +965,7 @@ function DeployTool() {
785
965
  });
786
966
  return () => sub.unsubscribe();
787
967
  }, [client]);
788
- const confirmDelete = (0, import_react4.useCallback)(async () => {
968
+ const confirmDelete = (0, import_react5.useCallback)(async () => {
789
969
  if (!pendingDelete) return;
790
970
  setDeleting(true);
791
971
  try {
@@ -800,96 +980,173 @@ function DeployTool() {
800
980
  }
801
981
  }, [client, pendingDelete, toast]);
802
982
  if (loading) {
803
- return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Card, { height: "fill", tone: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Flex, { align: "center", justify: "center", height: "fill", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Spinner, { muted: true }) }) });
804
- }
805
- if (!token || showTokenSetup) {
806
- return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
807
- TokenSetup,
808
- {
809
- onSaved: () => {
810
- setShowTokenSetup(false);
811
- load();
812
- }
813
- }
814
- );
983
+ return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ui6.Card, { height: "fill", tone: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ui6.Flex, { align: "center", justify: "center", height: "fill", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ui6.Spinner, { muted: true }) }) });
815
984
  }
816
- return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Card, { height: "fill", tone: "transparent", children: [
817
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Box, { padding: 5, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Stack, { space: 5, children: [
818
- /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { align: "center", justify: "space-between", children: [
819
- /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { align: "center", gap: 3, children: [
820
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons4.RocketIcon, {}),
821
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Heading, { size: 2, children: "Deploy" })
822
- ] }),
823
- /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { align: "center", gap: 3, children: [
824
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Badge, { tone: "positive", mode: "outline", children: "Connected" }),
825
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
826
- import_ui5.Button,
985
+ return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_ui6.Card, { height: "fill", tone: "transparent", children: [
986
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ui6.Box, { padding: 5, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_ui6.Stack, { space: 5, children: [
987
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_ui6.Flex, { align: "center", justify: "space-between", className: "dvfs-header", children: [
988
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ui6.Heading, { size: 2, children: "Deploy with Vercel" }),
989
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_ui6.Flex, { align: "center", gap: 3, className: "dvfs-header-actions", children: [
990
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
991
+ import_ui6.Button,
827
992
  {
828
- text: "Change Token",
993
+ text: token ? "Token connected" : "Connect API token",
829
994
  mode: "ghost",
830
- icon: import_icons4.TokenIcon,
995
+ icon: import_icons5.TokenIcon,
831
996
  fontSize: 1,
832
- onClick: () => setShowTokenSetup(true)
997
+ tone: token ? "positive" : "caution",
998
+ onClick: () => setShowTokenSetup(true),
999
+ style: { cursor: "pointer" }
1000
+ }
1001
+ ),
1002
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1003
+ import_ui6.Button,
1004
+ {
1005
+ text: "Add target",
1006
+ mode: "ghost",
1007
+ icon: import_icons5.AddIcon,
1008
+ fontSize: 1,
1009
+ onClick: () => setShowCreateForm(true),
1010
+ style: { cursor: "pointer" }
833
1011
  }
834
1012
  )
835
1013
  ] })
836
1014
  ] }),
837
- targets.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Card, { padding: 5, radius: 2, tone: "transparent", shadow: 1, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Stack, { space: 3, style: { textAlign: "center" }, children: [
838
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 2, weight: "semibold", children: "No deploy targets configured" }),
839
- /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Text, { size: 1, muted: true, children: [
840
- "Create a ",
841
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { children: "vercel_deploy" }),
842
- " document in the dataset with a Vercel deploy hook URL."
843
- ] })
1015
+ !token && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ui6.Card, { padding: 4, radius: 2, tone: "caution", shadow: 1, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_ui6.Flex, { align: "center", justify: "space-between", gap: 4, children: [
1016
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_ui6.Stack, { space: 2, children: [
1017
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ui6.Text, { size: 1, weight: "semibold", children: "Deploy status is not connected" }),
1018
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ui6.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." })
1019
+ ] }),
1020
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1021
+ import_ui6.Button,
1022
+ {
1023
+ text: "Connect",
1024
+ tone: "caution",
1025
+ fontSize: 1,
1026
+ onClick: () => setShowTokenSetup(true),
1027
+ style: { cursor: "pointer", flexShrink: 0 }
1028
+ }
1029
+ )
1030
+ ] }) }),
1031
+ targets.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ui6.Card, { padding: 5, radius: 2, tone: "transparent", shadow: 1, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_ui6.Stack, { space: 4, style: { textAlign: "center" }, children: [
1032
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ui6.Text, { size: 2, weight: "semibold", children: "No deploy targets configured" }),
1033
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_ui6.Text, { size: 1, muted: true, children: [
1034
+ "Add a deploy target using the button above, or create a",
1035
+ " ",
1036
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("code", { children: "vercel_deploy" }),
1037
+ " document directly in the dataset."
1038
+ ] }),
1039
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ui6.Flex, { justify: "center", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1040
+ import_ui6.Button,
1041
+ {
1042
+ text: "Add deploy target",
1043
+ tone: "primary",
1044
+ icon: import_icons5.AddIcon,
1045
+ onClick: () => setShowCreateForm(true),
1046
+ style: { cursor: "pointer" }
1047
+ }
1048
+ ) })
844
1049
  ] }) }),
845
- targets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: {
1050
+ targets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "dvfs-grid", style: {
846
1051
  display: "grid",
847
1052
  gridTemplateColumns: "repeat(auto-fill, minmax(540px, 1fr))",
848
- gap: "16px"
849
- }, children: targets.map((target) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
1053
+ gap: "16px",
1054
+ alignItems: "start"
1055
+ }, children: targets.map((target) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
850
1056
  DeployItem,
851
1057
  {
852
1058
  target,
853
- token,
854
- onDelete: setPendingDelete
1059
+ token: token ?? "",
1060
+ onDelete: setPendingDelete,
1061
+ onEdit: setPendingEdit
855
1062
  },
856
1063
  target._id
857
1064
  )) })
858
1065
  ] }) }),
859
- pendingDelete && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
860
- import_ui5.Dialog,
1066
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1067
+ import_ui6.Box,
1068
+ {
1069
+ style: {
1070
+ position: "fixed",
1071
+ bottom: 12,
1072
+ right: 16,
1073
+ opacity: 0.25,
1074
+ pointerEvents: "none",
1075
+ userSelect: "none"
1076
+ },
1077
+ children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_ui6.Text, { size: 0, muted: true, children: [
1078
+ "v",
1079
+ VERSION
1080
+ ] })
1081
+ }
1082
+ ),
1083
+ showTokenSetup && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1084
+ TokenSetup,
1085
+ {
1086
+ onSaved: () => {
1087
+ setShowTokenSetup(false);
1088
+ load();
1089
+ },
1090
+ onCancel: token ? () => setShowTokenSetup(false) : void 0
1091
+ }
1092
+ ),
1093
+ showCreateForm && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1094
+ DeployTargetForm,
1095
+ {
1096
+ onSaved: () => {
1097
+ setShowCreateForm(false);
1098
+ toast.push({ status: "success", title: "Deploy target added" });
1099
+ },
1100
+ onClose: () => setShowCreateForm(false)
1101
+ }
1102
+ ),
1103
+ pendingEdit && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1104
+ DeployTargetForm,
1105
+ {
1106
+ initial: pendingEdit,
1107
+ onSaved: () => {
1108
+ setPendingEdit(null);
1109
+ toast.push({ status: "success", title: "Deploy target updated" });
1110
+ },
1111
+ onClose: () => setPendingEdit(null)
1112
+ }
1113
+ ),
1114
+ pendingDelete && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1115
+ import_ui6.Dialog,
861
1116
  {
862
1117
  header: "Delete deploy target?",
863
1118
  id: "confirm-delete",
864
1119
  onClose: () => setPendingDelete(null),
865
1120
  width: 1,
866
- footer: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { padding: 3, gap: 2, justify: "flex-end", children: [
867
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
868
- import_ui5.Button,
1121
+ footer: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_ui6.Flex, { padding: 3, gap: 2, justify: "flex-end", children: [
1122
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1123
+ import_ui6.Button,
869
1124
  {
870
1125
  text: "Cancel",
871
1126
  mode: "ghost",
872
- onClick: () => setPendingDelete(null)
1127
+ onClick: () => setPendingDelete(null),
1128
+ style: { cursor: "pointer" }
873
1129
  }
874
1130
  ),
875
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
876
- import_ui5.Button,
1131
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1132
+ import_ui6.Button,
877
1133
  {
878
1134
  text: "Delete",
879
1135
  tone: "critical",
880
- icon: import_icons4.TrashIcon,
1136
+ icon: import_icons5.TrashIcon,
881
1137
  loading: deleting,
882
1138
  disabled: deleting,
883
- onClick: confirmDelete
1139
+ onClick: confirmDelete,
1140
+ style: { cursor: "pointer" }
884
1141
  }
885
1142
  )
886
1143
  ] }),
887
- children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Box, { padding: 4, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Stack, { space: 3, children: [
888
- /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { align: "center", gap: 2, children: [
889
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons4.WarningOutlineIcon, {}),
890
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 2, weight: "semibold", children: pendingDelete.name })
1144
+ children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ui6.Box, { padding: 4, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_ui6.Stack, { space: 3, children: [
1145
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_ui6.Flex, { align: "center", gap: 2, children: [
1146
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons5.WarningOutlineIcon, {}),
1147
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ui6.Text, { size: 2, weight: "semibold", children: pendingDelete.name })
891
1148
  ] }),
892
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 1, muted: true, children: "This removes the deploy target from the dataset. The Vercel deploy hook itself is not affected." })
1149
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ui6.Text, { size: 1, muted: true, children: "This removes the deploy target from the dataset. The Vercel deploy hook itself is not affected." })
893
1150
  ] }) })
894
1151
  }
895
1152
  )
@@ -897,22 +1154,22 @@ function DeployTool() {
897
1154
  }
898
1155
 
899
1156
  // src/schema/vercelDeploy.ts
900
- var import_sanity3 = require("sanity");
901
- var import_icons5 = require("@sanity/icons");
902
- var vercelDeploySchema = (0, import_sanity3.defineType)({
1157
+ var import_sanity4 = require("sanity");
1158
+ var import_icons6 = require("@sanity/icons");
1159
+ var vercelDeploySchema = (0, import_sanity4.defineType)({
903
1160
  name: "vercel_deploy",
904
1161
  title: "Deploy Target",
905
1162
  type: "document",
906
- icon: import_icons5.RocketIcon,
1163
+ icon: import_icons6.RocketIcon,
907
1164
  fields: [
908
- (0, import_sanity3.defineField)({
1165
+ (0, import_sanity4.defineField)({
909
1166
  name: "name",
910
1167
  title: "Name",
911
1168
  type: "string",
912
1169
  description: 'Display label shown in the Deploy tool (e.g. "Production", "Staging")',
913
1170
  validation: (Rule) => Rule.required()
914
1171
  }),
915
- (0, import_sanity3.defineField)({
1172
+ (0, import_sanity4.defineField)({
916
1173
  name: "url",
917
1174
  title: "Deploy Hook URL",
918
1175
  type: "url",
@@ -925,13 +1182,13 @@ var vercelDeploySchema = (0, import_sanity3.defineType)({
925
1182
  return true;
926
1183
  })
927
1184
  }),
928
- (0, import_sanity3.defineField)({
1185
+ (0, import_sanity4.defineField)({
929
1186
  name: "teamId",
930
1187
  title: "Vercel Team ID",
931
1188
  type: "string",
932
1189
  description: "Required for team-owned projects \u2014 find it in Vercel Team Settings"
933
1190
  }),
934
- (0, import_sanity3.defineField)({
1191
+ (0, import_sanity4.defineField)({
935
1192
  name: "disableDeleteAction",
936
1193
  title: "Prevent deletion",
937
1194
  type: "boolean",
@@ -945,7 +1202,7 @@ var vercelDeploySchema = (0, import_sanity3.defineType)({
945
1202
  });
946
1203
 
947
1204
  // src/index.ts
948
- var vercelDeploy = (0, import_sanity4.definePlugin)((options) => {
1205
+ var vercelDeploy = (0, import_sanity5.definePlugin)((options) => {
949
1206
  const config = options ?? {};
950
1207
  return {
951
1208
  name: "deploy-vercel-from-sanity",
@@ -956,7 +1213,7 @@ var vercelDeploy = (0, import_sanity4.definePlugin)((options) => {
956
1213
  {
957
1214
  name: config.name ?? "vercel-deploy",
958
1215
  title: config.title ?? "Deploy",
959
- icon: config.icon ?? import_icons6.RocketIcon,
1216
+ icon: config.icon ?? import_icons7.RocketIcon,
960
1217
  component: DeployTool
961
1218
  }
962
1219
  ]