@burdenoff/microfe-planmagnet 2026.1001.5 → 2026.1001.7

package/dist/planmagnet/pages/IntegrationsWebhooksPagePage.js

@@ -0,0 +1,175 @@
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { TruncatedText as n } from "../controls/SyncControls.js";
+import { CreateWebhookSubscriptionDialog as r, DeleteWebhookSubscriptionButton as i, RotateWebhookSecretButton as a, WebhookDeliveryLog as o, WebhookDeliveryStatusBadge as s, WebhookEventBadges as c, WebhookStatusActions as l, WebhookStatusBadge as u } from "../controls/WebhookSubscriptionControls.js";
+import { useState as d } from "react";
+import { ArrowLeft as f, ChevronDown as p, ChevronUp as m, Webhook as h } from "lucide-react";
+import { gql as g } from "@apollo/client";
+import { useQuery as _ } from "@apollo/client/react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { Button as x, EmptyState as S } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/IntegrationsWebhooksPagePage.tsx
+var C = 20, w = g`
+  query WebhookSubscriptionsList($workspaceId: ID!, $pagination: PlanmagnetPaginationInput) {
+    planmagnetWebhookSubscriptions(workspaceId: $workspaceId, pagination: $pagination) {
+      totalCount
+      pageInfo {
+        hasNextPage
+        endCursor
+      }
+      items {
+        id
+        url
+        events
+        status
+        consecutiveFailures
+        lastDeliveryAt
+        lastDeliveryStatus
+        createdAt
+        createdBy
+        updatedAt
+        updatedBy
+        disabledAt
+      }
+    }
+  }
+`;
+function T({ subscription: e }) {
+	let [t, r] = d(!1);
+	return /* @__PURE__ */ b("li", {
+		className: "space-y-3 rounded-md border p-4",
+		"data-testid": "webhook-subscription-row",
+		children: [
+			/* @__PURE__ */ b("div", {
+				className: "flex flex-wrap items-start justify-between gap-3",
+				children: [/* @__PURE__ */ b("div", {
+					className: "min-w-0 space-y-1.5",
+					children: [
+						/* @__PURE__ */ b("div", {
+							className: "flex flex-wrap items-center gap-2",
+							children: [/* @__PURE__ */ y(n, {
+								text: e.url,
+								max: 70,
+								className: "font-mono text-sm"
+							}), /* @__PURE__ */ y(u, { status: e.status })]
+						}),
+						/* @__PURE__ */ y(c, { events: e.events }),
+						/* @__PURE__ */ b("p", {
+							className: "text-xs text-muted-foreground",
+							children: [e.lastDeliveryAt ? /* @__PURE__ */ b(v, { children: [
+								"Last delivery ",
+								new Date(e.lastDeliveryAt).toLocaleString(),
+								e.lastDeliveryStatus && /* @__PURE__ */ b(v, { children: [" ", /* @__PURE__ */ y(s, { status: e.lastDeliveryStatus })] })
+							] }) : "No deliveries yet", e.consecutiveFailures > 0 && /* @__PURE__ */ b("span", {
+								className: "ml-2 font-medium text-status-error-text",
+								"data-testid": "webhook-consecutive-failures",
+								children: [
+									e.consecutiveFailures,
+									" consecutive failure",
+									e.consecutiveFailures === 1 ? "" : "s"
+								]
+							})]
+						})
+					]
+				}), /* @__PURE__ */ b("div", {
+					className: "flex shrink-0 flex-wrap items-center gap-2",
+					children: [
+						/* @__PURE__ */ y(l, { subscription: e }),
+						/* @__PURE__ */ y(a, { subscriptionId: e.id }),
+						/* @__PURE__ */ y(i, { subscriptionId: e.id })
+					]
+				})]
+			}),
+			/* @__PURE__ */ y(x, {
+				size: "sm",
+				variant: "ghost",
+				className: "h-7 text-xs",
+				"aria-expanded": t,
+				onClick: () => r((e) => !e),
+				"data-testid": "webhook-toggle-deliveries",
+				children: t ? /* @__PURE__ */ b(v, { children: ["Hide delivery log ", /* @__PURE__ */ y(m, { className: "ml-1 h-3.5 w-3.5" })] }) : /* @__PURE__ */ b(v, { children: ["View delivery log ", /* @__PURE__ */ y(p, { className: "ml-1 h-3.5 w-3.5" })] })
+			}),
+			t && /* @__PURE__ */ y(o, { subscriptionId: e.id })
+		]
+	});
+}
+function E() {
+	let { workspaceId: n } = e(), i = t(), [a, o] = d(!1), { data: s, loading: c, error: l, fetchMore: u } = _(w, {
+		variables: {
+			workspaceId: n ?? "",
+			pagination: { first: C }
+		},
+		skip: !n,
+		fetchPolicy: "cache-and-network"
+	}), p = s?.planmagnetWebhookSubscriptions, m = p?.items ?? [], g = async () => {
+		let e = p?.pageInfo.endCursor;
+		if (e) {
+			o(!0);
+			try {
+				await u({
+					variables: { pagination: {
+						first: C,
+						after: e
+					} },
+					updateQuery: (e, { fetchMoreResult: t }) => ({ planmagnetWebhookSubscriptions: {
+						...t.planmagnetWebhookSubscriptions,
+						items: [...e.planmagnetWebhookSubscriptions.items, ...t.planmagnetWebhookSubscriptions.items]
+					} })
+				});
+			} finally {
+				o(!1);
+			}
+		}
+	};
+	return /* @__PURE__ */ b("div", {
+		className: "space-y-6 p-6",
+		"data-testid": "webhook-subscriptions-list",
+		children: [
+			/* @__PURE__ */ b(x, {
+				size: "sm",
+				variant: "ghost",
+				onClick: () => i("/integrations/syncs-page"),
+				children: [/* @__PURE__ */ y(f, { className: "mr-1 h-4 w-4" }), "Integrations"]
+			}),
+			/* @__PURE__ */ b("div", {
+				className: "flex flex-wrap items-center justify-between gap-3",
+				children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("h1", {
+					className: "text-2xl font-semibold flex items-center gap-2",
+					children: [/* @__PURE__ */ y(h, { className: "h-5 w-5 text-primary" }), "Webhook subscriptions"]
+				}), /* @__PURE__ */ y("p", {
+					className: "text-sm text-muted-foreground",
+					children: p ? `${p.totalCount} subscription${p.totalCount === 1 ? "" : "s"}` : "Get a signed POST when things happen in this workspace"
+				})] }), /* @__PURE__ */ y(r, {})]
+			}),
+			l && /* @__PURE__ */ b("p", {
+				role: "alert",
+				className: "text-sm text-destructive",
+				children: ["Webhook subscriptions could not be loaded: ", l.message]
+			}),
+			c && !s && /* @__PURE__ */ y("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Loading webhook subscriptions…"
+			}),
+			p && m.length === 0 && /* @__PURE__ */ y(S, {
+				icon: /* @__PURE__ */ y(h, { className: "h-8 w-8 text-muted-foreground" }),
+				title: "No webhook subscriptions yet",
+				description: "Subscribe a URL to get a signed POST whenever an event you choose happens in this workspace — a work item changes, a sprint starts, a release ships, and more."
+			}),
+			/* @__PURE__ */ y("ul", {
+				className: "space-y-3",
+				children: m.map((e) => /* @__PURE__ */ y(T, { subscription: e }, e.id))
+			}),
+			p?.pageInfo.hasNextPage && /* @__PURE__ */ y(x, {
+				size: "sm",
+				variant: "outline",
+				onClick: () => void g(),
+				disabled: a,
+				"data-testid": "webhook-list-more",
+				children: a ? "Loading…" : `Show more (${m.length} of ${p.totalCount})`
+			})
+		]
+	});
+}
+//#endregion
+export { E as IntegrationsWebhooksPagePage };
+
+//# sourceMappingURL=IntegrationsWebhooksPagePage.js.map

