@burdenoff/microfe-planmagnet 2026.1001.5 → 2026.1001.7

package/dist/planmagnet/controls/WebhookSubscriptionControls.js

@@ -0,0 +1,542 @@
+import { isForbidden as e, mutationErrorMessage as t } from "../utils/graphqlErrors.js";
+import { throwOnError as n } from "../utils/mutationResult.js";
+import { ConfirmButton as r, ErrorLine as i } from "./ConfirmButton.js";
+import { TRIGGER_TYPES as a, triggerTypeLabel as o } from "../automation/automationRuleTypes.js";
+import { TruncatedText as s } from "./SyncControls.js";
+import { isPlausibleWebhookUrl as c, webhookEventOptionSuffix as l } from "../webhooks/webhookTypes.js";
+import { useState as u } from "react";
+import { Check as d, Copy as f, KeyRound as p, Loader2 as m, Pause as h, Play as g, Plus as _, Power as v, X as y } from "lucide-react";
+import { gql as b } from "@apollo/client";
+import { useMutation as x, useQuery as S } from "@apollo/client/react";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { Badge as E, Button as D, Checkbox as O, Input as k, ResponsiveDialog as A, ResponsiveDialogContent as j, ResponsiveDialogDescription as M, ResponsiveDialogFooter as N, ResponsiveDialogHeader as P, ResponsiveDialogTitle as F, ResponsiveDialogTrigger as I } from "@burdenoff/fe-libs/ui";
+import { copyTextToClipboard as L } from "@burdenoff/fe-libs/sharing";
+var R = { refetchQueries: ["WebhookSubscriptionsList"] }, ee = {
+	ACTIVE: "success",
+	PAUSED: "warning",
+	DISABLED: "outline"
+};
+function z({ status: e }) {
+	return /* @__PURE__ */ w(E, {
+		variant: ee[e] ?? "outline",
+		className: "text-xs",
+		"data-testid": "webhook-status-badge",
+		children: e === "ACTIVE" ? "Active" : e === "PAUSED" ? "Paused" : "Disabled"
+	});
+}
+var B = {
+	SUCCESS: "success",
+	FAILED: "destructive"
+};
+function V({ status: e }) {
+	return /* @__PURE__ */ w(E, {
+		variant: B[e] ?? "outline",
+		className: "text-xs",
+		children: e === "SUCCESS" ? "Success" : "Failed"
+	});
+}
+function H({ events: e }) {
+	return e.length === 0 ? /* @__PURE__ */ w("span", {
+		className: "text-xs text-muted-foreground",
+		children: "No events selected"
+	}) : /* @__PURE__ */ w("div", {
+		className: "flex flex-wrap gap-1",
+		"data-testid": "webhook-event-badges",
+		children: e.map((e) => /* @__PURE__ */ T(E, {
+			variant: "outline",
+			className: "text-xs",
+			children: [o(e), l(e)]
+		}, e))
+	});
+}
+function U({ idPrefix: e, selected: t, onChange: n, disabled: r = !1 }) {
+	let i = (e) => n(t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	return /* @__PURE__ */ w("div", {
+		role: "group",
+		"aria-label": "Events",
+		className: "grid grid-cols-1 gap-1.5 sm:grid-cols-2",
+		"data-testid": "webhook-events-checklist",
+		children: a.map((n) => /* @__PURE__ */ T("label", {
+			htmlFor: `${e}-event-${n}`,
+			className: "flex items-center gap-2 rounded-md border border-input px-2 py-1.5 text-sm",
+			children: [
+				/* @__PURE__ */ w(O, {
+					id: `${e}-event-${n}`,
+					"data-testid": `webhook-event-${n}`,
+					checked: t.includes(n),
+					onCheckedChange: () => i(n),
+					disabled: r
+				}),
+				o(n),
+				l(n) && /* @__PURE__ */ w("span", {
+					className: "text-xs text-muted-foreground",
+					children: l(n)
+				})
+			]
+		}, n))
+	});
+}
+var W = b`
+  mutation WebhookSubscriptionCreate($input: PlanmagnetCreateWebhookSubscriptionInput!) {
+    planmagnetCreateWebhookSubscription(input: $input) {
+      secret
+      subscription {
+        id
+        url
+        events
+        status
+        consecutiveFailures
+        lastDeliveryAt
+        lastDeliveryStatus
+        createdAt
+        createdBy
+        updatedAt
+        updatedBy
+        disabledAt
+      }
+    }
+  }
+`;
+function G({ secret: e }) {
+	let [t, n] = u(!1), r = async () => {
+		try {
+			await L(e), n(!0);
+		} catch {
+			n(!1);
+		}
+	};
+	return /* @__PURE__ */ T("div", {
+		className: "space-y-2 rounded-md border border-primary bg-primary/5 p-3",
+		"data-testid": "webhook-secret-reveal",
+		children: [
+			/* @__PURE__ */ w("p", {
+				className: "text-sm font-medium",
+				children: "Signing secret — copy it now."
+			}),
+			/* @__PURE__ */ w("p", {
+				className: "text-xs text-muted-foreground",
+				children: "You will not see this again. If you lose it, rotate the secret to get a new one."
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ w(k, {
+					readOnly: !0,
+					value: e,
+					className: "font-mono text-xs",
+					"data-testid": "webhook-secret-value"
+				}), /* @__PURE__ */ T(D, {
+					size: "sm",
+					variant: "outline",
+					onClick: () => void r(),
+					"data-testid": "webhook-secret-copy",
+					children: [w(t ? d : f, { className: "h-4 w-4" }), t ? "Copied" : "Copy"]
+				})]
+			})
+		]
+	});
+}
+function K() {
+	let [r, a] = u(!1), [o, s] = u(""), [l, d] = u([]), [f, p] = u(null), [m, h] = u(null), [g, v] = x(W, R), y = c(o), b = y && l.length > 0 && !v.loading, S = () => {
+		a(!1), s(""), d([]), h(null), p(null);
+	}, E = async () => {
+		if (b) {
+			p(null);
+			try {
+				let e = (await n(g({ variables: { input: {
+					url: o.trim(),
+					events: l
+				} } }))).data?.planmagnetCreateWebhookSubscription;
+				e && h(e);
+			} catch (n) {
+				p(e(n) ? "Your role can view webhook subscriptions but not create them." : t(n, "The subscription could not be created."));
+			}
+		}
+	};
+	return /* @__PURE__ */ T(A, {
+		open: r,
+		onOpenChange: (e) => e ? a(!0) : S(),
+		children: [/* @__PURE__ */ w(I, {
+			asChild: !0,
+			children: /* @__PURE__ */ T(D, {
+				size: "sm",
+				"data-testid": "webhook-create-open",
+				children: [/* @__PURE__ */ w(_, { className: "mr-1 h-4 w-4" }), "New subscription"]
+			})
+		}), /* @__PURE__ */ T(j, {
+			className: "max-h-[85vh] max-w-lg overflow-y-auto",
+			children: [
+				/* @__PURE__ */ T(P, { children: [/* @__PURE__ */ w(F, { children: "New webhook subscription" }), /* @__PURE__ */ w(M, { children: "PlanMagnet POSTs a signed event payload to this URL as the events below happen." })] }),
+				m ? /* @__PURE__ */ w(G, { secret: m.secret }) : /* @__PURE__ */ T("div", {
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ T("div", { children: [
+							/* @__PURE__ */ w("label", {
+								htmlFor: "webhook-create-url",
+								className: "text-sm font-medium",
+								children: "URL"
+							}),
+							/* @__PURE__ */ w(k, {
+								id: "webhook-create-url",
+								"data-testid": "webhook-create-url",
+								className: "mt-1",
+								placeholder: "https://example.com/webhooks/planmagnet",
+								value: o,
+								"aria-invalid": o !== "" && !y,
+								onChange: (e) => s(e.target.value)
+							}),
+							o !== "" && !y && /* @__PURE__ */ w(i, { message: "Must be an absolute https:// URL." })
+						] }),
+						/* @__PURE__ */ T("div", { children: [
+							/* @__PURE__ */ w("p", {
+								className: "text-sm font-medium",
+								children: "Events"
+							}),
+							/* @__PURE__ */ w("div", {
+								className: "mt-1",
+								children: /* @__PURE__ */ w(U, {
+									idPrefix: "webhook-create",
+									selected: l,
+									onChange: d
+								})
+							}),
+							l.length === 0 && /* @__PURE__ */ w("p", {
+								className: "mt-1 text-xs text-muted-foreground",
+								children: "Choose at least one event."
+							})
+						] }),
+						f && /* @__PURE__ */ w(i, { message: f })
+					]
+				}),
+				/* @__PURE__ */ w(N, { children: m ? /* @__PURE__ */ w(D, {
+					onClick: S,
+					"data-testid": "webhook-create-done",
+					children: "Done"
+				}) : /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(D, {
+					variant: "outline",
+					onClick: S,
+					children: "Cancel"
+				}), /* @__PURE__ */ w(D, {
+					onClick: () => void E(),
+					disabled: !b,
+					"data-testid": "webhook-create-submit",
+					children: v.loading ? "Creating…" : "Create subscription"
+				})] }) })
+			]
+		})]
+	});
+}
+var q = b`
+  mutation WebhookSubscriptionRotateSecret($id: ID!) {
+    planmagnetRotateWebhookSubscriptionSecret(id: $id) {
+      secret
+      subscription {
+        id
+        status
+        consecutiveFailures
+        updatedAt
+      }
+    }
+  }
+`;
+function J({ subscriptionId: r }) {
+	let [a, o] = u(!1), [s, c] = u(null), [l, d] = u(null), [f, m] = x(q, R), h = () => {
+		o(!1), d(null), c(null);
+	}, g = async () => {
+		c(null);
+		try {
+			let e = (await n(f({ variables: { id: r } }))).data?.planmagnetRotateWebhookSubscriptionSecret;
+			e && d(e);
+		} catch (n) {
+			c(e(n) ? "Your role can view webhook subscriptions but not rotate their secret." : t(n, "The secret could not be rotated."));
+		}
+	};
+	return /* @__PURE__ */ T(A, {
+		open: a,
+		onOpenChange: (e) => e ? o(!0) : h(),
+		children: [/* @__PURE__ */ w(I, {
+			asChild: !0,
+			children: /* @__PURE__ */ T(D, {
+				size: "sm",
+				variant: "outline",
+				"data-testid": "webhook-rotate-open",
+				children: [/* @__PURE__ */ w(p, { className: "mr-1 h-4 w-4" }), "Rotate secret"]
+			})
+		}), /* @__PURE__ */ T(j, {
+			className: "max-w-md",
+			children: [
+				/* @__PURE__ */ T(P, { children: [/* @__PURE__ */ w(F, { children: "Rotate signing secret?" }), /* @__PURE__ */ w(M, { children: "The current secret stops verifying deliveries immediately. Update the receiving endpoint with the new one before closing this dialog." })] }),
+				l ? /* @__PURE__ */ w(G, { secret: l.secret }) : /* @__PURE__ */ w("div", {
+					className: "space-y-2",
+					children: s && /* @__PURE__ */ w(i, { message: s })
+				}),
+				/* @__PURE__ */ w(N, { children: l ? /* @__PURE__ */ w(D, {
+					onClick: h,
+					"data-testid": "webhook-rotate-done",
+					children: "Done"
+				}) : /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(D, {
+					variant: "outline",
+					onClick: h,
+					children: "Cancel"
+				}), /* @__PURE__ */ w(D, {
+					onClick: () => void g(),
+					disabled: m.loading,
+					"data-testid": "webhook-rotate-submit",
+					children: m.loading ? "Rotating…" : "Rotate secret"
+				})] }) })
+			]
+		})]
+	});
+}
+var Y = b`
+  mutation WebhookSubscriptionUpdateStatus(
+    $id: ID!
+    $input: PlanmagnetUpdateWebhookSubscriptionInput!
+  ) {
+    planmagnetUpdateWebhookSubscription(id: $id, input: $input) {
+      id
+      status
+      consecutiveFailures
+      disabledAt
+      updatedAt
+      updatedBy
+    }
+  }
+`;
+function X({ subscription: r }) {
+	let [a, o] = x(Y, R), [s, c] = u(null), l = async (i) => {
+		c(null);
+		try {
+			await n(a({ variables: {
+				id: r.id,
+				input: { status: i }
+			} }));
+		} catch (n) {
+			c(e(n) ? "Your role can view webhook subscriptions but not change them." : t(n, "The status could not be changed."));
+		}
+	};
+	return /* @__PURE__ */ T("div", {
+		className: "flex flex-col items-start gap-1",
+		children: [/* @__PURE__ */ T("div", {
+			className: "flex flex-wrap gap-2",
+			children: [
+				r.status === "ACTIVE" && /* @__PURE__ */ T(D, {
+					size: "sm",
+					variant: "outline",
+					disabled: o.loading,
+					onClick: () => void l("PAUSED"),
+					"data-testid": "webhook-pause",
+					children: [/* @__PURE__ */ w(h, { className: "mr-1 h-4 w-4" }), "Pause"]
+				}),
+				r.status === "PAUSED" && /* @__PURE__ */ T(D, {
+					size: "sm",
+					variant: "outline",
+					disabled: o.loading,
+					onClick: () => void l("ACTIVE"),
+					"data-testid": "webhook-resume",
+					children: [/* @__PURE__ */ w(g, { className: "mr-1 h-4 w-4" }), "Resume"]
+				}),
+				r.status === "DISABLED" ? /* @__PURE__ */ T(D, {
+					size: "sm",
+					variant: "outline",
+					disabled: o.loading,
+					onClick: () => void l("ACTIVE"),
+					"data-testid": "webhook-reenable",
+					children: [/* @__PURE__ */ w(v, { className: "mr-1 h-4 w-4" }), "Re-enable"]
+				}) : /* @__PURE__ */ T(D, {
+					size: "sm",
+					variant: "outline",
+					disabled: o.loading,
+					onClick: () => void l("DISABLED"),
+					"data-testid": "webhook-disable",
+					children: [/* @__PURE__ */ w(v, { className: "mr-1 h-4 w-4" }), "Disable"]
+				}),
+				o.loading && /* @__PURE__ */ w(m, { className: "h-4 w-4 animate-spin text-muted-foreground" })
+			]
+		}), s && /* @__PURE__ */ w(i, { message: s })]
+	});
+}
+var Z = b`
+  mutation WebhookSubscriptionDelete($id: ID!) {
+    planmagnetDeleteWebhookSubscription(id: $id)
+  }
+`;
+function Q({ subscriptionId: a }) {
+	let [o, s] = x(Z, R), [c, l] = u(null), d = async () => {
+		l(null);
+		try {
+			await n(o({ variables: { id: a } }));
+		} catch (n) {
+			l(e(n) ? "Your role can view webhook subscriptions but not delete them." : t(n, "The subscription could not be deleted."));
+		}
+	};
+	return /* @__PURE__ */ T("div", {
+		className: "flex flex-col items-end gap-1",
+		children: [/* @__PURE__ */ w(r, {
+			label: "Delete",
+			variant: "outline",
+			icon: /* @__PURE__ */ w(y, { className: "mr-1 h-4 w-4" }),
+			title: "Delete this webhook subscription?",
+			description: "Deliveries stop immediately. Its delivery log is removed with it. This cannot be undone.",
+			confirmLabel: "Delete subscription",
+			destructive: !0,
+			disabled: s.loading,
+			onConfirm: () => void d(),
+			testId: "webhook-delete"
+		}), c && /* @__PURE__ */ w(i, { message: c })]
+	});
+}
+var te = b`
+  query WebhookSubscriptionDeliveries(
+    $subscriptionId: ID!
+    $pagination: PlanmagnetPaginationInput
+  ) {
+    planmagnetWebhookSubscriptionDeliveries(
+      subscriptionId: $subscriptionId
+      pagination: $pagination
+    ) {
+      totalCount
+      pageInfo {
+        hasNextPage
+        endCursor
+      }
+      items {
+        id
+        event
+        status
+        responseStatus
+        attempts
+        error
+        deliveredAt
+      }
+    }
+  }
+`, $ = 20;
+function ne({ subscriptionId: e }) {
+	let [t, n] = u(!1), { data: r, loading: i, error: a, fetchMore: c } = S(te, { variables: {
+		subscriptionId: e,
+		pagination: { first: $ }
+	} }), l = r?.planmagnetWebhookSubscriptionDeliveries, d = l?.items ?? [], f = async () => {
+		let e = l?.pageInfo.endCursor;
+		if (e) {
+			n(!0);
+			try {
+				await c({
+					variables: { pagination: {
+						first: $,
+						after: e
+					} },
+					updateQuery: (e, { fetchMoreResult: t }) => ({ planmagnetWebhookSubscriptionDeliveries: {
+						...t.planmagnetWebhookSubscriptionDeliveries,
+						items: [...e.planmagnetWebhookSubscriptionDeliveries.items, ...t.planmagnetWebhookSubscriptionDeliveries.items]
+					} })
+				});
+			} finally {
+				n(!1);
+			}
+		}
+	};
+	return /* @__PURE__ */ T("div", {
+		className: "space-y-2",
+		"data-testid": "webhook-deliveries",
+		children: [
+			a && /* @__PURE__ */ T("p", {
+				role: "alert",
+				className: "text-sm text-destructive",
+				children: ["Deliveries could not be loaded: ", a.message]
+			}),
+			i && !r && /* @__PURE__ */ w("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Loading deliveries…"
+			}),
+			l && d.length === 0 && /* @__PURE__ */ w("p", {
+				className: "py-4 text-center text-sm text-muted-foreground",
+				children: "No deliveries yet."
+			}),
+			d.length > 0 && /* @__PURE__ */ w("div", {
+				className: "overflow-x-auto",
+				children: /* @__PURE__ */ T("table", {
+					className: "w-full text-sm",
+					children: [/* @__PURE__ */ w("thead", { children: /* @__PURE__ */ T("tr", {
+						className: "text-left text-muted-foreground",
+						children: [
+							/* @__PURE__ */ w("th", {
+								className: "py-1 pr-3 font-medium",
+								children: "Time"
+							}),
+							/* @__PURE__ */ w("th", {
+								className: "py-1 pr-3 font-medium",
+								children: "Event"
+							}),
+							/* @__PURE__ */ w("th", {
+								className: "py-1 pr-3 font-medium",
+								children: "Status"
+							}),
+							/* @__PURE__ */ w("th", {
+								className: "py-1 pr-3 font-medium",
+								children: "Response"
+							}),
+							/* @__PURE__ */ w("th", {
+								className: "py-1 pr-3 font-medium",
+								children: "Attempts"
+							}),
+							/* @__PURE__ */ w("th", {
+								className: "py-1 font-medium",
+								children: "Error"
+							})
+						]
+					}) }), /* @__PURE__ */ w("tbody", { children: d.map((e) => /* @__PURE__ */ T("tr", {
+						className: "border-t align-top",
+						"data-testid": "webhook-delivery-row",
+						children: [
+							/* @__PURE__ */ w("td", {
+								className: "py-1.5 pr-3 whitespace-nowrap",
+								children: new Date(e.deliveredAt).toLocaleString()
+							}),
+							/* @__PURE__ */ w("td", {
+								className: "py-1.5 pr-3 whitespace-nowrap",
+								children: o(e.event)
+							}),
+							/* @__PURE__ */ w("td", {
+								className: "py-1.5 pr-3",
+								children: /* @__PURE__ */ w(V, { status: e.status })
+							}),
+							/* @__PURE__ */ w("td", {
+								className: "py-1.5 pr-3 whitespace-nowrap",
+								children: e.responseStatus ?? /* @__PURE__ */ w("span", {
+									className: "text-muted-foreground",
+									children: "—"
+								})
+							}),
+							/* @__PURE__ */ w("td", {
+								className: "py-1.5 pr-3",
+								children: e.attempts
+							}),
+							/* @__PURE__ */ w("td", {
+								className: "py-1.5 text-status-error-text",
+								children: e.error ? /* @__PURE__ */ w(s, {
+									text: e.error,
+									max: 120,
+									className: "text-status-error-text"
+								}) : /* @__PURE__ */ w("span", {
+									className: "text-muted-foreground",
+									children: "—"
+								})
+							})
+						]
+					}, e.id)) })]
+				})
+			}),
+			l?.pageInfo.hasNextPage && /* @__PURE__ */ w(D, {
+				size: "sm",
+				variant: "outline",
+				onClick: () => void f(),
+				disabled: t,
+				children: t ? "Loading…" : `Show more (${d.length} of ${l.totalCount})`
+			})
+		]
+	});
+}
+//#endregion
+export { K as CreateWebhookSubscriptionDialog, Q as DeleteWebhookSubscriptionButton, J as RotateWebhookSecretButton, ne as WebhookDeliveryLog, V as WebhookDeliveryStatusBadge, H as WebhookEventBadges, X as WebhookStatusActions, z as WebhookStatusBadge };
+
+//# sourceMappingURL=WebhookSubscriptionControls.js.map

