@burdenoff/microfe-planmagnet 2026.928.3 → 2026.928.5

package/dist/planmagnet/pages/AutomationAutomationRuleDetailPagePage.js

@@ -0,0 +1,171 @@
+import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
+import { throwOnError as t } from "../utils/mutationResult.js";
+import { useEntityId as n } from "../hooks/useEntityId.js";
+import { ErrorLine as r } from "../controls/ConfirmButton.js";
+import { AUTOMATION_RULE_QUERIES as i, AutomationRuleDeleteButton as a, AutomationRuleStatusSwitch as o, RunAutomationRuleDialog as s } from "../controls/AutomationRuleControls.js";
+import { AutomationExecutionsPanel as c } from "../automation/AutomationExecutionsPanel.js";
+import { actionsFromApi as l, actionsToApi as u, conditionsFromApi as d, conditionsToApi as f } from "../automation/automationRuleTypes.js";
+import { AutomationRuleFields as p } from "../automation/AutomationRuleFields.js";
+import { useState as m } from "react";
+import { Bot as h, History as g, Save as _ } from "lucide-react";
+import { gql as v } from "@apollo/client";
+import { useMutation as y, useQuery as b } from "@apollo/client/react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { Button as C, Card as w, CardContent as T, CardHeader as E, CardTitle as D } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/AutomationAutomationRuleDetailPagePage.tsx
+var O = v`
+  query GetAutomationRule($id: ID!) {
+    planmagnetAutomationRule(id: $id) {
+      id
+      name
+      description
+      status
+      triggerType
+      conditions
+      actions
+      executionCount
+      lastExecutedAt
+      projectId
+      project {
+        id
+        name
+      }
+    }
+  }
+`, k = v`
+  mutation UpdateAutomationRule($id: ID!, $input: PlanmagnetUpdateAutomationRuleInput!) {
+    planmagnetUpdateAutomationRule(id: $id, input: $input) {
+      id
+      name
+      description
+      triggerType
+      conditions
+      actions
+    }
+  }
+`;
+function A(e) {
+	return {
+		name: e.name,
+		description: e.description ?? "",
+		projectId: e.projectId ?? "",
+		triggerType: e.triggerType,
+		conditions: d(e.conditions),
+		actions: l(e.actions)
+	};
+}
+function j() {
+	let l = n(), { workspaceId: d } = e(), { data: v, loading: j, error: M } = b(O, {
+		variables: { id: l ?? "" },
+		skip: !l,
+		fetchPolicy: "cache-and-network"
+	}), [N, { loading: P }] = y(k, { refetchQueries: i }), [F, I] = m(null), [L, R] = m(!1), z = v?.planmagnetAutomationRule ?? null, [B, V] = m(null), [H, U] = m(null);
+	if (z && H !== z.id && (U(z.id), V(A(z))), !l) return /* @__PURE__ */ x("div", {
+		className: "p-6 text-muted-foreground",
+		children: "No rule selected. Open one from the list."
+	});
+	if (j && !v) return /* @__PURE__ */ x("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ x("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+	});
+	if (M) return /* @__PURE__ */ S("div", {
+		className: "p-6 text-destructive",
+		children: ["Automation rule could not be loaded: ", M.message]
+	});
+	if (!z || !B) return /* @__PURE__ */ x("div", {
+		className: "p-6 text-muted-foreground",
+		children: "Automation rule not found."
+	});
+	let W = async () => {
+		I(null), R(!1);
+		let e = A(z), n = {};
+		B.name.trim() !== e.name && (n.name = B.name.trim()), B.description.trim() !== e.description.trim() && (n.description = B.description.trim() || null), B.triggerType !== e.triggerType && (n.triggerType = B.triggerType);
+		let r = f(B.conditions);
+		JSON.stringify(r ?? null) !== JSON.stringify(f(e.conditions) ?? null) && (n.conditions = r ?? null);
+		let i = u(B.actions);
+		if (JSON.stringify(i) !== JSON.stringify(u(e.actions)) && (n.actions = i), Object.keys(n).length === 0) {
+			R(!0);
+			return;
+		}
+		try {
+			await t(N({ variables: {
+				id: z.id,
+				input: n
+			} })), R(!0);
+		} catch (e) {
+			I(e instanceof Error ? e.message : "The rule could not be saved.");
+		}
+	};
+	return /* @__PURE__ */ S("div", {
+		className: "space-y-6 p-6 max-w-3xl",
+		children: [
+			/* @__PURE__ */ S("div", {
+				className: "flex flex-wrap items-start justify-between gap-3",
+				children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h1", {
+					className: "text-2xl font-semibold",
+					children: z.name
+				}), /* @__PURE__ */ x("p", {
+					className: "text-sm text-muted-foreground",
+					children: z.project?.name ?? "Unknown project"
+				})] }), /* @__PURE__ */ x("div", {
+					className: "flex flex-col items-end gap-2",
+					children: /* @__PURE__ */ S("div", {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ x(s, {
+								ruleId: z.id,
+								projectId: z.projectId ?? void 0
+							}),
+							/* @__PURE__ */ x(o, {
+								ruleId: z.id,
+								status: z.status
+							}),
+							/* @__PURE__ */ x(a, {
+								ruleId: z.id,
+								name: z.name
+							})
+						]
+					})
+				})]
+			}),
+			F && /* @__PURE__ */ x(r, { message: F }),
+			L && !F && /* @__PURE__ */ x("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Saved."
+			}),
+			/* @__PURE__ */ S(w, { children: [/* @__PURE__ */ x(E, { children: /* @__PURE__ */ S(D, {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ x(h, { className: "h-4 w-4" }), "Rule details"]
+			}) }), /* @__PURE__ */ S(T, {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ x(p, {
+					form: B,
+					onChange: (e) => {
+						V(e), R(!1);
+					},
+					projectLocked: !0
+				}), /* @__PURE__ */ x("div", {
+					className: "flex justify-end",
+					children: /* @__PURE__ */ S(C, {
+						size: "sm",
+						onClick: () => void W(),
+						disabled: P,
+						"data-testid": "automation-save",
+						children: [/* @__PURE__ */ x(_, { className: "mr-1 h-4 w-4" }), P ? "Saving…" : "Save changes"]
+					})
+				})]
+			})] }),
+			/* @__PURE__ */ S(w, { children: [/* @__PURE__ */ x(E, { children: /* @__PURE__ */ S(D, {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ x(g, { className: "h-4 w-4" }), "Recent executions"]
+			}) }), /* @__PURE__ */ x(T, { children: /* @__PURE__ */ x(c, {
+				workspaceId: d,
+				ruleId: z.id
+			}) })] })
+		]
+	});
+}
+//#endregion
+export { j as AutomationAutomationRuleDetailPagePage };
+
+//# sourceMappingURL=AutomationAutomationRuleDetailPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AutomationAutomationRuleDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/AutomationAutomationRuleDetailPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport { Button, Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { Bot, History, Save } from 'lucide-react';\nimport { useEntityId } from '../hooks/useEntityId';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { throwOnError } from '../utils/mutationResult';\nimport { ErrorLine } from '../controls/ConfirmButton';\nimport {\n  AUTOMATION_RULE_QUERIES,\n  AutomationRuleDeleteButton,\n  AutomationRuleStatusSwitch,\n  RunAutomationRuleDialog,\n} from '../controls/AutomationRuleControls';\nimport { AutomationExecutionsPanel } from '../automation/AutomationExecutionsPanel';\nimport {\n  AutomationRuleFields,\n  type AutomationRuleFormState,\n} from '../automation/AutomationRuleFields';\nimport {\n  actionsFromApi,\n  actionsToApi,\n  conditionsFromApi,\n  conditionsToApi,\n  type TriggerType,\n} from '../automation/automationRuleTypes';\n\nconst GET_RULE = gql`\n  query GetAutomationRule($id: ID!) {\n    planmagnetAutomationRule(id: $id) {\n      id\n      name\n      description\n      status\n      triggerType\n      conditions\n      actions\n      executionCount\n      lastExecutedAt\n      projectId\n      project {\n        id\n        name\n      }\n    }\n  }\n`;\n\nconst UPDATE = gql`\n  mutation UpdateAutomationRule($id: ID!, $input: PlanmagnetUpdateAutomationRuleInput!) {\n    planmagnetUpdateAutomationRule(id: $id, input: $input) {\n      id\n      name\n      description\n      triggerType\n      conditions\n      actions\n    }\n  }\n`;\n\ninterface RuleDetail {\n  id: string;\n  name: string;\n  description: string | null;\n  status: string;\n  triggerType: string;\n  conditions: unknown;\n  actions: unknown;\n  executionCount: number;\n  lastExecutedAt: string | null;\n  projectId: string | null;\n  project: { id: string; name: string } | null;\n}\n\nfunction toForm(rule: RuleDetail): AutomationRuleFormState {\n  return {\n    name: rule.name,\n    description: rule.description ?? '',\n    projectId: rule.projectId ?? '',\n    triggerType: rule.triggerType as TriggerType,\n    conditions: conditionsFromApi(rule.conditions),\n    actions: actionsFromApi(rule.actions),\n  };\n}\n\nexport function AutomationAutomationRuleDetailPagePage() {\n  const ruleId = useEntityId();\n  const { workspaceId } = usePlanMagnet();\n  const { data, loading, error } = useQuery<{ planmagnetAutomationRule: RuleDetail | null }>(\n    GET_RULE,\n    {\n      variables: { id: ruleId ?? '' },\n      skip: !ruleId,\n      fetchPolicy: 'cache-and-network',\n    }\n  );\n  const [update, { loading: saving }] = useMutation(UPDATE, {\n    refetchQueries: AUTOMATION_RULE_QUERIES,\n  });\n  const [saveError, setSaveError] = useState<string | null>(null);\n  const [saved, setSaved] = useState(false);\n\n  const rule = data?.planmagnetAutomationRule ?? null;\n  const [form, setForm] = useState<AutomationRuleFormState | null>(null);\n  const [seededFor, setSeededFor] = useState<string | null>(null);\n\n  // The form tracks the loaded rule; a later refetch (status toggle, run now) must not stomp in-progress edits,\n  // so this only seeds the form the first time the rule arrives — adjusted during render (React's documented\n  // pattern for deriving state from a prop/query change), not in an effect, so it takes effect on the very\n  // render the rule shows up rather than one render late.\n  if (rule && seededFor !== rule.id) {\n    setSeededFor(rule.id);\n    setForm(toForm(rule));\n  }\n\n  if (!ruleId)\n    return (\n      <div className=\"p-6 text-muted-foreground\">No rule selected. Open one from the list.</div>\n    );\n  if (loading && !data)\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  if (error)\n    return (\n      <div className=\"p-6 text-destructive\">\n        Automation rule could not be loaded: {error.message}\n      </div>\n    );\n  if (!rule || !form)\n    return <div className=\"p-6 text-muted-foreground\">Automation rule not found.</div>;\n\n  const handleSave = async () => {\n    setSaveError(null);\n    setSaved(false);\n    const initial = toForm(rule);\n    const input: Record<string, unknown> = {};\n    if (form.name.trim() !== initial.name) input.name = form.name.trim();\n    if (form.description.trim() !== initial.description.trim())\n      input.description = form.description.trim() || null;\n    if (form.triggerType !== initial.triggerType) input.triggerType = form.triggerType;\n    const conditions = conditionsToApi(form.conditions);\n    if (\n      JSON.stringify(conditions ?? null) !==\n      JSON.stringify(conditionsToApi(initial.conditions) ?? null)\n    )\n      input.conditions = conditions ?? null;\n    const actions = actionsToApi(form.actions);\n    if (JSON.stringify(actions) !== JSON.stringify(actionsToApi(initial.actions)))\n      input.actions = actions;\n    if (Object.keys(input).length === 0) {\n      setSaved(true);\n      return;\n    }\n    try {\n      await throwOnError(update({ variables: { id: rule.id, input } }));\n      setSaved(true);\n    } catch (e) {\n      setSaveError(e instanceof Error ? e.message : 'The rule could not be saved.');\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-3xl\">\n      <div className=\"flex flex-wrap items-start justify-between gap-3\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">{rule.name}</h1>\n          <p className=\"text-sm text-muted-foreground\">{rule.project?.name ?? 'Unknown project'}</p>\n        </div>\n        <div className=\"flex flex-col items-end gap-2\">\n          <div className=\"flex items-center gap-2\">\n            <RunAutomationRuleDialog ruleId={rule.id} projectId={rule.projectId ?? undefined} />\n            <AutomationRuleStatusSwitch ruleId={rule.id} status={rule.status} />\n            <AutomationRuleDeleteButton ruleId={rule.id} name={rule.name} />\n          </div>\n        </div>\n      </div>\n\n      {saveError && <ErrorLine message={saveError} />}\n      {saved && !saveError && <p className=\"text-sm text-muted-foreground\">Saved.</p>}\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <Bot className=\"h-4 w-4\" />\n            Rule details\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <AutomationRuleFields\n            form={form}\n            onChange={(next) => {\n              setForm(next);\n              setSaved(false);\n            }}\n            projectLocked\n          />\n          <div className=\"flex justify-end\">\n            <Button\n              size=\"sm\"\n              onClick={() => void handleSave()}\n              disabled={saving}\n              data-testid=\"automation-save\"\n            >\n              <Save className=\"mr-1 h-4 w-4\" />\n              {saving ? 'Saving…' : 'Save changes'}\n            </Button>\n          </div>\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <History className=\"h-4 w-4\" />\n            Recent executions\n          </CardTitle>\n        </CardHeader>\n        <CardContent>\n          <AutomationExecutionsPanel workspaceId={workspaceId} ruleId={rule.id} />\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/AutomationAutomationRulesPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function AutomationAutomationRulesPagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AutomationAutomationRulesPagePage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AutomationAutomationRulesPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/AutomationAutomationRulesPagePage.tsx"],"names":[],"mappings":"AAkFA,wBAAgB,iCAAiC,4CAmMhD"}

