@burdenoff/microfe-admin 2026.624.1 → 2026.626.1

package/dist/admin/pages/WaitlistPage.js

@@ -8,14 +8,15 @@ import "../components/index.js";
 import { useCallback as l, useEffect as u, useMemo as d, useState as f } from "react";
 import { Check as p, ClipboardList as m, Search as h, Trash2 as g, X as _ } from "lucide-react";
 import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { gql as x } from "@apollo/client";
-import { useGatewayClient as S } from "@burdenoff/fe-libs/shared/graphql";
+import { EmphasisPanel as x, PagePurpose as ee } from "@burdenoff/fe-libs/ui";
+import { gql as S } from "@apollo/client";
+import { useGatewayClient as C } from "@burdenoff/fe-libs/shared/graphql";
 //#region src/admin/pages/WaitlistPage.tsx
-var C = 20, w = {
+var w = 20, T = {
 	PENDING: "outline",
 	APPROVED: "default",
 	REJECTED: "destructive"
-}, T = x`
+}, E = S`
   query GetWaitlist($filter: WaitlistFilterInput) {
     waitlist(filter: $filter) {
       id
@@ -31,70 +32,70 @@ var C = 20, w = {
       createdAt
     }
   }
-`, E = x`
+`, D = S`
   mutation ApproveWaitlist($input: ApproveWaitlistInput!) {
     approveWaitlist(input: $input) {
       id
       status
     }
   }
-`, D = x`
+`, O = S`
   mutation RejectWaitlist($input: RejectWaitlistInput!) {
     rejectWaitlist(input: $input) {
       id
       status
     }
   }
-`, O = x`
+`, k = S`
   mutation RemoveFromWaitlist($id: ID!) {
     removeFromWaitlist(id: $id)
   }
 `;
-function k() {
-	let { canViewWaitlist: x, canManageWaitlist: k, isLoading: A } = e(), j = S("global"), [M, N] = f(1), [P, F] = f(""), [I, L] = f(""), [R, z] = f(null), [B, V] = f(!1), [H, U] = f(null), [W, G] = f(0), K = d(() => {
+function A() {
+	let { canViewWaitlist: S, canManageWaitlist: A, isLoading: j } = e(), M = C("global"), [N, P] = f(1), [F, I] = f(""), [L, R] = f(""), [z, B] = f(null), [V, H] = f(!1), [U, W] = f(null), [G, K] = f(0), q = d(() => {
 		let e = {};
-		return I && (e.status = I), Object.keys(e).length > 0 ? e : void 0;
-	}, [I]), q = l(() => G((e) => e + 1), []);
+		return L && (e.status = L), Object.keys(e).length > 0 ? e : void 0;
+	}, [L]), J = l(() => K((e) => e + 1), []);
 	u(() => {
-		A || !x || (V(!0), j.query({
-			query: T,
-			variables: { filter: K },
+		j || !S || (H(!0), M.query({
+			query: E,
+			variables: { filter: q },
 			fetchPolicy: "network-only"
 		}).then((e) => {
 			let t = e.data;
-			z(t ?? null), U(null);
-		}).catch((e) => U({ message: e.message })).finally(() => V(!1)));
+			B(t ?? null), W(null);
+		}).catch((e) => W({ message: e.message })).finally(() => H(!1)));
 	}, [
+		M,
+		q,
 		j,
-		K,
-		A,
-		x,
-		W
+		S,
+		G
 	]);
-	let J = d(() => R?.waitlist ?? [], [R]), Y = d(() => {
-		if (!P) return J;
-		let e = P.toLowerCase();
-		return J.filter((t) => t.email.toLowerCase().includes(e) || t.name && t.name.toLowerCase().includes(e) || t.company && t.company.toLowerCase().includes(e));
-	}, [J, P]), X = Y.length, Z = Math.ceil(X / C), Q = Y.slice((M - 1) * C, M * C), $ = l(async (e) => {
-		await j.mutate({
-			mutation: E,
+	let Y = d(() => z?.waitlist ?? [], [z]), X = d(() => {
+		if (!F) return Y;
+		let e = F.toLowerCase();
+		return Y.filter((t) => t.email.toLowerCase().includes(e) || t.name && t.name.toLowerCase().includes(e) || t.company && t.company.toLowerCase().includes(e));
+	}, [Y, F]), Z = X.length, Q = Math.ceil(Z / w), $ = X.slice((N - 1) * w, N * w), te = d(() => Y.filter((e) => e.status === "PENDING").length, [Y]), ne = l(async (e) => {
+		await M.mutate({
+			mutation: D,
 			variables: { input: { id: e } }
-		}), q();
-	}, [j, q]), ee = l(async (e) => {
+		}), J();
+	}, [M, J]), re = l(async (e) => {
 		let t = window.prompt("Rejection reason (optional):");
-		await j.mutate({
-			mutation: D,
+		await M.mutate({
+			mutation: O,
 			variables: { input: {
 				id: e,
 				reason: t
 			} }
-		}), q();
-	}, [j, q]), te = l(async (e) => {
-		window.confirm("Remove this waitlist entry?") && (await j.mutate({
-			mutation: O,
+		}), J();
+	}, [M, J]), ie = l(async (e) => {
+		window.confirm("Remove this waitlist entry?") && (await M.mutate({
+			mutation: k,
 			variables: { id: e }
-		}), q());
-	}, [j, q]), ne = [
+		}), J());
+	}, [M, J]), ae = [
 		{
 			key: "email",
 			header: "Email",
@@ -123,7 +124,7 @@ function k() {
 			header: "Status",
 			width: "100px",
 			render: (e) => /* @__PURE__ */ y(t, {
-				variant: w[e.status] ?? "outline",
+				variant: T[e.status] ?? "outline",
 				className: "text-xs capitalize",
 				children: e.status.toLowerCase()
 			})
@@ -134,24 +135,24 @@ function k() {
 			width: "110px",
 			render: (e) => a(e.createdAt)
 		},
-		...k ? [{
+		...A ? [{
 			key: "actions",
 			header: "Actions",
 			width: "140px",
 			render: (e) => /* @__PURE__ */ b("div", {
 				className: "flex items-center gap-1",
 				children: [e.status === "PENDING" && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("button", {
-					onClick: () => $(e.id),
-					className: "rounded p-1 text-green-500 hover:bg-green-500/10",
+					onClick: () => ne(e.id),
+					className: "rounded p-1 text-status-success-text hover:bg-status-success-bg",
 					title: "Approve",
 					children: /* @__PURE__ */ y(p, { className: "h-4 w-4" })
 				}), /* @__PURE__ */ y("button", {
-					onClick: () => ee(e.id),
-					className: "rounded p-1 text-red-500 hover:bg-red-500/10",
+					onClick: () => re(e.id),
+					className: "rounded p-1 text-status-error-text hover:bg-status-error-bg",
 					title: "Reject",
 					children: /* @__PURE__ */ y(_, { className: "h-4 w-4" })
 				})] }), /* @__PURE__ */ y("button", {
-					onClick: () => te(e.id),
+					onClick: () => ie(e.id),
 					className: "rounded p-1 text-text-secondary hover:bg-bg-sunken",
 					title: "Remove",
 					children: /* @__PURE__ */ y(g, { className: "h-4 w-4" })
@@ -160,32 +161,47 @@ function k() {
 		}] : []
 	];
 	return /* @__PURE__ */ y(c, {
-		allowed: x,
-		isLoading: A,
+		allowed: S,
+		isLoading: j,
 		pageTitle: "Waitlist",
 		denyMessage: "You don't have permission to view the waitlist.",
 		children: /* @__PURE__ */ y(i, {
 			title: "Waitlist Management",
-			description: `Product waitlist entries${X ? ` \u00b7 ${X} total` : ""}`,
+			gradientWord: "Management",
+			description: `Product waitlist entries${Z ? ` \u00b7 ${Z} total` : ""}`,
 			children: /* @__PURE__ */ b("div", {
 				className: "space-y-4",
 				children: [
+					/* @__PURE__ */ y(ee, { children: "People who signed up for early access to a product land here before they have an account. Use this page to review who's waiting, then approve the ones you want to let in (which provisions their access) or reject the rest — clearing the pending queue keeps onboarding moving." }),
+					/* @__PURE__ */ b(x, {
+						className: "flex items-center gap-4 p-5",
+						children: [/* @__PURE__ */ y("div", {
+							className: "flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-action-primary-bg/15 text-action-primary-bg",
+							children: /* @__PURE__ */ y(m, { className: "h-6 w-6" })
+						}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("div", {
+							className: "text-3xl font-bold tabular-nums text-text-primary",
+							children: te
+						}), /* @__PURE__ */ y("p", {
+							className: "text-sm text-text-secondary",
+							children: "pending entries awaiting review"
+						})] })]
+					}),
 					/* @__PURE__ */ b("div", {
 						className: "flex flex-wrap items-center gap-3",
 						children: [/* @__PURE__ */ b("div", {
 							className: "relative max-w-sm flex-1",
 							children: [/* @__PURE__ */ y(h, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ y(r, {
 								placeholder: "Search by email, name, or company...",
-								value: P,
+								value: F,
 								onChange: (e) => {
-									N(1), F(e.target.value);
+									P(1), I(e.target.value);
 								},
 								className: "pl-9"
 							})]
 						}), /* @__PURE__ */ b("select", {
-							value: I,
+							value: L,
 							onChange: (e) => {
-								N(1), L(e.target.value);
+								P(1), R(e.target.value);
 							},
 							className: "rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm",
 							children: [
@@ -208,27 +224,28 @@ function k() {
 							]
 						})]
 					}),
-					H && /* @__PURE__ */ b("div", {
+					U && /* @__PURE__ */ b("div", {
 						className: "rounded-md border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text",
-						children: ["Failed to load waitlist: ", H.message]
+						children: ["Failed to load waitlist: ", U.message]
 					}),
 					/* @__PURE__ */ y(o, {
-						columns: ne,
-						data: Q,
+						columns: ae,
+						data: $,
 						keyExtractor: (e) => e.id,
-						loading: B,
+						loading: V,
 						emptyState: /* @__PURE__ */ y(n, {
+							illustration: "empty-search",
 							icon: /* @__PURE__ */ y(m, { className: "h-8 w-8" }),
 							title: "No waitlist entries",
 							description: "No entries match your current filters"
 						})
 					}),
-					X > C && /* @__PURE__ */ y(s, {
-						page: M,
-						totalPages: Z,
-						totalItems: X,
-						pageSize: C,
-						onPageChange: N
+					Z > w && /* @__PURE__ */ y(s, {
+						page: N,
+						totalPages: Q,
+						totalItems: Z,
+						pageSize: w,
+						onPageChange: P
 					})
 				]
 			})
@@ -236,6 +253,6 @@ function k() {
 	});
 }
 //#endregion
-export { k as WaitlistPage };
+export { A as WaitlistPage };
 
 //# sourceMappingURL=WaitlistPage.js.map

package/dist/admin/pages/WaitlistPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"WaitlistPage.js","names":[],"sources":["../../../src/admin/pages/WaitlistPage.tsx"],"sourcesContent":["import { useState, useMemo, useCallback, useEffect } from 'react';\nimport { ClipboardList, Search, Check, X, Trash2 } from 'lucide-react';\nimport { useAdminPermissions } from '../hooks/useAdminPermissions';\nimport {\n  PageLayout,\n  Input,\n  DataTable,\n  Pagination,\n  EmptyState,\n  Badge,\n  PermissionGuard,\n} from '../components';\nimport { formatDate } from '../utils/formatters';\nimport { useGatewayClient } from '@burdenoff/fe-libs/shared/graphql';\nimport { gql } from '@apollo/client';\n\nconst PAGE_SIZE = 20;\n\ntype WaitlistStatus = 'PENDING' | 'APPROVED' | 'REJECTED';\n\nconst STATUS_VARIANT: Record<WaitlistStatus, 'default' | 'secondary' | 'outline' | 'destructive'> =\n  {\n    PENDING: 'outline',\n    APPROVED: 'default',\n    REJECTED: 'destructive',\n  };\n\nconst GET_WAITLIST = gql`\n  query GetWaitlist($filter: WaitlistFilterInput) {\n    waitlist(filter: $filter) {\n      id\n      email\n      name\n      company\n      platformProductId\n      status\n      reason\n      rejectionReason\n      processedAt\n      processedBy\n      createdAt\n    }\n  }\n`;\n\nconst APPROVE_WAITLIST = gql`\n  mutation ApproveWaitlist($input: ApproveWaitlistInput!) {\n    approveWaitlist(input: $input) {\n      id\n      status\n    }\n  }\n`;\n\nconst REJECT_WAITLIST = gql`\n  mutation RejectWaitlist($input: RejectWaitlistInput!) {\n    rejectWaitlist(input: $input) {\n      id\n      status\n    }\n  }\n`;\n\nconst REMOVE_WAITLIST = gql`\n  mutation RemoveFromWaitlist($id: ID!) {\n    removeFromWaitlist(id: $id)\n  }\n`;\n\ntype WaitlistItem = {\n  id: string;\n  email: string;\n  name: string | null;\n  company: string | null;\n  platformProductId: string;\n  status: WaitlistStatus;\n  reason: string | null;\n  rejectionReason: string | null;\n  processedAt: string | null;\n  processedBy: string | null;\n  createdAt: string;\n};\n\nexport function WaitlistPage() {\n  const {\n    canViewWaitlist,\n    canManageWaitlist,\n    isLoading: permissionsLoading,\n  } = useAdminPermissions();\n  const globalClient = useGatewayClient('global');\n\n  const [page, setPage] = useState(1);\n  const [search, setSearch] = useState('');\n  const [statusFilter, setStatusFilter] = useState<WaitlistStatus | ''>('');\n  const [data, setData] = useState<{ waitlist?: WaitlistItem[] } | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<{ message: string } | null>(null);\n  const [fetchCount, setFetchCount] = useState(0);\n\n  const filter = useMemo(() => {\n    const f: Record<string, unknown> = {};\n    if (statusFilter) f.status = statusFilter;\n    return Object.keys(f).length > 0 ? f : undefined;\n  }, [statusFilter]);\n\n  const refetch = useCallback(() => setFetchCount((c) => c + 1), []);\n\n  useEffect(() => {\n    if (permissionsLoading || !canViewWaitlist) return;\n    setLoading(true);\n    globalClient\n      .query({ query: GET_WAITLIST, variables: { filter }, fetchPolicy: 'network-only' })\n      .then((result) => {\n        const d = result.data as { waitlist?: WaitlistItem[] } | undefined;\n        setData(d ?? null);\n        setError(null);\n      })\n      .catch((err: Error) => setError({ message: err.message }))\n      .finally(() => setLoading(false));\n  }, [globalClient, filter, permissionsLoading, canViewWaitlist, fetchCount]);\n\n  const allEntries: WaitlistItem[] = useMemo(\n    () => (data?.waitlist ?? []) as WaitlistItem[],\n    [data]\n  );\n\n  // Client-side search filter (email, name, company)\n  const filtered = useMemo(() => {\n    if (!search) return allEntries;\n    const q = search.toLowerCase();\n    return allEntries.filter(\n      (e) =>\n        e.email.toLowerCase().includes(q) ||\n        (e.name && e.name.toLowerCase().includes(q)) ||\n        (e.company && e.company.toLowerCase().includes(q))\n    );\n  }, [allEntries, search]);\n\n  const total = filtered.length;\n  const totalPages = Math.ceil(total / PAGE_SIZE);\n  const paged = filtered.slice((page - 1) * PAGE_SIZE, page * PAGE_SIZE);\n\n  const handleApprove = useCallback(\n    async (id: string) => {\n      await globalClient.mutate({ mutation: APPROVE_WAITLIST, variables: { input: { id } } });\n      refetch();\n    },\n    [globalClient, refetch]\n  );\n\n  const handleReject = useCallback(\n    async (id: string) => {\n      const reason = window.prompt('Rejection reason (optional):');\n      await globalClient.mutate({\n        mutation: REJECT_WAITLIST,\n        variables: { input: { id, reason } },\n      });\n      refetch();\n    },\n    [globalClient, refetch]\n  );\n\n  const handleRemove = useCallback(\n    async (id: string) => {\n      if (!window.confirm('Remove this waitlist entry?')) return;\n      await globalClient.mutate({ mutation: REMOVE_WAITLIST, variables: { id } });\n      refetch();\n    },\n    [globalClient, refetch]\n  );\n\n  const columns = [\n    {\n      key: 'email',\n      header: 'Email',\n      render: (e: WaitlistItem) => (\n        <div className=\"min-w-0\">\n          <div className=\"font-medium text-text-primary\">{e.email}</div>\n          {e.name && <div className=\"text-xs text-text-secondary\">{e.name}</div>}\n        </div>\n      ),\n    },\n    {\n      key: 'company',\n      header: 'Company',\n      width: '140px',\n      render: (e: WaitlistItem) => (\n        <span className=\"text-sm text-text-secondary\">{e.company || '-'}</span>\n      ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      width: '100px',\n      render: (e: WaitlistItem) => (\n        <Badge variant={STATUS_VARIANT[e.status] ?? 'outline'} className=\"text-xs capitalize\">\n          {e.status.toLowerCase()}\n        </Badge>\n      ),\n    },\n    {\n      key: 'createdAt',\n      header: 'Joined',\n      width: '110px',\n      render: (e: WaitlistItem) => formatDate(e.createdAt),\n    },\n    ...(canManageWaitlist\n      ? [\n          {\n            key: 'actions',\n            header: 'Actions',\n            width: '140px',\n            render: (e: WaitlistItem) => (\n              <div className=\"flex items-center gap-1\">\n                {e.status === 'PENDING' && (\n                  <>\n                    <button\n                      onClick={() => handleApprove(e.id)}\n                      className=\"rounded p-1 text-green-500 hover:bg-green-500/10\"\n                      title=\"Approve\"\n                    >\n                      <Check className=\"h-4 w-4\" />\n                    </button>\n                    <button\n                      onClick={() => handleReject(e.id)}\n                      className=\"rounded p-1 text-red-500 hover:bg-red-500/10\"\n                      title=\"Reject\"\n                    >\n                      <X className=\"h-4 w-4\" />\n                    </button>\n                  </>\n                )}\n                <button\n                  onClick={() => handleRemove(e.id)}\n                  className=\"rounded p-1 text-text-secondary hover:bg-bg-sunken\"\n                  title=\"Remove\"\n                >\n                  <Trash2 className=\"h-4 w-4\" />\n                </button>\n              </div>\n            ),\n          },\n        ]\n      : []),\n  ];\n\n  return (\n    <PermissionGuard\n      allowed={canViewWaitlist}\n      isLoading={permissionsLoading}\n      pageTitle=\"Waitlist\"\n      denyMessage=\"You don't have permission to view the waitlist.\"\n    >\n      <PageLayout\n        title=\"Waitlist Management\"\n        description={`Product waitlist entries${total ? ` \\u00b7 ${total} total` : ''}`}\n      >\n        <div className=\"space-y-4\">\n          <div className=\"flex flex-wrap items-center gap-3\">\n            <div className=\"relative max-w-sm flex-1\">\n              <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n              <Input\n                placeholder=\"Search by email, name, or company...\"\n                value={search}\n                onChange={(e) => {\n                  setPage(1);\n                  setSearch(e.target.value);\n                }}\n                className=\"pl-9\"\n              />\n            </div>\n            <select\n              value={statusFilter}\n              onChange={(e) => {\n                setPage(1);\n                setStatusFilter(e.target.value as WaitlistStatus | '');\n              }}\n              className=\"rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm\"\n            >\n              <option value=\"\">All statuses</option>\n              <option value=\"PENDING\">Pending</option>\n              <option value=\"APPROVED\">Approved</option>\n              <option value=\"REJECTED\">Rejected</option>\n            </select>\n          </div>\n\n          {error && (\n            <div className=\"rounded-md border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text\">\n              Failed to load waitlist: {error.message}\n            </div>\n          )}\n\n          <DataTable\n            columns={columns}\n            data={paged}\n            keyExtractor={(e) => e.id}\n            loading={loading}\n            emptyState={\n              <EmptyState\n                icon={<ClipboardList className=\"h-8 w-8\" />}\n                title=\"No waitlist entries\"\n                description=\"No entries match your current filters\"\n              />\n            }\n          />\n\n          {total > PAGE_SIZE && (\n            <Pagination\n              page={page}\n              totalPages={totalPages}\n              totalItems={total}\n              pageSize={PAGE_SIZE}\n              onPageChange={setPage}\n            />\n          )}\n        </div>\n      </PageLayout>\n    </PermissionGuard>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAgBA,IAAM,IAAY,IAIZ,IACJ;CACE,SAAS;CACT,UAAU;CACV,UAAU;CACX,EAEG,IAAe,CAAG;;;;;;;;;;;;;;;;GAkBlB,IAAmB,CAAG;;;;;;;GAStB,IAAkB,CAAG;;;;;;;GASrB,IAAkB,CAAG;;;;;AAoB3B,SAAgB,IAAe;CAC7B,IAAM,EACJ,oBACA,sBACA,WAAW,MACT,GAAqB,EACnB,IAAe,EAAiB,SAAS,EAEzC,CAAC,GAAM,KAAW,EAAS,EAAE,EAC7B,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,CAAC,GAAc,KAAmB,EAA8B,GAAG,EACnE,CAAC,GAAM,KAAW,EAA+C,KAAK,EACtE,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAO,KAAY,EAAqC,KAAK,EAC9D,CAAC,GAAY,KAAiB,EAAS,EAAE,EAEzC,IAAS,QAAc;EAC3B,IAAM,IAA6B,EAAE;AAErC,SADI,MAAc,EAAE,SAAS,IACtB,OAAO,KAAK,EAAE,CAAC,SAAS,IAAI,IAAI,KAAA;IACtC,CAAC,EAAa,CAAC,EAEZ,IAAU,QAAkB,GAAe,MAAM,IAAI,EAAE,EAAE,EAAE,CAAC;AAElE,SAAgB;AACV,OAAsB,CAAC,MAC3B,EAAW,GAAK,EAChB,EACG,MAAM;GAAE,OAAO;GAAc,WAAW,EAAE,WAAQ;GAAE,aAAa;GAAgB,CAAC,CAClF,MAAM,MAAW;GAChB,IAAM,IAAI,EAAO;AAEjB,GADA,EAAQ,KAAK,KAAK,EAClB,EAAS,KAAK;IACd,CACD,OAAO,MAAe,EAAS,EAAE,SAAS,EAAI,SAAS,CAAC,CAAC,CACzD,cAAc,EAAW,GAAM,CAAC;IAClC;EAAC;EAAc;EAAQ;EAAoB;EAAiB;EAAW,CAAC;CAE3E,IAAM,IAA6B,QAC1B,GAAM,YAAY,EAAE,EAC3B,CAAC,EAAK,CACP,EAGK,IAAW,QAAc;AAC7B,MAAI,CAAC,EAAQ,QAAO;EACpB,IAAM,IAAI,EAAO,aAAa;AAC9B,SAAO,EAAW,QACf,MACC,EAAE,MAAM,aAAa,CAAC,SAAS,EAAE,IAChC,EAAE,QAAQ,EAAE,KAAK,aAAa,CAAC,SAAS,EAAE,IAC1C,EAAE,WAAW,EAAE,QAAQ,aAAa,CAAC,SAAS,EAAE,CACpD;IACA,CAAC,GAAY,EAAO,CAAC,EAElB,IAAQ,EAAS,QACjB,IAAa,KAAK,KAAK,IAAQ,EAAU,EACzC,IAAQ,EAAS,OAAO,IAAO,KAAK,GAAW,IAAO,EAAU,EAEhE,IAAgB,EACpB,OAAO,MAAe;AAEpB,EADA,MAAM,EAAa,OAAO;GAAE,UAAU;GAAkB,WAAW,EAAE,OAAO,EAAE,OAAI,EAAE;GAAE,CAAC,EACvF,GAAS;IAEX,CAAC,GAAc,EAAQ,CACxB,EAEK,KAAe,EACnB,OAAO,MAAe;EACpB,IAAM,IAAS,OAAO,OAAO,+BAA+B;AAK5D,EAJA,MAAM,EAAa,OAAO;GACxB,UAAU;GACV,WAAW,EAAE,OAAO;IAAE;IAAI;IAAQ,EAAE;GACrC,CAAC,EACF,GAAS;IAEX,CAAC,GAAc,EAAQ,CACxB,EAEK,KAAe,EACnB,OAAO,MAAe;AACf,SAAO,QAAQ,8BAA8B,KAClD,MAAM,EAAa,OAAO;GAAE,UAAU;GAAiB,WAAW,EAAE,OAAI;GAAE,CAAC,EAC3E,GAAS;IAEX,CAAC,GAAc,EAAQ,CACxB,EAEK,KAAU;EACd;GACE,KAAK;GACL,QAAQ;GACR,SAAS,MACP,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAiC,EAAE;KAAY,CAAA,EAC7D,EAAE,QAAQ,kBAAC,OAAD;KAAK,WAAU;eAA+B,EAAE;KAAW,CAAA,CAClE;;GAET;EACD;GACE,KAAK;GACL,QAAQ;GACR,OAAO;GACP,SAAS,MACP,kBAAC,QAAD;IAAM,WAAU;cAA+B,EAAE,WAAW;IAAW,CAAA;GAE1E;EACD;GACE,KAAK;GACL,QAAQ;GACR,OAAO;GACP,SAAS,MACP,kBAAC,GAAD;IAAO,SAAS,EAAe,EAAE,WAAW;IAAW,WAAU;cAC9D,EAAE,OAAO,aAAa;IACjB,CAAA;GAEX;EACD;GACE,KAAK;GACL,QAAQ;GACR,OAAO;GACP,SAAS,MAAoB,EAAW,EAAE,UAAU;GACrD;EACD,GAAI,IACA,CACE;GACE,KAAK;GACL,QAAQ;GACR,OAAO;GACP,SAAS,MACP,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,EAAE,WAAW,aACZ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;KACE,eAAe,EAAc,EAAE,GAAG;KAClC,WAAU;KACV,OAAM;eAEN,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACtB,CAAA,EACT,kBAAC,UAAD;KACE,eAAe,GAAa,EAAE,GAAG;KACjC,WAAU;KACV,OAAM;eAEN,kBAAC,GAAD,EAAG,WAAU,WAAY,CAAA;KAClB,CAAA,CACR,EAAA,CAAA,EAEL,kBAAC,UAAD;KACE,eAAe,GAAa,EAAE,GAAG;KACjC,WAAU;KACV,OAAM;eAEN,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;KACvB,CAAA,CACL;;GAET,CACF,GACD,EAAE;EACP;AAED,QACE,kBAAC,GAAD;EACE,SAAS;EACT,WAAW;EACX,WAAU;EACV,aAAY;YAEZ,kBAAC,GAAD;GACE,OAAM;GACN,aAAa,2BAA2B,IAAQ,WAAW,EAAM,UAAU;aAE3E,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,wEAAyE,CAAA,EAC3F,kBAAC,GAAD;QACE,aAAY;QACZ,OAAO;QACP,WAAW,MAAM;AAEf,SADA,EAAQ,EAAE,EACV,EAAU,EAAE,OAAO,MAAM;;QAE3B,WAAU;QACV,CAAA,CACE;UACN,kBAAC,UAAD;OACE,OAAO;OACP,WAAW,MAAM;AAEf,QADA,EAAQ,EAAE,EACV,EAAgB,EAAE,OAAO,MAA6B;;OAExD,WAAU;iBANZ;QAQE,kBAAC,UAAD;SAAQ,OAAM;mBAAG;SAAqB,CAAA;QACtC,kBAAC,UAAD;SAAQ,OAAM;mBAAU;SAAgB,CAAA;QACxC,kBAAC,UAAD;SAAQ,OAAM;mBAAW;SAAiB,CAAA;QAC1C,kBAAC,UAAD;SAAQ,OAAM;mBAAW;SAAiB,CAAA;QACnC;SACL;;KAEL,KACC,kBAAC,OAAD;MAAK,WAAU;gBAAf,CAA0H,6BAC9F,EAAM,QAC5B;;KAGR,kBAAC,GAAD;MACW;MACT,MAAM;MACN,eAAe,MAAM,EAAE;MACd;MACT,YACE,kBAAC,GAAD;OACE,MAAM,kBAAC,GAAD,EAAe,WAAU,WAAY,CAAA;OAC3C,OAAM;OACN,aAAY;OACZ,CAAA;MAEJ,CAAA;KAED,IAAQ,KACP,kBAAC,GAAD;MACQ;MACM;MACZ,YAAY;MACZ,UAAU;MACV,cAAc;MACd,CAAA;KAEA;;GACK,CAAA;EACG,CAAA"}
+{"version":3,"file":"WaitlistPage.js","names":[],"sources":["../../../src/admin/pages/WaitlistPage.tsx"],"sourcesContent":["import { useState, useMemo, useCallback, useEffect } from 'react';\nimport { ClipboardList, Search, Check, X, Trash2 } from 'lucide-react';\nimport { useAdminPermissions } from '../hooks/useAdminPermissions';\nimport {\n  PageLayout,\n  Input,\n  DataTable,\n  Pagination,\n  EmptyState,\n  Badge,\n  PermissionGuard,\n} from '../components';\nimport { formatDate } from '../utils/formatters';\nimport { PagePurpose, EmphasisPanel } from '@burdenoff/fe-libs/ui';\nimport { useGatewayClient } from '@burdenoff/fe-libs/shared/graphql';\nimport { gql } from '@apollo/client';\n\nconst PAGE_SIZE = 20;\n\ntype WaitlistStatus = 'PENDING' | 'APPROVED' | 'REJECTED';\n\nconst STATUS_VARIANT: Record<WaitlistStatus, 'default' | 'secondary' | 'outline' | 'destructive'> =\n  {\n    PENDING: 'outline',\n    APPROVED: 'default',\n    REJECTED: 'destructive',\n  };\n\nconst GET_WAITLIST = gql`\n  query GetWaitlist($filter: WaitlistFilterInput) {\n    waitlist(filter: $filter) {\n      id\n      email\n      name\n      company\n      platformProductId\n      status\n      reason\n      rejectionReason\n      processedAt\n      processedBy\n      createdAt\n    }\n  }\n`;\n\nconst APPROVE_WAITLIST = gql`\n  mutation ApproveWaitlist($input: ApproveWaitlistInput!) {\n    approveWaitlist(input: $input) {\n      id\n      status\n    }\n  }\n`;\n\nconst REJECT_WAITLIST = gql`\n  mutation RejectWaitlist($input: RejectWaitlistInput!) {\n    rejectWaitlist(input: $input) {\n      id\n      status\n    }\n  }\n`;\n\nconst REMOVE_WAITLIST = gql`\n  mutation RemoveFromWaitlist($id: ID!) {\n    removeFromWaitlist(id: $id)\n  }\n`;\n\ntype WaitlistItem = {\n  id: string;\n  email: string;\n  name: string | null;\n  company: string | null;\n  platformProductId: string;\n  status: WaitlistStatus;\n  reason: string | null;\n  rejectionReason: string | null;\n  processedAt: string | null;\n  processedBy: string | null;\n  createdAt: string;\n};\n\nexport function WaitlistPage() {\n  const {\n    canViewWaitlist,\n    canManageWaitlist,\n    isLoading: permissionsLoading,\n  } = useAdminPermissions();\n  const globalClient = useGatewayClient('global');\n\n  const [page, setPage] = useState(1);\n  const [search, setSearch] = useState('');\n  const [statusFilter, setStatusFilter] = useState<WaitlistStatus | ''>('');\n  const [data, setData] = useState<{ waitlist?: WaitlistItem[] } | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<{ message: string } | null>(null);\n  const [fetchCount, setFetchCount] = useState(0);\n\n  const filter = useMemo(() => {\n    const f: Record<string, unknown> = {};\n    if (statusFilter) f.status = statusFilter;\n    return Object.keys(f).length > 0 ? f : undefined;\n  }, [statusFilter]);\n\n  const refetch = useCallback(() => setFetchCount((c) => c + 1), []);\n\n  useEffect(() => {\n    if (permissionsLoading || !canViewWaitlist) return;\n    setLoading(true);\n    globalClient\n      .query({ query: GET_WAITLIST, variables: { filter }, fetchPolicy: 'network-only' })\n      .then((result) => {\n        const d = result.data as { waitlist?: WaitlistItem[] } | undefined;\n        setData(d ?? null);\n        setError(null);\n      })\n      .catch((err: Error) => setError({ message: err.message }))\n      .finally(() => setLoading(false));\n  }, [globalClient, filter, permissionsLoading, canViewWaitlist, fetchCount]);\n\n  const allEntries: WaitlistItem[] = useMemo(\n    () => (data?.waitlist ?? []) as WaitlistItem[],\n    [data]\n  );\n\n  // Client-side search filter (email, name, company)\n  const filtered = useMemo(() => {\n    if (!search) return allEntries;\n    const q = search.toLowerCase();\n    return allEntries.filter(\n      (e) =>\n        e.email.toLowerCase().includes(q) ||\n        (e.name && e.name.toLowerCase().includes(q)) ||\n        (e.company && e.company.toLowerCase().includes(q))\n    );\n  }, [allEntries, search]);\n\n  const total = filtered.length;\n  const totalPages = Math.ceil(total / PAGE_SIZE);\n  const paged = filtered.slice((page - 1) * PAGE_SIZE, page * PAGE_SIZE);\n  const pendingCount = useMemo(\n    () => allEntries.filter((e) => e.status === 'PENDING').length,\n    [allEntries]\n  );\n\n  const handleApprove = useCallback(\n    async (id: string) => {\n      await globalClient.mutate({ mutation: APPROVE_WAITLIST, variables: { input: { id } } });\n      refetch();\n    },\n    [globalClient, refetch]\n  );\n\n  const handleReject = useCallback(\n    async (id: string) => {\n      const reason = window.prompt('Rejection reason (optional):');\n      await globalClient.mutate({\n        mutation: REJECT_WAITLIST,\n        variables: { input: { id, reason } },\n      });\n      refetch();\n    },\n    [globalClient, refetch]\n  );\n\n  const handleRemove = useCallback(\n    async (id: string) => {\n      if (!window.confirm('Remove this waitlist entry?')) return;\n      await globalClient.mutate({ mutation: REMOVE_WAITLIST, variables: { id } });\n      refetch();\n    },\n    [globalClient, refetch]\n  );\n\n  const columns = [\n    {\n      key: 'email',\n      header: 'Email',\n      render: (e: WaitlistItem) => (\n        <div className=\"min-w-0\">\n          <div className=\"font-medium text-text-primary\">{e.email}</div>\n          {e.name && <div className=\"text-xs text-text-secondary\">{e.name}</div>}\n        </div>\n      ),\n    },\n    {\n      key: 'company',\n      header: 'Company',\n      width: '140px',\n      render: (e: WaitlistItem) => (\n        <span className=\"text-sm text-text-secondary\">{e.company || '-'}</span>\n      ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      width: '100px',\n      render: (e: WaitlistItem) => (\n        <Badge variant={STATUS_VARIANT[e.status] ?? 'outline'} className=\"text-xs capitalize\">\n          {e.status.toLowerCase()}\n        </Badge>\n      ),\n    },\n    {\n      key: 'createdAt',\n      header: 'Joined',\n      width: '110px',\n      render: (e: WaitlistItem) => formatDate(e.createdAt),\n    },\n    ...(canManageWaitlist\n      ? [\n          {\n            key: 'actions',\n            header: 'Actions',\n            width: '140px',\n            render: (e: WaitlistItem) => (\n              <div className=\"flex items-center gap-1\">\n                {e.status === 'PENDING' && (\n                  <>\n                    <button\n                      onClick={() => handleApprove(e.id)}\n                      className=\"rounded p-1 text-status-success-text hover:bg-status-success-bg\"\n                      title=\"Approve\"\n                    >\n                      <Check className=\"h-4 w-4\" />\n                    </button>\n                    <button\n                      onClick={() => handleReject(e.id)}\n                      className=\"rounded p-1 text-status-error-text hover:bg-status-error-bg\"\n                      title=\"Reject\"\n                    >\n                      <X className=\"h-4 w-4\" />\n                    </button>\n                  </>\n                )}\n                <button\n                  onClick={() => handleRemove(e.id)}\n                  className=\"rounded p-1 text-text-secondary hover:bg-bg-sunken\"\n                  title=\"Remove\"\n                >\n                  <Trash2 className=\"h-4 w-4\" />\n                </button>\n              </div>\n            ),\n          },\n        ]\n      : []),\n  ];\n\n  return (\n    <PermissionGuard\n      allowed={canViewWaitlist}\n      isLoading={permissionsLoading}\n      pageTitle=\"Waitlist\"\n      denyMessage=\"You don't have permission to view the waitlist.\"\n    >\n      <PageLayout\n        title=\"Waitlist Management\"\n        gradientWord=\"Management\"\n        description={`Product waitlist entries${total ? ` \\u00b7 ${total} total` : ''}`}\n      >\n        <div className=\"space-y-4\">\n          <PagePurpose>\n            People who signed up for early access to a product land here before they have an\n            account. Use this page to review who&apos;s waiting, then approve the ones you want to\n            let in (which provisions their access) or reject the rest — clearing the pending queue\n            keeps onboarding moving.\n          </PagePurpose>\n\n          {/* Emphasis: pending entries — the count that needs action. */}\n          <EmphasisPanel className=\"flex items-center gap-4 p-5\">\n            <div className=\"flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-action-primary-bg/15 text-action-primary-bg\">\n              <ClipboardList className=\"h-6 w-6\" />\n            </div>\n            <div>\n              <div className=\"text-3xl font-bold tabular-nums text-text-primary\">\n                {pendingCount}\n              </div>\n              <p className=\"text-sm text-text-secondary\">pending entries awaiting review</p>\n            </div>\n          </EmphasisPanel>\n\n          <div className=\"flex flex-wrap items-center gap-3\">\n            <div className=\"relative max-w-sm flex-1\">\n              <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n              <Input\n                placeholder=\"Search by email, name, or company...\"\n                value={search}\n                onChange={(e) => {\n                  setPage(1);\n                  setSearch(e.target.value);\n                }}\n                className=\"pl-9\"\n              />\n            </div>\n            <select\n              value={statusFilter}\n              onChange={(e) => {\n                setPage(1);\n                setStatusFilter(e.target.value as WaitlistStatus | '');\n              }}\n              className=\"rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm\"\n            >\n              <option value=\"\">All statuses</option>\n              <option value=\"PENDING\">Pending</option>\n              <option value=\"APPROVED\">Approved</option>\n              <option value=\"REJECTED\">Rejected</option>\n            </select>\n          </div>\n\n          {error && (\n            <div className=\"rounded-md border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text\">\n              Failed to load waitlist: {error.message}\n            </div>\n          )}\n\n          <DataTable\n            columns={columns}\n            data={paged}\n            keyExtractor={(e) => e.id}\n            loading={loading}\n            emptyState={\n              <EmptyState\n                illustration=\"empty-search\"\n                icon={<ClipboardList className=\"h-8 w-8\" />}\n                title=\"No waitlist entries\"\n                description=\"No entries match your current filters\"\n              />\n            }\n          />\n\n          {total > PAGE_SIZE && (\n            <Pagination\n              page={page}\n              totalPages={totalPages}\n              totalItems={total}\n              pageSize={PAGE_SIZE}\n              onPageChange={setPage}\n            />\n          )}\n        </div>\n      </PageLayout>\n    </PermissionGuard>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAiBA,IAAM,IAAY,IAIZ,IACJ;CACE,SAAS;CACT,UAAU;CACV,UAAU;CACX,EAEG,IAAe,CAAG;;;;;;;;;;;;;;;;GAkBlB,IAAmB,CAAG;;;;;;;GAStB,IAAkB,CAAG;;;;;;;GASrB,IAAkB,CAAG;;;;;AAoB3B,SAAgB,IAAe;CAC7B,IAAM,EACJ,oBACA,sBACA,WAAW,MACT,GAAqB,EACnB,IAAe,EAAiB,SAAS,EAEzC,CAAC,GAAM,KAAW,EAAS,EAAE,EAC7B,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,CAAC,GAAc,KAAmB,EAA8B,GAAG,EACnE,CAAC,GAAM,KAAW,EAA+C,KAAK,EACtE,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAO,KAAY,EAAqC,KAAK,EAC9D,CAAC,GAAY,KAAiB,EAAS,EAAE,EAEzC,IAAS,QAAc;EAC3B,IAAM,IAA6B,EAAE;AAErC,SADI,MAAc,EAAE,SAAS,IACtB,OAAO,KAAK,EAAE,CAAC,SAAS,IAAI,IAAI,KAAA;IACtC,CAAC,EAAa,CAAC,EAEZ,IAAU,QAAkB,GAAe,MAAM,IAAI,EAAE,EAAE,EAAE,CAAC;AAElE,SAAgB;AACV,OAAsB,CAAC,MAC3B,EAAW,GAAK,EAChB,EACG,MAAM;GAAE,OAAO;GAAc,WAAW,EAAE,WAAQ;GAAE,aAAa;GAAgB,CAAC,CAClF,MAAM,MAAW;GAChB,IAAM,IAAI,EAAO;AAEjB,GADA,EAAQ,KAAK,KAAK,EAClB,EAAS,KAAK;IACd,CACD,OAAO,MAAe,EAAS,EAAE,SAAS,EAAI,SAAS,CAAC,CAAC,CACzD,cAAc,EAAW,GAAM,CAAC;IAClC;EAAC;EAAc;EAAQ;EAAoB;EAAiB;EAAW,CAAC;CAE3E,IAAM,IAA6B,QAC1B,GAAM,YAAY,EAAE,EAC3B,CAAC,EAAK,CACP,EAGK,IAAW,QAAc;AAC7B,MAAI,CAAC,EAAQ,QAAO;EACpB,IAAM,IAAI,EAAO,aAAa;AAC9B,SAAO,EAAW,QACf,MACC,EAAE,MAAM,aAAa,CAAC,SAAS,EAAE,IAChC,EAAE,QAAQ,EAAE,KAAK,aAAa,CAAC,SAAS,EAAE,IAC1C,EAAE,WAAW,EAAE,QAAQ,aAAa,CAAC,SAAS,EAAE,CACpD;IACA,CAAC,GAAY,EAAO,CAAC,EAElB,IAAQ,EAAS,QACjB,IAAa,KAAK,KAAK,IAAQ,EAAU,EACzC,IAAQ,EAAS,OAAO,IAAO,KAAK,GAAW,IAAO,EAAU,EAChE,KAAe,QACb,EAAW,QAAQ,MAAM,EAAE,WAAW,UAAU,CAAC,QACvD,CAAC,EAAW,CACb,EAEK,KAAgB,EACpB,OAAO,MAAe;AAEpB,EADA,MAAM,EAAa,OAAO;GAAE,UAAU;GAAkB,WAAW,EAAE,OAAO,EAAE,OAAI,EAAE;GAAE,CAAC,EACvF,GAAS;IAEX,CAAC,GAAc,EAAQ,CACxB,EAEK,KAAe,EACnB,OAAO,MAAe;EACpB,IAAM,IAAS,OAAO,OAAO,+BAA+B;AAK5D,EAJA,MAAM,EAAa,OAAO;GACxB,UAAU;GACV,WAAW,EAAE,OAAO;IAAE;IAAI;IAAQ,EAAE;GACrC,CAAC,EACF,GAAS;IAEX,CAAC,GAAc,EAAQ,CACxB,EAEK,KAAe,EACnB,OAAO,MAAe;AACf,SAAO,QAAQ,8BAA8B,KAClD,MAAM,EAAa,OAAO;GAAE,UAAU;GAAiB,WAAW,EAAE,OAAI;GAAE,CAAC,EAC3E,GAAS;IAEX,CAAC,GAAc,EAAQ,CACxB,EAEK,KAAU;EACd;GACE,KAAK;GACL,QAAQ;GACR,SAAS,MACP,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAiC,EAAE;KAAY,CAAA,EAC7D,EAAE,QAAQ,kBAAC,OAAD;KAAK,WAAU;eAA+B,EAAE;KAAW,CAAA,CAClE;;GAET;EACD;GACE,KAAK;GACL,QAAQ;GACR,OAAO;GACP,SAAS,MACP,kBAAC,QAAD;IAAM,WAAU;cAA+B,EAAE,WAAW;IAAW,CAAA;GAE1E;EACD;GACE,KAAK;GACL,QAAQ;GACR,OAAO;GACP,SAAS,MACP,kBAAC,GAAD;IAAO,SAAS,EAAe,EAAE,WAAW;IAAW,WAAU;cAC9D,EAAE,OAAO,aAAa;IACjB,CAAA;GAEX;EACD;GACE,KAAK;GACL,QAAQ;GACR,OAAO;GACP,SAAS,MAAoB,EAAW,EAAE,UAAU;GACrD;EACD,GAAI,IACA,CACE;GACE,KAAK;GACL,QAAQ;GACR,OAAO;GACP,SAAS,MACP,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,EAAE,WAAW,aACZ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;KACE,eAAe,GAAc,EAAE,GAAG;KAClC,WAAU;KACV,OAAM;eAEN,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACtB,CAAA,EACT,kBAAC,UAAD;KACE,eAAe,GAAa,EAAE,GAAG;KACjC,WAAU;KACV,OAAM;eAEN,kBAAC,GAAD,EAAG,WAAU,WAAY,CAAA;KAClB,CAAA,CACR,EAAA,CAAA,EAEL,kBAAC,UAAD;KACE,eAAe,GAAa,EAAE,GAAG;KACjC,WAAU;KACV,OAAM;eAEN,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;KACvB,CAAA,CACL;;GAET,CACF,GACD,EAAE;EACP;AAED,QACE,kBAAC,GAAD;EACE,SAAS;EACT,WAAW;EACX,WAAU;EACV,aAAY;YAEZ,kBAAC,GAAD;GACE,OAAM;GACN,cAAa;GACb,aAAa,2BAA2B,IAAQ,WAAW,EAAM,UAAU;aAE3E,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,IAAD,EAAA,UAAa,sRAKC,CAAA;KAGd,kBAAC,GAAD;MAAe,WAAU;gBAAzB,CACE,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD,EAAe,WAAU,WAAY,CAAA;OACjC,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;OAAK,WAAU;iBACZ;OACG,CAAA,EACN,kBAAC,KAAD;OAAG,WAAU;iBAA8B;OAAmC,CAAA,CAC1E,EAAA,CAAA,CACQ;;KAEhB,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,wEAAyE,CAAA,EAC3F,kBAAC,GAAD;QACE,aAAY;QACZ,OAAO;QACP,WAAW,MAAM;AAEf,SADA,EAAQ,EAAE,EACV,EAAU,EAAE,OAAO,MAAM;;QAE3B,WAAU;QACV,CAAA,CACE;UACN,kBAAC,UAAD;OACE,OAAO;OACP,WAAW,MAAM;AAEf,QADA,EAAQ,EAAE,EACV,EAAgB,EAAE,OAAO,MAA6B;;OAExD,WAAU;iBANZ;QAQE,kBAAC,UAAD;SAAQ,OAAM;mBAAG;SAAqB,CAAA;QACtC,kBAAC,UAAD;SAAQ,OAAM;mBAAU;SAAgB,CAAA;QACxC,kBAAC,UAAD;SAAQ,OAAM;mBAAW;SAAiB,CAAA;QAC1C,kBAAC,UAAD;SAAQ,OAAM;mBAAW;SAAiB,CAAA;QACnC;SACL;;KAEL,KACC,kBAAC,OAAD;MAAK,WAAU;gBAAf,CAA0H,6BAC9F,EAAM,QAC5B;;KAGR,kBAAC,GAAD;MACW;MACT,MAAM;MACN,eAAe,MAAM,EAAE;MACd;MACT,YACE,kBAAC,GAAD;OACE,cAAa;OACb,MAAM,kBAAC,GAAD,EAAe,WAAU,WAAY,CAAA;OAC3C,OAAM;OACN,aAAY;OACZ,CAAA;MAEJ,CAAA;KAED,IAAQ,KACP,kBAAC,GAAD;MACQ;MACM;MACZ,YAAY;MACZ,UAAU;MACV,cAAc;MACd,CAAA;KAEA;;GACK,CAAA;EACG,CAAA"}

package/dist/admin/pages/WorkflowsPage.js

@@ -7,120 +7,128 @@ import "../components/index.js";
 import { useGetWorkflowSystemOverviewQuery as l, useListActiveWorkflowsQuery as u } from "../../generated/wspace-operations.js";
 import { Activity as d, AlertCircle as f, Clock as p, GitBranch as m, Play as h, Plus as g, Search as _ } from "lucide-react";
 import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { PagePurpose as b } from "@burdenoff/fe-libs/ui";
 //#region src/admin/pages/WorkflowsPage.tsx
-function b() {
-	let { data: b, loading: x } = l(), { data: S, loading: C } = u({ variables: {
+function x() {
+	let { data: x, loading: S } = l(), { data: C, loading: w } = u({ variables: {
 		limit: 10,
 		offset: 0
-	} }), w = b?.systemOverview, T = S?.activeWorkflows || [];
+	} }), T = x?.systemOverview, E = C?.activeWorkflows || [];
 	return /* @__PURE__ */ v(i, {
 		title: "Workflows",
+		gradientWord: "Workflows",
 		description: "Manage and monitor platform workflows",
 		actions: /* @__PURE__ */ y(t, { children: [/* @__PURE__ */ v(g, { className: "mr-2 h-4 w-4" }), "Create Workflow"] }),
 		children: /* @__PURE__ */ y("div", {
 			className: "space-y-8",
-			children: [/* @__PURE__ */ y(s, { children: [
-				/* @__PURE__ */ v(o, {
-					title: "Total Workflows",
-					value: w?.totalWorkflows ?? 0,
-					loading: x,
-					icon: /* @__PURE__ */ v(m, { className: "h-4 w-4" })
-				}),
-				/* @__PURE__ */ v(o, {
-					title: "Active Runs",
-					value: w?.activeWorkflows ?? 0,
-					loading: x,
-					icon: /* @__PURE__ */ v(h, { className: "h-4 w-4" }),
-					trend: w?.activeWorkflows && w.activeWorkflows > 0 ? "up" : "neutral"
-				}),
-				/* @__PURE__ */ v(o, {
-					title: "Failed (24h)",
-					value: w?.failedWorkflows ?? 0,
-					loading: x,
-					icon: /* @__PURE__ */ v(f, { className: "h-4 w-4" }),
-					priority: w?.failedWorkflows && w.failedWorkflows > 0 ? "high" : "normal"
-				}),
-				/* @__PURE__ */ v(o, {
-					title: "Queued Jobs",
-					value: w?.queuedJobs ?? 0,
-					loading: x,
-					icon: /* @__PURE__ */ v(p, { className: "h-4 w-4" })
-				})
-			] }), /* @__PURE__ */ y("div", {
-				className: "space-y-4",
-				children: [/* @__PURE__ */ y("div", {
-					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ v("h2", {
-						className: "text-lg font-semibold",
-						children: "Active Workflow Runs"
-					}), /* @__PURE__ */ y("div", {
-						className: "relative max-w-sm flex-1 ml-4",
-						children: [/* @__PURE__ */ v(_, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ v(r, {
-							placeholder: "Search active runs...",
-							className: "pl-9"
+			children: [
+				/* @__PURE__ */ v(b, { children: "Workflows are the automated, multi-step processes running across the platform. Use this page to see how many are defined, watch which runs are live right now, and quickly spot ones that have failed or are stuck in the queue so you can investigate." }),
+				/* @__PURE__ */ y(s, { children: [
+					/* @__PURE__ */ v(o, {
+						title: "Total Workflows",
+						hero: !0,
+						value: T?.totalWorkflows ?? 0,
+						loading: S,
+						icon: /* @__PURE__ */ v(m, { className: "h-4 w-4" })
+					}),
+					/* @__PURE__ */ v(o, {
+						title: "Active Runs",
+						value: T?.activeWorkflows ?? 0,
+						loading: S,
+						icon: /* @__PURE__ */ v(h, { className: "h-4 w-4" }),
+						trend: T?.activeWorkflows && T.activeWorkflows > 0 ? "up" : "neutral"
+					}),
+					/* @__PURE__ */ v(o, {
+						title: "Failed (24h)",
+						value: T?.failedWorkflows ?? 0,
+						loading: S,
+						icon: /* @__PURE__ */ v(f, { className: "h-4 w-4" }),
+						priority: T?.failedWorkflows && T.failedWorkflows > 0 ? "high" : "normal"
+					}),
+					/* @__PURE__ */ v(o, {
+						title: "Queued Jobs",
+						value: T?.queuedJobs ?? 0,
+						loading: S,
+						icon: /* @__PURE__ */ v(p, { className: "h-4 w-4" })
+					})
+				] }),
+				/* @__PURE__ */ y("div", {
+					className: "space-y-4",
+					children: [/* @__PURE__ */ y("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ v("h2", {
+							className: "text-lg font-semibold",
+							children: "Active Workflow Runs"
+						}), /* @__PURE__ */ y("div", {
+							className: "relative max-w-sm flex-1 ml-4",
+							children: [/* @__PURE__ */ v(_, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ v(r, {
+								placeholder: "Search active runs...",
+								className: "pl-9"
+							})]
 						})]
+					}), /* @__PURE__ */ v(c, {
+						columns: [
+							{
+								key: "workflowName",
+								header: "Workflow",
+								render: (e) => /* @__PURE__ */ y("div", {
+									className: "flex flex-col",
+									children: [/* @__PURE__ */ v("span", {
+										className: "font-medium text-text-primary",
+										children: e.workflowName
+									}), /* @__PURE__ */ y("span", {
+										className: "text-xs text-text-secondary",
+										children: ["v", e.workflowVersion]
+									})]
+								})
+							},
+							{
+								key: "runId",
+								header: "Run ID",
+								render: (e) => /* @__PURE__ */ y("code", {
+									className: "text-xs",
+									children: [e.runId.substring(0, 8), "..."]
+								})
+							},
+							{
+								key: "status",
+								header: "Status",
+								render: (t) => /* @__PURE__ */ v(e, {
+									variant: {
+										RUNNING: "success",
+										PENDING: "warning",
+										FAILED: "destructive",
+										COMPLETED: "default"
+									}[t.status] || "outline",
+									children: t.status
+								})
+							},
+							{
+								key: "currentNode",
+								header: "Current Node"
+							},
+							{
+								key: "createdAt",
+								header: "Started At",
+								render: (e) => a(e.createdAt)
+							}
+						],
+						data: E,
+						keyExtractor: (e) => e.runId,
+						loading: w,
+						emptyState: /* @__PURE__ */ v(n, {
+							illustration: "empty-data",
+							icon: /* @__PURE__ */ v(d, { className: "h-8 w-8" }),
+							title: "No active workflows",
+							description: "There are currently no workflows running in the system"
+						})
 					})]
-				}), /* @__PURE__ */ v(c, {
-					columns: [
-						{
-							key: "workflowName",
-							header: "Workflow",
-							render: (e) => /* @__PURE__ */ y("div", {
-								className: "flex flex-col",
-								children: [/* @__PURE__ */ v("span", {
-									className: "font-medium text-text-primary",
-									children: e.workflowName
-								}), /* @__PURE__ */ y("span", {
-									className: "text-xs text-text-secondary",
-									children: ["v", e.workflowVersion]
-								})]
-							})
-						},
-						{
-							key: "runId",
-							header: "Run ID",
-							render: (e) => /* @__PURE__ */ y("code", {
-								className: "text-xs",
-								children: [e.runId.substring(0, 8), "..."]
-							})
-						},
-						{
-							key: "status",
-							header: "Status",
-							render: (t) => /* @__PURE__ */ v(e, {
-								variant: {
-									RUNNING: "success",
-									PENDING: "warning",
-									FAILED: "destructive",
-									COMPLETED: "default"
-								}[t.status] || "outline",
-								children: t.status
-							})
-						},
-						{
-							key: "currentNode",
-							header: "Current Node"
-						},
-						{
-							key: "createdAt",
-							header: "Started At",
-							render: (e) => a(e.createdAt)
-						}
-					],
-					data: T,
-					keyExtractor: (e) => e.runId,
-					loading: C,
-					emptyState: /* @__PURE__ */ v(n, {
-						icon: /* @__PURE__ */ v(d, { className: "h-8 w-8" }),
-						title: "No active workflows",
-						description: "There are currently no workflows running in the system"
-					})
-				})]
-			})]
+				})
+			]
 		})
 	});
 }
 //#endregion
-export { b as WorkflowsPage };
+export { x as WorkflowsPage };
 
 //# sourceMappingURL=WorkflowsPage.js.map

package/dist/admin/pages/WorkflowsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkflowsPage.js","names":[],"sources":["../../../src/admin/pages/WorkflowsPage.tsx"],"sourcesContent":["import { GitBranch, Search, Plus, Activity, AlertCircle, Clock, Play } from 'lucide-react';\nimport {\n  PageLayout,\n  Input,\n  Button,\n  EmptyState,\n  MetricCard,\n  MetricsGrid,\n  DataTable,\n  Badge,\n} from '../components';\nimport {\n  useGetWorkflowSystemOverviewQuery,\n  useListActiveWorkflowsQuery,\n} from '../../generated/wspace-operations';\nimport { formatDateTime } from '../utils/formatters';\n\nexport function WorkflowsPage() {\n  const { data: overviewData, loading: overviewLoading } = useGetWorkflowSystemOverviewQuery();\n\n  const { data: listData, loading: listLoading } = useListActiveWorkflowsQuery({\n    variables: { limit: 10, offset: 0 },\n  });\n\n  const overview = overviewData?.systemOverview;\n  const activeRuns = listData?.activeWorkflows || [];\n\n  const columns = [\n    {\n      key: 'workflowName',\n      header: 'Workflow',\n      render: (run: any) => (\n        <div className=\"flex flex-col\">\n          <span className=\"font-medium text-text-primary\">{run.workflowName}</span>\n          <span className=\"text-xs text-text-secondary\">v{run.workflowVersion}</span>\n        </div>\n      ),\n    },\n    {\n      key: 'runId',\n      header: 'Run ID',\n      render: (run: any) => <code className=\"text-xs\">{run.runId.substring(0, 8)}...</code>,\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      render: (run: any) => {\n        const variants: Record<\n          string,\n          'default' | 'secondary' | 'success' | 'warning' | 'destructive' | 'outline'\n        > = {\n          RUNNING: 'success',\n          PENDING: 'warning',\n          FAILED: 'destructive',\n          COMPLETED: 'default',\n        };\n        return <Badge variant={variants[run.status] || 'outline'}>{run.status}</Badge>;\n      },\n    },\n    {\n      key: 'currentNode',\n      header: 'Current Node',\n    },\n    {\n      key: 'createdAt',\n      header: 'Started At',\n      render: (run: any) => formatDateTime(run.createdAt),\n    },\n  ];\n\n  return (\n    <PageLayout\n      title=\"Workflows\"\n      description=\"Manage and monitor platform workflows\"\n      actions={\n        <Button>\n          <Plus className=\"mr-2 h-4 w-4\" />\n          Create Workflow\n        </Button>\n      }\n    >\n      <div className=\"space-y-8\">\n        <MetricsGrid>\n          <MetricCard\n            title=\"Total Workflows\"\n            value={overview?.totalWorkflows ?? 0}\n            loading={overviewLoading}\n            icon={<GitBranch className=\"h-4 w-4\" />}\n          />\n          <MetricCard\n            title=\"Active Runs\"\n            value={overview?.activeWorkflows ?? 0}\n            loading={overviewLoading}\n            icon={<Play className=\"h-4 w-4\" />}\n            trend={overview?.activeWorkflows && overview.activeWorkflows > 0 ? 'up' : 'neutral'}\n          />\n          <MetricCard\n            title=\"Failed (24h)\"\n            value={overview?.failedWorkflows ?? 0}\n            loading={overviewLoading}\n            icon={<AlertCircle className=\"h-4 w-4\" />}\n            priority={overview?.failedWorkflows && overview.failedWorkflows > 0 ? 'high' : 'normal'}\n          />\n          <MetricCard\n            title=\"Queued Jobs\"\n            value={overview?.queuedJobs ?? 0}\n            loading={overviewLoading}\n            icon={<Clock className=\"h-4 w-4\" />}\n          />\n        </MetricsGrid>\n\n        <div className=\"space-y-4\">\n          <div className=\"flex items-center justify-between\">\n            <h2 className=\"text-lg font-semibold\">Active Workflow Runs</h2>\n            <div className=\"relative max-w-sm flex-1 ml-4\">\n              <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n              <Input placeholder=\"Search active runs...\" className=\"pl-9\" />\n            </div>\n          </div>\n\n          <DataTable\n            columns={columns}\n            data={activeRuns as any[]}\n            keyExtractor={(run) => run.runId}\n            loading={listLoading}\n            emptyState={\n              <EmptyState\n                icon={<Activity className=\"h-8 w-8\" />}\n                title=\"No active workflows\"\n                description=\"There are currently no workflows running in the system\"\n              />\n            }\n          />\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;AAiBA,SAAgB,IAAgB;CAC9B,IAAM,EAAE,MAAM,GAAc,SAAS,MAAoB,GAAmC,EAEtF,EAAE,MAAM,GAAU,SAAS,MAAgB,EAA4B,EAC3E,WAAW;EAAE,OAAO;EAAI,QAAQ;EAAG,EACpC,CAAC,EAEI,IAAW,GAAc,gBACzB,IAAa,GAAU,mBAAmB,EAAE;AA6ClD,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,kBAE1B,EAAA,CAAA;YAGX,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAU,kBAAkB;KACnC,SAAS;KACT,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;KACvC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAU,mBAAmB;KACpC,SAAS;KACT,MAAM,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;KAClC,OAAO,GAAU,mBAAmB,EAAS,kBAAkB,IAAI,OAAO;KAC1E,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAU,mBAAmB;KACpC,SAAS;KACT,MAAM,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA;KACzC,UAAU,GAAU,mBAAmB,EAAS,kBAAkB,IAAI,SAAS;KAC/E,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAU,cAAc;KAC/B,SAAS;KACT,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,CAAA;IACU,EAAA,CAAA,EAEd,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,WAAU;gBAAwB;MAAyB,CAAA,EAC/D,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,wEAAyE,CAAA,EAC3F,kBAAC,GAAD;OAAO,aAAY;OAAwB,WAAU;OAAS,CAAA,CAC1D;QACF;QAEN,kBAAC,GAAD;KACW,SA9FH;MACd;OACE,KAAK;OACL,QAAQ;OACR,SAAS,MACP,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAiC,EAAI;SAAoB,CAAA,EACzE,kBAAC,QAAD;SAAM,WAAU;mBAAhB,CAA8C,KAAE,EAAI,gBAAuB;WACvE;;OAET;MACD;OACE,KAAK;OACL,QAAQ;OACR,SAAS,MAAa,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CAA2B,EAAI,MAAM,UAAU,GAAG,EAAE,EAAC,MAAU;;OACtF;MACD;OACE,KAAK;OACL,QAAQ;OACR,SAAS,MAUA,kBAAC,GAAD;QAAO,SANV;SACF,SAAS;SACT,SAAS;SACT,QAAQ;SACR,WAAW;SACZ,CAC+B,EAAI,WAAW;kBAAY,EAAI;QAAe,CAAA;OAEjF;MACD;OACE,KAAK;OACL,QAAQ;OACT;MACD;OACE,KAAK;OACL,QAAQ;OACR,SAAS,MAAa,EAAe,EAAI,UAAU;OACpD;MACF;KAsDS,MAAM;KACN,eAAe,MAAQ,EAAI;KAC3B,SAAS;KACT,YACE,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;MACtC,OAAM;MACN,aAAY;MACZ,CAAA;KAEJ,CAAA,CACE;MACF;;EACK,CAAA"}
+{"version":3,"file":"WorkflowsPage.js","names":[],"sources":["../../../src/admin/pages/WorkflowsPage.tsx"],"sourcesContent":["import { GitBranch, Search, Plus, Activity, AlertCircle, Clock, Play } from 'lucide-react';\nimport {\n  PageLayout,\n  Input,\n  Button,\n  EmptyState,\n  MetricCard,\n  MetricsGrid,\n  DataTable,\n  Badge,\n} from '../components';\nimport {\n  useGetWorkflowSystemOverviewQuery,\n  useListActiveWorkflowsQuery,\n} from '../../generated/wspace-operations';\nimport { formatDateTime } from '../utils/formatters';\nimport { PagePurpose } from '@burdenoff/fe-libs/ui';\n\nexport function WorkflowsPage() {\n  const { data: overviewData, loading: overviewLoading } = useGetWorkflowSystemOverviewQuery();\n\n  const { data: listData, loading: listLoading } = useListActiveWorkflowsQuery({\n    variables: { limit: 10, offset: 0 },\n  });\n\n  const overview = overviewData?.systemOverview;\n  const activeRuns = listData?.activeWorkflows || [];\n\n  const columns = [\n    {\n      key: 'workflowName',\n      header: 'Workflow',\n      render: (run: any) => (\n        <div className=\"flex flex-col\">\n          <span className=\"font-medium text-text-primary\">{run.workflowName}</span>\n          <span className=\"text-xs text-text-secondary\">v{run.workflowVersion}</span>\n        </div>\n      ),\n    },\n    {\n      key: 'runId',\n      header: 'Run ID',\n      render: (run: any) => <code className=\"text-xs\">{run.runId.substring(0, 8)}...</code>,\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      render: (run: any) => {\n        const variants: Record<\n          string,\n          'default' | 'secondary' | 'success' | 'warning' | 'destructive' | 'outline'\n        > = {\n          RUNNING: 'success',\n          PENDING: 'warning',\n          FAILED: 'destructive',\n          COMPLETED: 'default',\n        };\n        return <Badge variant={variants[run.status] || 'outline'}>{run.status}</Badge>;\n      },\n    },\n    {\n      key: 'currentNode',\n      header: 'Current Node',\n    },\n    {\n      key: 'createdAt',\n      header: 'Started At',\n      render: (run: any) => formatDateTime(run.createdAt),\n    },\n  ];\n\n  return (\n    <PageLayout\n      title=\"Workflows\"\n      gradientWord=\"Workflows\"\n      description=\"Manage and monitor platform workflows\"\n      actions={\n        <Button>\n          <Plus className=\"mr-2 h-4 w-4\" />\n          Create Workflow\n        </Button>\n      }\n    >\n      <div className=\"space-y-8\">\n        <PagePurpose>\n          Workflows are the automated, multi-step processes running across the platform. Use this\n          page to see how many are defined, watch which runs are live right now, and quickly spot\n          ones that have failed or are stuck in the queue so you can investigate.\n        </PagePurpose>\n\n        <MetricsGrid>\n          <MetricCard\n            title=\"Total Workflows\"\n            hero\n            value={overview?.totalWorkflows ?? 0}\n            loading={overviewLoading}\n            icon={<GitBranch className=\"h-4 w-4\" />}\n          />\n          <MetricCard\n            title=\"Active Runs\"\n            value={overview?.activeWorkflows ?? 0}\n            loading={overviewLoading}\n            icon={<Play className=\"h-4 w-4\" />}\n            trend={overview?.activeWorkflows && overview.activeWorkflows > 0 ? 'up' : 'neutral'}\n          />\n          <MetricCard\n            title=\"Failed (24h)\"\n            value={overview?.failedWorkflows ?? 0}\n            loading={overviewLoading}\n            icon={<AlertCircle className=\"h-4 w-4\" />}\n            priority={overview?.failedWorkflows && overview.failedWorkflows > 0 ? 'high' : 'normal'}\n          />\n          <MetricCard\n            title=\"Queued Jobs\"\n            value={overview?.queuedJobs ?? 0}\n            loading={overviewLoading}\n            icon={<Clock className=\"h-4 w-4\" />}\n          />\n        </MetricsGrid>\n\n        <div className=\"space-y-4\">\n          <div className=\"flex items-center justify-between\">\n            <h2 className=\"text-lg font-semibold\">Active Workflow Runs</h2>\n            <div className=\"relative max-w-sm flex-1 ml-4\">\n              <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n              <Input placeholder=\"Search active runs...\" className=\"pl-9\" />\n            </div>\n          </div>\n\n          <DataTable\n            columns={columns}\n            data={activeRuns as any[]}\n            keyExtractor={(run) => run.runId}\n            loading={listLoading}\n            emptyState={\n              <EmptyState\n                illustration=\"empty-data\"\n                icon={<Activity className=\"h-8 w-8\" />}\n                title=\"No active workflows\"\n                description=\"There are currently no workflows running in the system\"\n              />\n            }\n          />\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAkBA,SAAgB,IAAgB;CAC9B,IAAM,EAAE,MAAM,GAAc,SAAS,MAAoB,GAAmC,EAEtF,EAAE,MAAM,GAAU,SAAS,MAAgB,EAA4B,EAC3E,WAAW;EAAE,OAAO;EAAI,QAAQ;EAAG,EACpC,CAAC,EAEI,IAAW,GAAc,gBACzB,IAAa,GAAU,mBAAmB,EAAE;AA6ClD,QACE,kBAAC,GAAD;EACE,OAAM;EACN,cAAa;EACb,aAAY;EACZ,SACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,kBAE1B,EAAA,CAAA;YAGX,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD,EAAA,UAAa,2PAIC,CAAA;IAEd,kBAAC,GAAD,EAAA,UAAA;KACE,kBAAC,GAAD;MACE,OAAM;MACN,MAAA;MACA,OAAO,GAAU,kBAAkB;MACnC,SAAS;MACT,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;MACvC,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,GAAU,mBAAmB;MACpC,SAAS;MACT,MAAM,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;MAClC,OAAO,GAAU,mBAAmB,EAAS,kBAAkB,IAAI,OAAO;MAC1E,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,GAAU,mBAAmB;MACpC,SAAS;MACT,MAAM,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA;MACzC,UAAU,GAAU,mBAAmB,EAAS,kBAAkB,IAAI,SAAS;MAC/E,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,GAAU,cAAc;MAC/B,SAAS;MACT,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;MACnC,CAAA;KACU,EAAA,CAAA;IAEd,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAwB;OAAyB,CAAA,EAC/D,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,wEAAyE,CAAA,EAC3F,kBAAC,GAAD;QAAO,aAAY;QAAwB,WAAU;QAAS,CAAA,CAC1D;SACF;SAEN,kBAAC,GAAD;MACW,SAtGH;OACd;QACE,KAAK;QACL,QAAQ;QACR,SAAS,MACP,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAAiC,EAAI;UAAoB,CAAA,EACzE,kBAAC,QAAD;UAAM,WAAU;oBAAhB,CAA8C,KAAE,EAAI,gBAAuB;YACvE;;QAET;OACD;QACE,KAAK;QACL,QAAQ;QACR,SAAS,MAAa,kBAAC,QAAD;SAAM,WAAU;mBAAhB,CAA2B,EAAI,MAAM,UAAU,GAAG,EAAE,EAAC,MAAU;;QACtF;OACD;QACE,KAAK;QACL,QAAQ;QACR,SAAS,MAUA,kBAAC,GAAD;SAAO,SANV;UACF,SAAS;UACT,SAAS;UACT,QAAQ;UACR,WAAW;UACZ,CAC+B,EAAI,WAAW;mBAAY,EAAI;SAAe,CAAA;QAEjF;OACD;QACE,KAAK;QACL,QAAQ;QACT;OACD;QACE,KAAK;QACL,QAAQ;QACR,SAAS,MAAa,EAAe,EAAI,UAAU;QACpD;OACF;MA8DS,MAAM;MACN,eAAe,MAAQ,EAAI;MAC3B,SAAS;MACT,YACE,kBAAC,GAAD;OACE,cAAa;OACb,MAAM,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;OACtC,OAAM;OACN,aAAY;OACZ,CAAA;MAEJ,CAAA,CACE;;IACF;;EACK,CAAA"}