package/dist/planmagnet/controls/WebhookSubscriptionControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebhookSubscriptionControls.js","names":[],"sources":["../../../src/planmagnet/controls/WebhookSubscriptionControls.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport {\n  Badge,\n  Button,\n  Checkbox,\n  Input,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { copyTextToClipboard } from '@burdenoff/fe-libs/sharing';\nimport { Check, Copy, KeyRound, Loader2, Pause, Play, Plus, Power, X } from 'lucide-react';\nimport { throwOnError } from '../utils/mutationResult';\nimport { isForbidden, mutationErrorMessage } from '../utils/graphqlErrors';\nimport { ConfirmButton, ErrorLine } from './ConfirmButton';\nimport { TruncatedText } from './SyncControls';\nimport { TRIGGER_TYPES, triggerTypeLabel } from '../automation/automationRuleTypes';\nimport {\n  isPlausibleWebhookUrl,\n  webhookEventOptionSuffix,\n  type WebhookDeliveryStatus,\n  type WebhookSubscriptionRow,\n  type WebhookSubscriptionStatus,\n} from '../webhooks/webhookTypes';\n\n/**\n * Outbound webhook subscriptions (AUT-33) — create/rotate/status/delete controls, shared by\n * `pages/IntegrationsWebhooksPagePage.tsx`. See `webhooks/webhookTypes.ts` for the backing shapes and the real\n * SDL doc comments they are grounded in.\n */\n\nexport const WEBHOOK_LIST_QUERIES = ['WebhookSubscriptionsList'];\nconst options = { refetchQueries: WEBHOOK_LIST_QUERIES };\n\nconst STATUS_VARIANT: Record<WebhookSubscriptionStatus, 'success' | 'warning' | 'outline'> = {\n  ACTIVE: 'success',\n  PAUSED: 'warning',\n  DISABLED: 'outline',\n};\n\nexport function WebhookStatusBadge({ status }: { status: string }) {\n  return (\n    <Badge\n      variant={STATUS_VARIANT[status as WebhookSubscriptionStatus] ?? 'outline'}\n      className=\"text-xs\"\n      data-testid=\"webhook-status-badge\"\n    >\n      {status === 'ACTIVE' ? 'Active' : status === 'PAUSED' ? 'Paused' : 'Disabled'}\n    </Badge>\n  );\n}\n\nconst DELIVERY_STATUS_VARIANT: Record<WebhookDeliveryStatus, 'success' | 'destructive'> = {\n  SUCCESS: 'success',\n  FAILED: 'destructive',\n};\n\nexport function WebhookDeliveryStatusBadge({ status }: { status: string }) {\n  return (\n    <Badge\n      variant={DELIVERY_STATUS_VARIANT[status as WebhookDeliveryStatus] ?? 'outline'}\n      className=\"text-xs\"\n    >\n      {status === 'SUCCESS' ? 'Success' : 'Failed'}\n    </Badge>\n  );\n}\n\n/** Which `PlanmagnetAutomationTriggerType` values this subscription is delivered for, as small badges. */\nexport function WebhookEventBadges({ events }: { events: string[] }) {\n  if (events.length === 0) {\n    return <span className=\"text-xs text-muted-foreground\">No events selected</span>;\n  }\n  return (\n    <div className=\"flex flex-wrap gap-1\" data-testid=\"webhook-event-badges\">\n      {events.map((event) => (\n        <Badge key={event} variant=\"outline\" className=\"text-xs\">\n          {triggerTypeLabel(event)}\n          {webhookEventOptionSuffix(event)}\n        </Badge>\n      ))}\n    </div>\n  );\n}\n\n/** The events checklist shared by the create dialog — every `PlanmagnetAutomationTriggerType` value, with\n *  `WEBHOOK` visibly marked \"not live yet\" rather than hidden (a subscription can be prepared for it ahead of\n *  BOFF-8238 shipping, same precedent the automation rule builder's own trigger select follows). */\nfunction EventsChecklist({\n  idPrefix,\n  selected,\n  onChange,\n  disabled = false,\n}: {\n  idPrefix: string;\n  selected: string[];\n  onChange: (next: string[]) => void;\n  disabled?: boolean;\n}) {\n  const toggle = (event: string) =>\n    onChange(selected.includes(event) ? selected.filter((e) => e !== event) : [...selected, event]);\n  return (\n    <div\n      role=\"group\"\n      aria-label=\"Events\"\n      className=\"grid grid-cols-1 gap-1.5 sm:grid-cols-2\"\n      data-testid=\"webhook-events-checklist\"\n    >\n      {TRIGGER_TYPES.map((event) => (\n        <label\n          key={event}\n          htmlFor={`${idPrefix}-event-${event}`}\n          className=\"flex items-center gap-2 rounded-md border border-input px-2 py-1.5 text-sm\"\n        >\n          <Checkbox\n            id={`${idPrefix}-event-${event}`}\n            data-testid={`webhook-event-${event}`}\n            checked={selected.includes(event)}\n            onCheckedChange={() => toggle(event)}\n            disabled={disabled}\n          />\n          {triggerTypeLabel(event)}\n          {webhookEventOptionSuffix(event) && (\n            <span className=\"text-xs text-muted-foreground\">{webhookEventOptionSuffix(event)}</span>\n          )}\n        </label>\n      ))}\n    </div>\n  );\n}\n\nconst CREATE_WEBHOOK_SUBSCRIPTION = gql`\n  mutation WebhookSubscriptionCreate($input: PlanmagnetCreateWebhookSubscriptionInput!) {\n    planmagnetCreateWebhookSubscription(input: $input) {\n      secret\n      subscription {\n        id\n        url\n        events\n        status\n        consecutiveFailures\n        lastDeliveryAt\n        lastDeliveryStatus\n        createdAt\n        createdBy\n        updatedAt\n        updatedBy\n        disabledAt\n      }\n    }\n  }\n`;\n\ninterface SubscriptionWithSecret {\n  secret: string;\n  subscription: WebhookSubscriptionRow;\n}\n\n/** The secret-shown-once panel, identical in the create dialog and the rotate dialog below: copy it now, it\n *  cannot be read back from the API again. */\nfunction SecretRevealPanel({ secret }: { secret: string }) {\n  const [copied, setCopied] = useState(false);\n  const copy = async () => {\n    try {\n      await copyTextToClipboard(secret);\n      setCopied(true);\n    } catch {\n      setCopied(false);\n    }\n  };\n  return (\n    <div\n      className=\"space-y-2 rounded-md border border-primary bg-primary/5 p-3\"\n      data-testid=\"webhook-secret-reveal\"\n    >\n      <p className=\"text-sm font-medium\">Signing secret — copy it now.</p>\n      <p className=\"text-xs text-muted-foreground\">\n        You will not see this again. If you lose it, rotate the secret to get a new one.\n      </p>\n      <div className=\"flex items-center gap-2\">\n        <Input\n          readOnly\n          value={secret}\n          className=\"font-mono text-xs\"\n          data-testid=\"webhook-secret-value\"\n        />\n        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          onClick={() => void copy()}\n          data-testid=\"webhook-secret-copy\"\n        >\n          {copied ? <Check className=\"h-4 w-4\" /> : <Copy className=\"h-4 w-4\" />}\n          {copied ? 'Copied' : 'Copy'}\n        </Button>\n      </div>\n    </div>\n  );\n}\n\n/**\n * \"New subscription\": https:// URL + events checklist, then the signing secret shown exactly once. Every way of\n * closing (the footer button, the X, Escape, an outside click) goes through one `close()` — see\n * `reports/ShareDialog.tsx`'s own fix (#45) for why setting `open` directly on the controlled dialog is not\n * enough: the footer button used to skip the reset there, and the just-created secret reappeared on reopen.\n */\nexport function CreateWebhookSubscriptionDialog() {\n  const [open, setOpen] = useState(false);\n  const [url, setUrl] = useState('');\n  const [events, setEvents] = useState<string[]>([]);\n  const [error, setError] = useState<string | null>(null);\n  const [justCreated, setJustCreated] = useState<SubscriptionWithSecret | null>(null);\n  const [create, state] = useMutation<{\n    planmagnetCreateWebhookSubscription: SubscriptionWithSecret;\n  }>(CREATE_WEBHOOK_SUBSCRIPTION, options);\n\n  const urlValid = isPlausibleWebhookUrl(url);\n  const canSave = urlValid && events.length > 0 && !state.loading;\n\n  const close = () => {\n    setOpen(false);\n    setUrl('');\n    setEvents([]);\n    setJustCreated(null);\n    setError(null);\n  };\n\n  const submit = async () => {\n    if (!canSave) return;\n    setError(null);\n    try {\n      const result = await throwOnError(\n        create({ variables: { input: { url: url.trim(), events } } })\n      );\n      const created = result.data?.planmagnetCreateWebhookSubscription;\n      if (created) setJustCreated(created);\n    } catch (e) {\n      setError(\n        isForbidden(e)\n          ? 'Your role can view webhook subscriptions but not create them.'\n          : mutationErrorMessage(e, 'The subscription could not be created.')\n      );\n    }\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={(next) => (next ? setOpen(true) : close())}>\n      <ResponsiveDialogTrigger asChild>\n        <Button size=\"sm\" data-testid=\"webhook-create-open\">\n          <Plus className=\"mr-1 h-4 w-4\" />\n          New subscription\n        </Button>\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent className=\"max-h-[85vh] max-w-lg overflow-y-auto\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>New webhook subscription</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            PlanMagnet POSTs a signed event payload to this URL as the events below happen.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n\n        {!justCreated ? (\n          <div className=\"space-y-3\">\n            <div>\n              <label htmlFor=\"webhook-create-url\" className=\"text-sm font-medium\">\n                URL\n              </label>\n              <Input\n                id=\"webhook-create-url\"\n                data-testid=\"webhook-create-url\"\n                className=\"mt-1\"\n                placeholder=\"https://example.com/webhooks/planmagnet\"\n                value={url}\n                aria-invalid={url !== '' && !urlValid}\n                onChange={(e) => setUrl(e.target.value)}\n              />\n              {url !== '' && !urlValid && <ErrorLine message=\"Must be an absolute https:// URL.\" />}\n            </div>\n            <div>\n              <p className=\"text-sm font-medium\">Events</p>\n              <div className=\"mt-1\">\n                <EventsChecklist idPrefix=\"webhook-create\" selected={events} onChange={setEvents} />\n              </div>\n              {events.length === 0 && (\n                <p className=\"mt-1 text-xs text-muted-foreground\">Choose at least one event.</p>\n              )}\n            </div>\n            {error && <ErrorLine message={error} />}\n          </div>\n        ) : (\n          <SecretRevealPanel secret={justCreated.secret} />\n        )}\n\n        <ResponsiveDialogFooter>\n          {!justCreated ? (\n            <>\n              <Button variant=\"outline\" onClick={close}>\n                Cancel\n              </Button>\n              <Button\n                onClick={() => void submit()}\n                disabled={!canSave}\n                data-testid=\"webhook-create-submit\"\n              >\n                {state.loading ? 'Creating…' : 'Create subscription'}\n              </Button>\n            </>\n          ) : (\n            <Button onClick={close} data-testid=\"webhook-create-done\">\n              Done\n            </Button>\n          )}\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n\nconst ROTATE_WEBHOOK_SUBSCRIPTION_SECRET = gql`\n  mutation WebhookSubscriptionRotateSecret($id: ID!) {\n    planmagnetRotateWebhookSubscriptionSecret(id: $id) {\n      secret\n      subscription {\n        id\n        status\n        consecutiveFailures\n        updatedAt\n      }\n    }\n  }\n`;\n\n/**\n * \"Rotate secret\": the old secret stops verifying deliveries immediately, the new one is shown exactly once.\n * Same one-`close()`-for-every-exit discipline as the create dialog above.\n */\nexport function RotateWebhookSecretButton({ subscriptionId }: { subscriptionId: string }) {\n  const [open, setOpen] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [justRotated, setJustRotated] = useState<SubscriptionWithSecret | null>(null);\n  const [rotate, state] = useMutation<{\n    planmagnetRotateWebhookSubscriptionSecret: SubscriptionWithSecret;\n  }>(ROTATE_WEBHOOK_SUBSCRIPTION_SECRET, options);\n\n  const close = () => {\n    setOpen(false);\n    setJustRotated(null);\n    setError(null);\n  };\n\n  const submit = async () => {\n    setError(null);\n    try {\n      const result = await throwOnError(rotate({ variables: { id: subscriptionId } }));\n      const rotated = result.data?.planmagnetRotateWebhookSubscriptionSecret;\n      if (rotated) setJustRotated(rotated);\n    } catch (e) {\n      setError(\n        isForbidden(e)\n          ? 'Your role can view webhook subscriptions but not rotate their secret.'\n          : mutationErrorMessage(e, 'The secret could not be rotated.')\n      );\n    }\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={(next) => (next ? setOpen(true) : close())}>\n      <ResponsiveDialogTrigger asChild>\n        <Button size=\"sm\" variant=\"outline\" data-testid=\"webhook-rotate-open\">\n          <KeyRound className=\"mr-1 h-4 w-4\" />\n          Rotate secret\n        </Button>\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent className=\"max-w-md\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Rotate signing secret?</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            The current secret stops verifying deliveries immediately. Update the receiving endpoint\n            with the new one before closing this dialog.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        {!justRotated ? (\n          <div className=\"space-y-2\">{error && <ErrorLine message={error} />}</div>\n        ) : (\n          <SecretRevealPanel secret={justRotated.secret} />\n        )}\n        <ResponsiveDialogFooter>\n          {!justRotated ? (\n            <>\n              <Button variant=\"outline\" onClick={close}>\n                Cancel\n              </Button>\n              <Button\n                onClick={() => void submit()}\n                disabled={state.loading}\n                data-testid=\"webhook-rotate-submit\"\n              >\n                {state.loading ? 'Rotating…' : 'Rotate secret'}\n              </Button>\n            </>\n          ) : (\n            <Button onClick={close} data-testid=\"webhook-rotate-done\">\n              Done\n            </Button>\n          )}\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n\nconst UPDATE_WEBHOOK_SUBSCRIPTION_STATUS = gql`\n  mutation WebhookSubscriptionUpdateStatus(\n    $id: ID!\n    $input: PlanmagnetUpdateWebhookSubscriptionInput!\n  ) {\n    planmagnetUpdateWebhookSubscription(id: $id, input: $input) {\n      id\n      status\n      consecutiveFailures\n      disabledAt\n      updatedAt\n      updatedBy\n    }\n  }\n`;\n\n/** Pause/Resume/Disable/Re-enable — every transition `PlanmagnetWebhookSubscriptionStatus` allows, via the one\n *  update mutation (its own doc comment: \"PAUSED/ACTIVE are the owner's own choice; setting DISABLED by hand is\n *  also accepted\"). Re-activating (PAUSED or DISABLED -> ACTIVE) resets `consecutiveFailures` server-side. */\nexport function WebhookStatusActions({ subscription }: { subscription: WebhookSubscriptionRow }) {\n  const [update, state] = useMutation(UPDATE_WEBHOOK_SUBSCRIPTION_STATUS, options);\n  const [error, setError] = useState<string | null>(null);\n\n  const setStatus = async (status: WebhookSubscriptionStatus) => {\n    setError(null);\n    try {\n      await throwOnError(update({ variables: { id: subscription.id, input: { status } } }));\n    } catch (e) {\n      setError(\n        isForbidden(e)\n          ? 'Your role can view webhook subscriptions but not change them.'\n          : mutationErrorMessage(e, 'The status could not be changed.')\n      );\n    }\n  };\n\n  return (\n    <div className=\"flex flex-col items-start gap-1\">\n      <div className=\"flex flex-wrap gap-2\">\n        {subscription.status === 'ACTIVE' && (\n          <Button\n            size=\"sm\"\n            variant=\"outline\"\n            disabled={state.loading}\n            onClick={() => void setStatus('PAUSED')}\n            data-testid=\"webhook-pause\"\n          >\n            <Pause className=\"mr-1 h-4 w-4\" />\n            Pause\n          </Button>\n        )}\n        {subscription.status === 'PAUSED' && (\n          <Button\n            size=\"sm\"\n            variant=\"outline\"\n            disabled={state.loading}\n            onClick={() => void setStatus('ACTIVE')}\n            data-testid=\"webhook-resume\"\n          >\n            <Play className=\"mr-1 h-4 w-4\" />\n            Resume\n          </Button>\n        )}\n        {subscription.status === 'DISABLED' ? (\n          <Button\n            size=\"sm\"\n            variant=\"outline\"\n            disabled={state.loading}\n            onClick={() => void setStatus('ACTIVE')}\n            data-testid=\"webhook-reenable\"\n          >\n            <Power className=\"mr-1 h-4 w-4\" />\n            Re-enable\n          </Button>\n        ) : (\n          <Button\n            size=\"sm\"\n            variant=\"outline\"\n            disabled={state.loading}\n            onClick={() => void setStatus('DISABLED')}\n            data-testid=\"webhook-disable\"\n          >\n            <Power className=\"mr-1 h-4 w-4\" />\n            Disable\n          </Button>\n        )}\n        {state.loading && <Loader2 className=\"h-4 w-4 animate-spin text-muted-foreground\" />}\n      </div>\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n\nconst DELETE_WEBHOOK_SUBSCRIPTION = gql`\n  mutation WebhookSubscriptionDelete($id: ID!) {\n    planmagnetDeleteWebhookSubscription(id: $id)\n  }\n`;\n\nexport function DeleteWebhookSubscriptionButton({ subscriptionId }: { subscriptionId: string }) {\n  const [remove, state] = useMutation(DELETE_WEBHOOK_SUBSCRIPTION, options);\n  const [error, setError] = useState<string | null>(null);\n\n  const onDelete = async () => {\n    setError(null);\n    try {\n      await throwOnError(remove({ variables: { id: subscriptionId } }));\n    } catch (e) {\n      setError(\n        isForbidden(e)\n          ? 'Your role can view webhook subscriptions but not delete them.'\n          : mutationErrorMessage(e, 'The subscription could not be deleted.')\n      );\n    }\n  };\n\n  return (\n    <div className=\"flex flex-col items-end gap-1\">\n      <ConfirmButton\n        label=\"Delete\"\n        variant=\"outline\"\n        icon={<X className=\"mr-1 h-4 w-4\" />}\n        title=\"Delete this webhook subscription?\"\n        description=\"Deliveries stop immediately. Its delivery log is removed with it. This cannot be undone.\"\n        confirmLabel=\"Delete subscription\"\n        destructive\n        disabled={state.loading}\n        onConfirm={() => void onDelete()}\n        testId=\"webhook-delete\"\n      />\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n\nconst WEBHOOK_SUBSCRIPTION_DELIVERIES = gql`\n  query WebhookSubscriptionDeliveries(\n    $subscriptionId: ID!\n    $pagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetWebhookSubscriptionDeliveries(\n      subscriptionId: $subscriptionId\n      pagination: $pagination\n    ) {\n      totalCount\n      pageInfo {\n        hasNextPage\n        endCursor\n      }\n      items {\n        id\n        event\n        status\n        responseStatus\n        attempts\n        error\n        deliveredAt\n      }\n    }\n  }\n`;\n\nconst DELIVERIES_PAGE = 20;\n\n/** The delivery log for one subscription (AUT-33): event, status, response status, attempts, error, time —\n *  newest first, loaded only once expanded. */\nexport function WebhookDeliveryLog({ subscriptionId }: { subscriptionId: string }) {\n  const [loadingMore, setLoadingMore] = useState(false);\n  const { data, loading, error, fetchMore } = useQuery<{\n    planmagnetWebhookSubscriptionDeliveries: {\n      totalCount: number;\n      pageInfo: { hasNextPage: boolean; endCursor: string | null };\n      items: {\n        id: string;\n        event: string;\n        status: string;\n        responseStatus: number | null;\n        attempts: number;\n        error: string | null;\n        deliveredAt: string;\n      }[];\n    };\n  }>(WEBHOOK_SUBSCRIPTION_DELIVERIES, {\n    variables: { subscriptionId, pagination: { first: DELIVERIES_PAGE } },\n  });\n\n  const list = data?.planmagnetWebhookSubscriptionDeliveries;\n  const deliveries = list?.items ?? [];\n\n  const loadMore = async () => {\n    const after = list?.pageInfo.endCursor;\n    if (!after) return;\n    setLoadingMore(true);\n    try {\n      await fetchMore({\n        variables: { pagination: { first: DELIVERIES_PAGE, after } },\n        updateQuery: (prev, { fetchMoreResult }) => ({\n          planmagnetWebhookSubscriptionDeliveries: {\n            ...fetchMoreResult.planmagnetWebhookSubscriptionDeliveries,\n            items: [\n              ...prev.planmagnetWebhookSubscriptionDeliveries.items,\n              ...fetchMoreResult.planmagnetWebhookSubscriptionDeliveries.items,\n            ],\n          },\n        }),\n      });\n    } finally {\n      setLoadingMore(false);\n    }\n  };\n\n  return (\n    <div className=\"space-y-2\" data-testid=\"webhook-deliveries\">\n      {error && (\n        <p role=\"alert\" className=\"text-sm text-destructive\">\n          Deliveries could not be loaded: {error.message}\n        </p>\n      )}\n      {loading && !data && <p className=\"text-sm text-muted-foreground\">Loading deliveries…</p>}\n      {list && deliveries.length === 0 && (\n        <p className=\"py-4 text-center text-sm text-muted-foreground\">No deliveries yet.</p>\n      )}\n      {deliveries.length > 0 && (\n        <div className=\"overflow-x-auto\">\n          <table className=\"w-full text-sm\">\n            <thead>\n              <tr className=\"text-left text-muted-foreground\">\n                <th className=\"py-1 pr-3 font-medium\">Time</th>\n                <th className=\"py-1 pr-3 font-medium\">Event</th>\n                <th className=\"py-1 pr-3 font-medium\">Status</th>\n                <th className=\"py-1 pr-3 font-medium\">Response</th>\n                <th className=\"py-1 pr-3 font-medium\">Attempts</th>\n                <th className=\"py-1 font-medium\">Error</th>\n              </tr>\n            </thead>\n            <tbody>\n              {deliveries.map((delivery) => (\n                <tr\n                  key={delivery.id}\n                  className=\"border-t align-top\"\n                  data-testid=\"webhook-delivery-row\"\n                >\n                  <td className=\"py-1.5 pr-3 whitespace-nowrap\">\n                    {new Date(delivery.deliveredAt).toLocaleString()}\n                  </td>\n                  <td className=\"py-1.5 pr-3 whitespace-nowrap\">\n                    {triggerTypeLabel(delivery.event)}\n                  </td>\n                  <td className=\"py-1.5 pr-3\">\n                    <WebhookDeliveryStatusBadge status={delivery.status} />\n                  </td>\n                  <td className=\"py-1.5 pr-3 whitespace-nowrap\">\n                    {delivery.responseStatus ?? <span className=\"text-muted-foreground\">—</span>}\n                  </td>\n                  <td className=\"py-1.5 pr-3\">{delivery.attempts}</td>\n                  <td className=\"py-1.5 text-status-error-text\">\n                    {delivery.error ? (\n                      <TruncatedText\n                        text={delivery.error}\n                        max={120}\n                        className=\"text-status-error-text\"\n                      />\n                    ) : (\n                      <span className=\"text-muted-foreground\">—</span>\n                    )}\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      )}\n      {list?.pageInfo.hasNextPage && (\n        <Button size=\"sm\" variant=\"outline\" onClick={() => void loadMore()} disabled={loadingMore}>\n          {loadingMore ? 'Loading…' : `Show more (${deliveries.length} of ${list.totalCount})`}\n        </Button>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/dashboards/DashboardUI.js

@@ -1,8 +1,8 @@
 import { isForbidden as e } from "../utils/graphqlErrors.js";
 import { ArrowRight as t } from "lucide-react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Card as a, CardContent as o, CardHeader as s, CardTitle as c } from "@burdenoff/fe-libs/ui";
+import { Card as i, CardContent as a, CardHeader as o, CardTitle as s } from "@burdenoff/fe-libs/ui";
+import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/planmagnet/dashboards/DashboardUI.tsx
 function l({ label: e, onClick: i }) {
 	return /* @__PURE__ */ r("button", {
@@ -16,7 +16,7 @@ function l({ label: e, onClick: i }) {
 	});
 }
 function u({ icon: t, title: u, definition: d, loading: f, error: p, empty: m, emptyMessage: h, drillDown: g, children: _ }) {
-	let { t: v } = i(), y = e(p), b = y ? "dashboard-card-forbidden" : "dashboard-card", x;
+	let { t: v } = c(), y = e(p), b = y ? "dashboard-card-forbidden" : "dashboard-card", x;
 	return x = p ? /* @__PURE__ */ n("p", {
 		className: "text-sm text-muted-foreground",
 		children: y ? v("planmagnet.dashboards.forbidden", "You do not have access to {{title}}.", { title: u }) : v("planmagnet.dashboards.error", "Could not be loaded: {{message}}", { message: p instanceof Error ? p.message : "unknown error" })
@@ -26,18 +26,18 @@ function u({ icon: t, title: u, definition: d, loading: f, error: p, empty: m, e
 	}) : m ? /* @__PURE__ */ n("p", {
 		className: "text-sm text-muted-foreground",
 		children: h ?? v("planmagnet.dashboards.empty", "Nothing to show yet.")
-	}) : _, /* @__PURE__ */ r(a, {
+	}) : _, /* @__PURE__ */ r(i, {
 		"data-testid": b,
-		children: [/* @__PURE__ */ r(s, {
+		children: [/* @__PURE__ */ r(o, {
 			className: "space-y-1",
-			children: [/* @__PURE__ */ r(c, {
+			children: [/* @__PURE__ */ r(s, {
 				className: "flex items-center gap-2 text-base",
 				children: [t, u]
 			}), /* @__PURE__ */ n("p", {
 				className: "text-xs text-muted-foreground",
 				children: d
 			})]
-		}), /* @__PURE__ */ r(o, {
+		}), /* @__PURE__ */ r(a, {
 			className: "space-y-3",
 			children: [x, g && !f ? /* @__PURE__ */ n(l, { ...g }) : null]
 		})]
@@ -121,6 +121,6 @@ function _(e, t, n) {
 	return t > e ? `Showing ${e} of ${t} ${n}` : `${t} ${n}`;
 }
 //#endregion
-export { u as DashboardCard, d as DashboardCardShell, f as NoSkillsNote, m as PercentBar, p as StatTile, _ as cappedSubtitle, g as formatHours, h as ratePercentLabel };
+export { u as DashboardCard, d as DashboardCardShell, l as DrillDownLink, f as NoSkillsNote, m as PercentBar, p as StatTile, _ as cappedSubtitle, g as formatHours, h as ratePercentLabel };
 
 //# sourceMappingURL=DashboardUI.js.map