package/dist/planmagnet/pages/AutomationAutomationRulesPagePage.js

@@ -0,0 +1,232 @@
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { ProjectSelect as n } from "../controls/Pickers.js";
+import { AutomationRuleDeleteButton as r, AutomationRuleStatusSwitch as i } from "../controls/AutomationRuleControls.js";
+import { RULE_STATUSES as a, TRIGGER_TYPES as o, TRIGGER_TYPE_LABEL as s, triggerTypeLabel as c } from "../automation/automationRuleTypes.js";
+import { ROW_LINK_CLASS as l, detailPath as u, rowLinkProps as d, stopRowActivation as f } from "../utils/rowNavigation.js";
+import { useDeferredValue as p, useState as m } from "react";
+import { Bot as h, Plus as g, Search as _ } from "lucide-react";
+import { gql as v } from "@apollo/client";
+import { useQuery as y } from "@apollo/client/react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { Badge as S, Button as C, EmptyState as w, Input as T } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/AutomationAutomationRulesPagePage.tsx
+var E = 50, D = v`
+  query AutomationRulesList(
+    $workspaceId: ID!
+    $filter: PlanmagnetAutomationRuleFilter
+    $pagination: PlanmagnetPaginationInput
+  ) {
+    planmagnetAutomationRules(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {
+      totalCount
+      pageInfo {
+        hasNextPage
+        endCursor
+      }
+      items {
+        id
+        name
+        description
+        status
+        triggerType
+        actions
+        executionCount
+        lastExecutedAt
+        projectId
+        project {
+          id
+          name
+        }
+      }
+    }
+  }
+`, O = ["ALL", ...a];
+function k(e) {
+	return Array.isArray(e) ? e.length : 0;
+}
+function A() {
+	let { workspaceId: a } = e(), v = t(), [A, j] = m(""), [M, N] = m("ALL"), [P, F] = m("ALL"), [I, L] = m(""), [R, z] = m(!1), B = p(A.trim()), V = {
+		...B ? { search: B } : {},
+		...M === "ALL" ? {} : { status: M },
+		...P === "ALL" ? {} : { triggerType: P },
+		...I ? { projectId: I } : {}
+	}, { data: H, loading: U, error: W, fetchMore: G } = y(D, {
+		variables: {
+			workspaceId: a ?? "",
+			filter: V,
+			pagination: { first: E }
+		},
+		skip: !a,
+		fetchPolicy: "cache-and-network"
+	}), K = H?.planmagnetAutomationRules, q = K?.items ?? [], J = async () => {
+		let e = K?.pageInfo.endCursor;
+		if (e) {
+			z(!0);
+			try {
+				await G({
+					variables: { pagination: {
+						first: E,
+						after: e
+					} },
+					updateQuery: (e, { fetchMoreResult: t }) => ({ planmagnetAutomationRules: {
+						...t.planmagnetAutomationRules,
+						items: [...e.planmagnetAutomationRules.items, ...t.planmagnetAutomationRules.items]
+					} })
+				});
+			} finally {
+				z(!1);
+			}
+		}
+	};
+	return /* @__PURE__ */ x("div", {
+		className: "space-y-6 p-6",
+		"data-testid": "automation-rules-page",
+		children: [
+			/* @__PURE__ */ x("div", {
+				className: "flex flex-wrap items-center justify-between gap-3",
+				children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h1", {
+					className: "text-2xl font-semibold",
+					children: "Automation rules"
+				}), /* @__PURE__ */ b("p", {
+					className: "text-sm text-muted-foreground",
+					children: K ? `${K.totalCount} rule${K.totalCount === 1 ? "" : "s"}` : "Trigger, condition and action rules that run against work items"
+				})] }), /* @__PURE__ */ x(C, {
+					size: "sm",
+					onClick: () => v("/automation/create-automation-rule-page"),
+					"data-testid": "automation-new",
+					children: [/* @__PURE__ */ b(g, { className: "mr-1 h-4 w-4" }), "New rule"]
+				})]
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "flex flex-wrap items-center gap-3",
+				children: [
+					/* @__PURE__ */ x("div", {
+						className: "relative w-full max-w-sm",
+						children: [/* @__PURE__ */ b(_, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ b(T, {
+							"aria-label": "Search automation rules",
+							placeholder: "Search by name or description",
+							className: "pl-8",
+							value: A,
+							onChange: (e) => j(e.target.value)
+						})]
+					}),
+					/* @__PURE__ */ x("select", {
+						"aria-label": "Filter by trigger",
+						className: "rounded-md border border-input bg-background px-2 py-1.5 text-sm",
+						value: P,
+						onChange: (e) => F(e.target.value),
+						children: [/* @__PURE__ */ b("option", {
+							value: "ALL",
+							children: "Any trigger"
+						}), o.map((e) => /* @__PURE__ */ b("option", {
+							value: e,
+							children: s[e]
+						}, e))]
+					}),
+					/* @__PURE__ */ b("div", {
+						className: "w-48",
+						children: /* @__PURE__ */ b(n, {
+							id: "automation-filter-project",
+							value: I,
+							onChange: L,
+							noneLabel: "Any project"
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ b("div", {
+				className: "flex gap-1",
+				role: "group",
+				"aria-label": "Filter by status",
+				children: O.map((e) => /* @__PURE__ */ b("button", {
+					type: "button",
+					"aria-pressed": M === e,
+					onClick: () => N(e),
+					className: `px-3 py-1.5 text-sm rounded-md capitalize ${M === e ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted"}`,
+					children: e === "ALL" ? "All" : e.toLowerCase()
+				}, e))
+			}),
+			W && /* @__PURE__ */ x("p", {
+				role: "alert",
+				className: "text-sm text-destructive",
+				children: ["Automation rules could not be loaded: ", W.message]
+			}),
+			U && !H && /* @__PURE__ */ b("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Loading automation rules…"
+			}),
+			K && q.length === 0 && /* @__PURE__ */ b(w, {
+				icon: /* @__PURE__ */ b(h, { className: "h-8 w-8 text-muted-foreground" }),
+				title: B || M !== "ALL" || P !== "ALL" || I ? "No rules match" : "No automation rules yet",
+				description: "Rules watch for an event on a project's work items and act automatically — assign, label, or move status.",
+				action: B || M !== "ALL" || P !== "ALL" || I ? void 0 : /* @__PURE__ */ x(C, {
+					size: "sm",
+					onClick: () => v("/automation/create-automation-rule-page"),
+					children: [/* @__PURE__ */ b(g, { className: "mr-1 h-4 w-4" }), "New rule"]
+				})
+			}),
+			/* @__PURE__ */ b("ul", {
+				className: "space-y-2",
+				children: q.map((e) => /* @__PURE__ */ b("li", { children: /* @__PURE__ */ x("div", {
+					...d(() => v(u("/automation/automation-rule-detail-page", e.id)), e.name),
+					"data-testid": "automation-rule-row",
+					className: `flex flex-wrap items-center justify-between gap-3 rounded-md border p-3 ${l}`,
+					children: [/* @__PURE__ */ x("div", {
+						className: "min-w-0 flex-1",
+						children: [
+							/* @__PURE__ */ x("div", {
+								className: "flex flex-wrap items-center gap-2",
+								children: [/* @__PURE__ */ b("span", {
+									className: "truncate text-sm font-medium",
+									children: e.name
+								}), /* @__PURE__ */ b(S, {
+									variant: "outline",
+									children: c(e.triggerType)
+								})]
+							}),
+							/* @__PURE__ */ x("p", {
+								className: "mt-0.5 truncate text-xs text-muted-foreground",
+								children: [
+									e.project?.name ?? "Unknown project",
+									" · ",
+									k(e.actions),
+									" action",
+									k(e.actions) === 1 ? "" : "s",
+									" · run ",
+									e.executionCount,
+									" time",
+									e.executionCount === 1 ? "" : "s",
+									e.lastExecutedAt ? ` · last ${new Date(e.lastExecutedAt).toLocaleString()}` : ""
+								]
+							}),
+							e.description && /* @__PURE__ */ b("p", {
+								className: "mt-0.5 truncate text-xs text-muted-foreground",
+								children: e.description
+							})
+						]
+					}), /* @__PURE__ */ x("div", {
+						className: "flex items-center gap-3",
+						onClick: f,
+						children: [/* @__PURE__ */ b(i, {
+							ruleId: e.id,
+							status: e.status
+						}), /* @__PURE__ */ b(r, {
+							ruleId: e.id,
+							name: e.name
+						})]
+					})]
+				}) }, e.id))
+			}),
+			K?.pageInfo.hasNextPage && /* @__PURE__ */ b(C, {
+				size: "sm",
+				variant: "outline",
+				onClick: () => void J(),
+				disabled: R,
+				children: R ? "Loading…" : `Show more (${q.length} of ${K.totalCount})`
+			})
+		]
+	});
+}
+//#endregion
+export { A as AutomationAutomationRulesPagePage };
+
+//# sourceMappingURL=AutomationAutomationRulesPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AutomationAutomationRulesPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/AutomationAutomationRulesPagePage.tsx"],"sourcesContent":["import { useDeferredValue, useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Badge, Button, EmptyState, Input } from '@burdenoff/fe-libs/ui';\nimport { Bot, Plus, Search } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { ProjectSelect } from '../controls/Pickers';\nimport {\n  AutomationRuleStatusSwitch,\n  AutomationRuleDeleteButton,\n} from '../controls/AutomationRuleControls';\nimport {\n  rowLinkProps,\n  detailPath,\n  stopRowActivation,\n  ROW_LINK_CLASS,\n} from '../utils/rowNavigation';\nimport {\n  RULE_STATUSES,\n  TRIGGER_TYPES,\n  TRIGGER_TYPE_LABEL,\n  triggerTypeLabel,\n} from '../automation/automationRuleTypes';\n\n/**\n * Automation rules browse surface (BOFF-8047, capability register \"Automation rules\": model/API/authz were\n * already real and prod-verified — `planmagnetAutomationRules`/Create/Update/Delete/Toggle/Execute — gate 3\n * (UI) was the only gap; \"no UI anywhere\" until now.\n */\n\nconst PAGE = 50;\n\nconst RULES = gql`\n  query AutomationRulesList(\n    $workspaceId: ID!\n    $filter: PlanmagnetAutomationRuleFilter\n    $pagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetAutomationRules(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {\n      totalCount\n      pageInfo {\n        hasNextPage\n        endCursor\n      }\n      items {\n        id\n        name\n        description\n        status\n        triggerType\n        actions\n        executionCount\n        lastExecutedAt\n        projectId\n        project {\n          id\n          name\n        }\n      }\n    }\n  }\n`;\n\ninterface RuleRow {\n  id: string;\n  name: string;\n  description: string | null;\n  status: string;\n  triggerType: string;\n  actions: unknown;\n  executionCount: number;\n  lastExecutedAt: string | null;\n  projectId: string | null;\n  project: { id: string; name: string } | null;\n}\n\nconst STATUS_FILTERS = ['ALL', ...RULE_STATUSES] as const;\n\nfunction actionCount(actions: unknown): number {\n  return Array.isArray(actions) ? actions.length : 0;\n}\n\nexport function AutomationAutomationRulesPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const [search, setSearch] = useState('');\n  const [status, setStatus] = useState<(typeof STATUS_FILTERS)[number]>('ALL');\n  const [triggerType, setTriggerType] = useState('ALL');\n  const [projectId, setProjectId] = useState('');\n  const [loadingMore, setLoadingMore] = useState(false);\n  const term = useDeferredValue(search.trim());\n\n  const filter = {\n    ...(term ? { search: term } : {}),\n    ...(status !== 'ALL' ? { status } : {}),\n    ...(triggerType !== 'ALL' ? { triggerType } : {}),\n    ...(projectId ? { projectId } : {}),\n  };\n\n  const { data, loading, error, fetchMore } = useQuery<{\n    planmagnetAutomationRules: {\n      totalCount: number;\n      pageInfo: { hasNextPage: boolean; endCursor: string | null };\n      items: RuleRow[];\n    };\n  }>(RULES, {\n    variables: { workspaceId: workspaceId ?? '', filter, pagination: { first: PAGE } },\n    skip: !workspaceId,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const list = data?.planmagnetAutomationRules;\n  const rules = 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          planmagnetAutomationRules: {\n            ...fetchMoreResult.planmagnetAutomationRules,\n            items: [\n              ...prev.planmagnetAutomationRules.items,\n              ...fetchMoreResult.planmagnetAutomationRules.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=\"automation-rules-page\">\n      <div className=\"flex flex-wrap items-center justify-between gap-3\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Automation rules</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {list\n              ? `${list.totalCount} rule${list.totalCount === 1 ? '' : 's'}`\n              : 'Trigger, condition and action rules that run against work items'}\n          </p>\n        </div>\n        <Button\n          size=\"sm\"\n          onClick={() => navigate('/automation/create-automation-rule-page')}\n          data-testid=\"automation-new\"\n        >\n          <Plus className=\"mr-1 h-4 w-4\" />\n          New rule\n        </Button>\n      </div>\n\n      <div className=\"flex flex-wrap items-center gap-3\">\n        <div className=\"relative w-full max-w-sm\">\n          <Search className=\"absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground\" />\n          <Input\n            aria-label=\"Search automation rules\"\n            placeholder=\"Search by name or description\"\n            className=\"pl-8\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n          />\n        </div>\n        <select\n          aria-label=\"Filter by trigger\"\n          className=\"rounded-md border border-input bg-background px-2 py-1.5 text-sm\"\n          value={triggerType}\n          onChange={(e) => setTriggerType(e.target.value)}\n        >\n          <option value=\"ALL\">Any trigger</option>\n          {TRIGGER_TYPES.map((t) => (\n            <option key={t} value={t}>\n              {TRIGGER_TYPE_LABEL[t]}\n            </option>\n          ))}\n        </select>\n        <div className=\"w-48\">\n          <ProjectSelect\n            id=\"automation-filter-project\"\n            value={projectId}\n            onChange={setProjectId}\n            noneLabel=\"Any project\"\n          />\n        </div>\n      </div>\n      <div className=\"flex gap-1\" role=\"group\" aria-label=\"Filter by status\">\n        {STATUS_FILTERS.map((s) => (\n          <button\n            key={s}\n            type=\"button\"\n            aria-pressed={status === s}\n            onClick={() => setStatus(s)}\n            className={`px-3 py-1.5 text-sm rounded-md capitalize ${status === s ? 'bg-primary text-primary-foreground' : 'text-muted-foreground hover:bg-muted'}`}\n          >\n            {s === 'ALL' ? 'All' : s.toLowerCase()}\n          </button>\n        ))}\n      </div>\n\n      {error && (\n        <p role=\"alert\" className=\"text-sm text-destructive\">\n          Automation rules could not be loaded: {error.message}\n        </p>\n      )}\n      {loading && !data && (\n        <p className=\"text-sm text-muted-foreground\">Loading automation rules…</p>\n      )}\n      {list && rules.length === 0 && (\n        <EmptyState\n          icon={<Bot className=\"h-8 w-8 text-muted-foreground\" />}\n          title={\n            term || status !== 'ALL' || triggerType !== 'ALL' || projectId\n              ? 'No rules match'\n              : 'No automation rules yet'\n          }\n          description=\"Rules watch for an event on a project's work items and act automatically — assign, label, or move status.\"\n          action={\n            !(term || status !== 'ALL' || triggerType !== 'ALL' || projectId) ? (\n              <Button size=\"sm\" onClick={() => navigate('/automation/create-automation-rule-page')}>\n                <Plus className=\"mr-1 h-4 w-4\" />\n                New rule\n              </Button>\n            ) : undefined\n          }\n        />\n      )}\n\n      <ul className=\"space-y-2\">\n        {rules.map((rule) => (\n          <li key={rule.id}>\n            <div\n              {...rowLinkProps(\n                () => navigate(detailPath('/automation/automation-rule-detail-page', rule.id)),\n                rule.name\n              )}\n              data-testid=\"automation-rule-row\"\n              className={`flex flex-wrap items-center justify-between gap-3 rounded-md border p-3 ${ROW_LINK_CLASS}`}\n            >\n              <div className=\"min-w-0 flex-1\">\n                <div className=\"flex flex-wrap items-center gap-2\">\n                  <span className=\"truncate text-sm font-medium\">{rule.name}</span>\n                  <Badge variant=\"outline\">{triggerTypeLabel(rule.triggerType)}</Badge>\n                </div>\n                <p className=\"mt-0.5 truncate text-xs text-muted-foreground\">\n                  {rule.project?.name ?? 'Unknown project'} · {actionCount(rule.actions)} action\n                  {actionCount(rule.actions) === 1 ? '' : 's'} · run {rule.executionCount} time\n                  {rule.executionCount === 1 ? '' : 's'}\n                  {rule.lastExecutedAt\n                    ? ` · last ${new Date(rule.lastExecutedAt).toLocaleString()}`\n                    : ''}\n                </p>\n                {rule.description && (\n                  <p className=\"mt-0.5 truncate text-xs text-muted-foreground\">\n                    {rule.description}\n                  </p>\n                )}\n              </div>\n              <div className=\"flex items-center gap-3\" onClick={stopRowActivation}>\n                <AutomationRuleStatusSwitch ruleId={rule.id} status={rule.status} />\n                <AutomationRuleDeleteButton ruleId={rule.id} name={rule.name} />\n              </div>\n            </div>\n          </li>\n        ))}\n      </ul>\n      {list?.pageInfo.hasNextPage && (\n        <Button size=\"sm\" variant=\"outline\" onClick={() => void loadMore()} disabled={loadingMore}>\n          {loadingMore ? 'Loading…' : `Show more (${rules.length} of ${list.totalCount})`}\n        </Button>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/AutomationCreateAutomationRulePagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function AutomationCreateAutomationRulePagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AutomationCreateAutomationRulePagePage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AutomationCreateAutomationRulePagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/AutomationCreateAutomationRulePagePage.tsx"],"names":[],"mappings":"AAgCA,wBAAgB,sCAAsC,4CA2FrD"}

package/dist/planmagnet/pages/AutomationCreateAutomationRulePagePage.js

@@ -0,0 +1,93 @@
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { throwOnError as n } from "../utils/mutationResult.js";
+import { AUTOMATION_RULE_QUERIES as r } from "../controls/AutomationRuleControls.js";
+import { actionsToApi as i, conditionsToApi as a } from "../automation/automationRuleTypes.js";
+import { AutomationRuleFields as o } from "../automation/AutomationRuleFields.js";
+import { detailPath as s } from "../utils/rowNavigation.js";
+import { useState as c } from "react";
+import { Bot as l, Save as u, X as d } from "lucide-react";
+import { gql as f } from "@apollo/client";
+import { useMutation as p } from "@apollo/client/react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Button as g, Card as _, CardContent as v, CardHeader as y, CardTitle as b } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/AutomationCreateAutomationRulePagePage.tsx
+var x = f`
+  mutation CreateAutomationRule($input: PlanmagnetCreateAutomationRuleInput!) {
+    planmagnetCreateAutomationRule(input: $input) {
+      id
+    }
+  }
+`, S = {
+	name: "",
+	description: "",
+	projectId: "",
+	triggerType: "WORK_ITEM_CREATED",
+	conditions: [],
+	actions: []
+};
+function C() {
+	let { workspaceId: f } = e(), C = t(), [w, T] = c(S), [E, D] = c(null), [O, { loading: k }] = p(x, { refetchQueries: r }), A = w.name.trim() !== "" && w.projectId !== "" && !k, j = async () => {
+		if (!(!A || !f)) {
+			D(null);
+			try {
+				let e = (await n(O({ variables: { input: {
+					projectId: w.projectId,
+					name: w.name.trim(),
+					description: w.description.trim() || void 0,
+					triggerType: w.triggerType,
+					triggerConfig: {},
+					conditions: a(w.conditions),
+					actions: i(w.actions)
+				} } }))).data?.planmagnetCreateAutomationRule.id;
+				C(e ? s("/automation/automation-rule-detail-page", e) : "/automation/automation-rules-page");
+			} catch (e) {
+				D(e instanceof Error ? e.message : "The rule could not be created.");
+			}
+		}
+	};
+	return /* @__PURE__ */ h("div", {
+		className: "space-y-6 p-6 max-w-3xl",
+		children: [
+			/* @__PURE__ */ h("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h1", {
+					className: "text-2xl font-semibold",
+					children: "New automation rule"
+				}), /* @__PURE__ */ m("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Runs its actions when the trigger fires and every condition matches."
+				})] }), /* @__PURE__ */ h("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ h(g, {
+						variant: "outline",
+						size: "sm",
+						onClick: () => C("/automation/automation-rules-page"),
+						children: [/* @__PURE__ */ m(d, { className: "mr-1 h-4 w-4" }), "Cancel"]
+					}), /* @__PURE__ */ h(g, {
+						size: "sm",
+						onClick: () => void j(),
+						disabled: !A,
+						"data-testid": "automation-create-submit",
+						children: [/* @__PURE__ */ m(u, { className: "mr-1 h-4 w-4" }), k ? "Creating…" : "Create rule"]
+					})]
+				})]
+			}),
+			E && /* @__PURE__ */ m("div", {
+				role: "alert",
+				className: "p-3 bg-destructive/10 text-destructive rounded-md text-sm",
+				children: E
+			}),
+			/* @__PURE__ */ h(_, { children: [/* @__PURE__ */ m(y, { children: /* @__PURE__ */ h(b, {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ m(l, { className: "h-4 w-4" }), "Rule details"]
+			}) }), /* @__PURE__ */ m(v, { children: /* @__PURE__ */ m(o, {
+				form: w,
+				onChange: T
+			}) })] })
+		]
+	});
+}
+//#endregion
+export { C as AutomationCreateAutomationRulePagePage };
+
+//# sourceMappingURL=AutomationCreateAutomationRulePagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AutomationCreateAutomationRulePagePage.js","names":[],"sources":["../../../src/planmagnet/pages/AutomationCreateAutomationRulePagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation } from '@apollo/client/react';\nimport { Button, Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { Bot, Save, X } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { throwOnError } from '../utils/mutationResult';\nimport { detailPath } from '../utils/rowNavigation';\nimport {\n  AutomationRuleFields,\n  type AutomationRuleFormState,\n} from '../automation/AutomationRuleFields';\nimport { actionsToApi, conditionsToApi } from '../automation/automationRuleTypes';\nimport { AUTOMATION_RULE_QUERIES } from '../controls/AutomationRuleControls';\n\nconst CREATE = gql`\n  mutation CreateAutomationRule($input: PlanmagnetCreateAutomationRuleInput!) {\n    planmagnetCreateAutomationRule(input: $input) {\n      id\n    }\n  }\n`;\n\nconst EMPTY: AutomationRuleFormState = {\n  name: '',\n  description: '',\n  projectId: '',\n  triggerType: 'WORK_ITEM_CREATED',\n  conditions: [],\n  actions: [],\n};\n\nexport function AutomationCreateAutomationRulePagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const [form, setForm] = useState<AutomationRuleFormState>(EMPTY);\n  const [error, setError] = useState<string | null>(null);\n  const [create, { loading }] = useMutation<{ planmagnetCreateAutomationRule: { id: string } }>(\n    CREATE,\n    {\n      refetchQueries: AUTOMATION_RULE_QUERIES,\n    }\n  );\n\n  const canSubmit = form.name.trim() !== '' && form.projectId !== '' && !loading;\n\n  const handleCreate = async () => {\n    if (!canSubmit || !workspaceId) return;\n    setError(null);\n    try {\n      const result = await throwOnError(\n        create({\n          variables: {\n            input: {\n              projectId: form.projectId,\n              name: form.name.trim(),\n              description: form.description.trim() || undefined,\n              triggerType: form.triggerType,\n              triggerConfig: {},\n              conditions: conditionsToApi(form.conditions),\n              actions: actionsToApi(form.actions),\n            },\n          },\n        })\n      );\n      const id = result.data?.planmagnetCreateAutomationRule.id;\n      navigate(\n        id\n          ? detailPath('/automation/automation-rule-detail-page', id)\n          : '/automation/automation-rules-page'\n      );\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The rule could not be created.');\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-3xl\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">New automation rule</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Runs its actions when the trigger fires and every condition matches.\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => navigate('/automation/automation-rules-page')}\n          >\n            <X className=\"mr-1 h-4 w-4\" />\n            Cancel\n          </Button>\n          <Button\n            size=\"sm\"\n            onClick={() => void handleCreate()}\n            disabled={!canSubmit}\n            data-testid=\"automation-create-submit\"\n          >\n            <Save className=\"mr-1 h-4 w-4\" />\n            {loading ? 'Creating…' : 'Create rule'}\n          </Button>\n        </div>\n      </div>\n      {error && (\n        <div role=\"alert\" className=\"p-3 bg-destructive/10 text-destructive rounded-md text-sm\">\n          {error}\n        </div>\n      )}\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <Bot className=\"h-4 w-4\" />\n            Rule details\n          </CardTitle>\n        </CardHeader>\n        <CardContent>\n          <AutomationRuleFields form={form} onChange={setForm} />\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAeA,IAAM,IAAS,CAAG;;;;;;GAQZ,IAAiC;CACrC,MAAM;CACN,aAAa;CACb,WAAW;CACX,aAAa;CACb,YAAY,EAAE;CACd,SAAS,EAAE;CACZ;AAED,SAAgB,IAAyC;CACvD,IAAM,EAAE,mBAAgB,GAAe,EACjC,IAAW,GAAuB,EAClC,CAAC,GAAM,KAAW,EAAkC,EAAM,EAC1D,CAAC,GAAO,KAAY,EAAwB,KAAK,EACjD,CAAC,GAAQ,EAAE,gBAAa,EAC5B,GACA,EACE,gBAAgB,GACjB,CACF,EAEK,IAAY,EAAK,KAAK,MAAM,KAAK,MAAM,EAAK,cAAc,MAAM,CAAC,GAEjE,IAAe,YAAY;AAC3B,SAAC,KAAa,CAAC,IACnB;KAAS,KAAK;AACd,OAAI;IAgBF,IAAM,KAfS,MAAM,EACnB,EAAO,EACL,WAAW,EACT,OAAO;KACL,WAAW,EAAK;KAChB,MAAM,EAAK,KAAK,MAAM;KACtB,aAAa,EAAK,YAAY,MAAM,IAAI,KAAA;KACxC,aAAa,EAAK;KAClB,eAAe,EAAE;KACjB,YAAY,EAAgB,EAAK,WAAW;KAC5C,SAAS,EAAa,EAAK,QAAQ;KACpC,EACF,EACF,CAAC,CACH,EACiB,MAAM,+BAA+B;AACvD,MACE,IACI,EAAW,2CAA2C,EAAG,GACzD,oCACL;YACM,GAAG;AACV,MAAS,aAAa,QAAQ,EAAE,UAAU,iCAAiC;;;;AAI/E,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAAyB;KAAwB,CAAA,EAC/D,kBAAC,KAAD;KAAG,WAAU;eAAgC;KAEzC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MACE,SAAQ;MACR,MAAK;MACL,eAAe,EAAS,oCAAoC;gBAH9D,CAKE,kBAAC,GAAD,EAAG,WAAU,gBAAiB,CAAA,EAAA,SAEvB;SACT,kBAAC,GAAD;MACE,MAAK;MACL,eAAe,KAAK,GAAc;MAClC,UAAU,CAAC;MACX,eAAY;gBAJd,CAME,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAChC,IAAU,cAAc,cAClB;QACL;OACF;;GACL,KACC,kBAAC,OAAD;IAAK,MAAK;IAAQ,WAAU;cACzB;IACG,CAAA;GAER,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAW,WAAU;cAArB,CACE,kBAAC,GAAD,EAAK,WAAU,WAAY,CAAA,EAAA,eAEjB;OACD,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAA4B;IAAM,UAAU;IAAW,CAAA,EAC3C,CAAA,CACT,EAAA,CAAA;GACH"}

package/dist/planmagnet/pages/CompetitorsCompetitorDetailPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function CompetitorsCompetitorDetailPagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CompetitorsCompetitorDetailPagePage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompetitorsCompetitorDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/CompetitorsCompetitorDetailPagePage.tsx"],"names":[],"mappings":"AAoCA,wBAAgB,mCAAmC,4CA0HlD"}