package/dist/planmagnet/pages/IntegrationsWebhooksPagePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntegrationsWebhooksPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/IntegrationsWebhooksPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Button, EmptyState } from '@burdenoff/fe-libs/ui';\nimport { ArrowLeft, ChevronDown, ChevronUp, Webhook } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { TruncatedText } from '../controls/SyncControls';\nimport {\n  CreateWebhookSubscriptionDialog,\n  DeleteWebhookSubscriptionButton,\n  RotateWebhookSecretButton,\n  WebhookDeliveryLog,\n  WebhookDeliveryStatusBadge,\n  WebhookEventBadges,\n  WebhookStatusActions,\n  WebhookStatusBadge,\n} from '../controls/WebhookSubscriptionControls';\nimport type { WebhookSubscriptionRow } from '../webhooks/webhookTypes';\n\n/**\n * Outbound webhook subscriptions (AUT-33): list, create (secret shown once), rotate (secret shown once), pause /\n * resume / disable / re-enable, delete, and a per-subscription delivery log. Reachable from the Integrations\n * syncs page rather than the host sidebar — see PlanMagnetRoutes.tsx's comment on this route.\n */\n\nconst PAGE = 20;\n\nconst WEBHOOK_SUBSCRIPTIONS_LIST = gql`\n  query WebhookSubscriptionsList($workspaceId: ID!, $pagination: PlanmagnetPaginationInput) {\n    planmagnetWebhookSubscriptions(workspaceId: $workspaceId, pagination: $pagination) {\n      totalCount\n      pageInfo {\n        hasNextPage\n        endCursor\n      }\n      items {\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\nfunction SubscriptionRow({ subscription }: { subscription: WebhookSubscriptionRow }) {\n  const [showDeliveries, setShowDeliveries] = useState(false);\n  return (\n    <li className=\"space-y-3 rounded-md border p-4\" data-testid=\"webhook-subscription-row\">\n      <div className=\"flex flex-wrap items-start justify-between gap-3\">\n        <div className=\"min-w-0 space-y-1.5\">\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <TruncatedText text={subscription.url} max={70} className=\"font-mono text-sm\" />\n            <WebhookStatusBadge status={subscription.status} />\n          </div>\n          <WebhookEventBadges events={subscription.events} />\n          <p className=\"text-xs text-muted-foreground\">\n            {subscription.lastDeliveryAt ? (\n              <>\n                Last delivery {new Date(subscription.lastDeliveryAt).toLocaleString()}\n                {subscription.lastDeliveryStatus && (\n                  <>\n                    {' '}\n                    <WebhookDeliveryStatusBadge status={subscription.lastDeliveryStatus} />\n                  </>\n                )}\n              </>\n            ) : (\n              'No deliveries yet'\n            )}\n            {subscription.consecutiveFailures > 0 && (\n              <span\n                className=\"ml-2 font-medium text-status-error-text\"\n                data-testid=\"webhook-consecutive-failures\"\n              >\n                {subscription.consecutiveFailures} consecutive failure\n                {subscription.consecutiveFailures === 1 ? '' : 's'}\n              </span>\n            )}\n          </p>\n        </div>\n        <div className=\"flex shrink-0 flex-wrap items-center gap-2\">\n          <WebhookStatusActions subscription={subscription} />\n          <RotateWebhookSecretButton subscriptionId={subscription.id} />\n          <DeleteWebhookSubscriptionButton subscriptionId={subscription.id} />\n        </div>\n      </div>\n      <Button\n        size=\"sm\"\n        variant=\"ghost\"\n        className=\"h-7 text-xs\"\n        aria-expanded={showDeliveries}\n        onClick={() => setShowDeliveries((v) => !v)}\n        data-testid=\"webhook-toggle-deliveries\"\n      >\n        {showDeliveries ? (\n          <>\n            Hide delivery log <ChevronUp className=\"ml-1 h-3.5 w-3.5\" />\n          </>\n        ) : (\n          <>\n            View delivery log <ChevronDown className=\"ml-1 h-3.5 w-3.5\" />\n          </>\n        )}\n      </Button>\n      {showDeliveries && <WebhookDeliveryLog subscriptionId={subscription.id} />}\n    </li>\n  );\n}\n\nexport function IntegrationsWebhooksPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const [loadingMore, setLoadingMore] = useState(false);\n\n  const { data, loading, error, fetchMore } = useQuery<{\n    planmagnetWebhookSubscriptions: {\n      totalCount: number;\n      pageInfo: { hasNextPage: boolean; endCursor: string | null };\n      items: WebhookSubscriptionRow[];\n    };\n  }>(WEBHOOK_SUBSCRIPTIONS_LIST, {\n    variables: { workspaceId: workspaceId ?? '', pagination: { first: PAGE } },\n    skip: !workspaceId,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const list = data?.planmagnetWebhookSubscriptions;\n  const subscriptions = 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: PAGE, after } },\n        updateQuery: (prev, { fetchMoreResult }) => ({\n          planmagnetWebhookSubscriptions: {\n            ...fetchMoreResult.planmagnetWebhookSubscriptions,\n            items: [\n              ...prev.planmagnetWebhookSubscriptions.items,\n              ...fetchMoreResult.planmagnetWebhookSubscriptions.items,\n            ],\n          },\n        }),\n      });\n    } finally {\n      setLoadingMore(false);\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\" data-testid=\"webhook-subscriptions-list\">\n      <Button size=\"sm\" variant=\"ghost\" onClick={() => navigate('/integrations/syncs-page')}>\n        <ArrowLeft className=\"mr-1 h-4 w-4\" />\n        Integrations\n      </Button>\n\n      <div className=\"flex flex-wrap items-center justify-between gap-3\">\n        <div>\n          <h1 className=\"text-2xl font-semibold flex items-center gap-2\">\n            <Webhook className=\"h-5 w-5 text-primary\" />\n            Webhook subscriptions\n          </h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {list\n              ? `${list.totalCount} subscription${list.totalCount === 1 ? '' : 's'}`\n              : 'Get a signed POST when things happen in this workspace'}\n          </p>\n        </div>\n        <CreateWebhookSubscriptionDialog />\n      </div>\n\n      {error && (\n        <p role=\"alert\" className=\"text-sm text-destructive\">\n          Webhook subscriptions could not be loaded: {error.message}\n        </p>\n      )}\n      {/* Only before the first load: a refetch after an action must not blank the page. */}\n      {loading && !data && (\n        <p className=\"text-sm text-muted-foreground\">Loading webhook subscriptions…</p>\n      )}\n      {list && subscriptions.length === 0 && (\n        <EmptyState\n          icon={<Webhook className=\"h-8 w-8 text-muted-foreground\" />}\n          title=\"No webhook subscriptions yet\"\n          description=\"Subscribe a URL to get a signed POST whenever an event you choose happens in this workspace — a work item changes, a sprint starts, a release ships, and more.\"\n        />\n      )}\n\n      <ul className=\"space-y-3\">\n        {subscriptions.map((subscription) => (\n          <SubscriptionRow key={subscription.id} subscription={subscription} />\n        ))}\n      </ul>\n\n      {list?.pageInfo.hasNextPage && (\n        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          onClick={() => void loadMore()}\n          disabled={loadingMore}\n          data-testid=\"webhook-list-more\"\n        >\n          {loadingMore ? 'Loading…' : `Show more (${subscriptions.length} of ${list.totalCount})`}\n        </Button>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/PortfoliosPortfolioDetailPagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PortfoliosPortfolioDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/PortfoliosPortfolioDetailPagePage.tsx"],"names":[],"mappings":"AA6EA,wBAAgB,iCAAiC,4CAmRhD"}
+{"version":3,"file":"PortfoliosPortfolioDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/PortfoliosPortfolioDetailPagePage.tsx"],"names":[],"mappings":"AAkIA,wBAAgB,iCAAiC,4CAsXhD"}