@burdenoff/microfe-timecampus 2026.703.4 → 2026.703.6

package/dist/timecampus/pages/workflows/WorkflowsPage.js

@@ -1,16 +1,21 @@
-import { getStatusColor as e } from "../../utils/helpers.js";
-import { LoadingSkeleton as t } from "../../components/LoadingSkeleton.js";
-import { useDeleteConfigurationMutation as n, useListConfigurationsQuery as r, useSetConfigurationMutation as i } from "../../../generated/wspace-operations.js";
-import { PageLayout as a } from "../../components/PageLayout.js";
-import { EmptyState as o } from "../../components/EmptyState.js";
-import { TimeCampusConfigScope as s } from "../../../generated/wspace-types.js";
-import { Modal as c } from "../../components/Modal.js";
-import { useState as l } from "react";
-import { GitBranch as u, Plus as d, Power as f, Trash2 as p, Zap as m } from "lucide-react";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { GlassCard as v } from "@burdenoff/fe-libs/ui";
+import { cn as e } from "../../utils/helpers.js";
+import { StatCard as t } from "../../components/StatCard.js";
+import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
+import { useDeleteConfigurationMutation as r, useListConfigurationsQuery as i, useSetConfigurationMutation as a } from "../../../generated/wspace-operations.js";
+import { PageLayout as o } from "../../components/PageLayout.js";
+import { StatusBadge as s } from "../../components/StatusBadge.js";
+import { EmptyState as c } from "../../components/EmptyState.js";
+import { ChartCard as l } from "../../components/ChartCard.js";
+import { Modal as u } from "../../components/Modal.js";
+import { DonutChart as d } from "../../components/charts/DonutChart.js";
+import "../../components/index.js";
+import { TimeCampusConfigScope as f } from "../../../generated/wspace-types.js";
+import { useState as p } from "react";
+import { AlertTriangle as m, CalendarClock as h, Clock as g, FileText as _, GitBranch as v, MousePointerClick as y, PauseCircle as b, Plus as ee, Power as x, Timer as S, Trash2 as C, Workflow as w, Zap as T } from "lucide-react";
+import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+import { GlassCard as k } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/workflows/WorkflowsPage.tsx
-var y = [
+var A = [
 	{
 		value: "timer.started",
 		label: "When a timer starts"
@@ -35,199 +40,264 @@ var y = [
 		value: "manual",
 		label: "Manually"
 	}
-];
-function b(e) {
-	return y.find((t) => t.value === e)?.label ?? e;
+], j = {
+	"timer.started": S,
+	"timer.stopped": g,
+	"entry.created": _,
+	"timesheet.due": h,
+	"budget.overrun": m,
+	manual: y
+};
+function M(e) {
+	return A.find((t) => t.value === e)?.label ?? e;
 }
-function x() {
-	let { data: x, loading: S, error: C, refetch: w } = r({ variables: { scope: s.Workspace } }), [T, { loading: E, error: D }] = i(), [O] = n(), [k, A] = l(!1), [j, M] = l(""), [N, P] = l(y[0].value), [F, I] = l(""), [L, R] = l(null), z = (x?.configurations ?? []).filter((e) => e.key.startsWith("workflow.")), B = () => {
-		M(""), P(y[0].value), I("");
-	}, V = () => {
-		B(), A(!0);
-	}, H = async () => {
-		if (!j.trim()) return;
-		let e = typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : `${Date.now()}`, t = F.trim();
-		await T({ variables: { input: {
+function N(e) {
+	return j[e] ?? T;
+}
+function P() {
+	let { data: m, loading: h, error: g, refetch: _ } = i({ variables: { scope: f.Workspace } }), [y, { loading: S, error: T }] = a(), [j] = r(), [P, F] = p(!1), [I, L] = p(""), [R, z] = p(A[0].value), [B, V] = p(""), [H, U] = p(null), W = (m?.timeCampusConfigurations ?? []).filter((e) => e.key.startsWith("workflow.")), G = W.filter((e) => (e.value ?? {}).status === "active").length, K = W.length - G, q = W.reduce((e, t) => {
+		let n = (t.value ?? {}).trigger ?? "manual";
+		return e[n] = (e[n] ?? 0) + 1, e;
+	}, {}), J = Object.entries(q).sort((e, t) => t[1] - e[1]).map(([e, t]) => ({
+		name: M(e),
+		value: t
+	})), Y = () => {
+		L(""), z(A[0].value), V("");
+	}, X = () => {
+		Y(), F(!0);
+	}, Z = async () => {
+		if (!I.trim()) return;
+		let e = typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : `${Date.now()}`, t = B.trim();
+		await y({ variables: { input: {
 			key: `workflow.${e}`,
-			scope: s.Workspace,
+			scope: f.Workspace,
 			value: {
-				name: j.trim(),
-				trigger: N,
+				name: I.trim(),
+				trigger: R,
 				status: "active",
 				description: t || void 0,
 				createdAt: (/* @__PURE__ */ new Date()).toISOString()
 			},
 			description: t || void 0
-		} } }), await w(), A(!1), B();
-	}, U = async (e) => {
-		R(e.id);
+		} } }), await _(), F(!1), Y();
+	}, Q = async (e) => {
+		U(e.id);
 		try {
 			let t = e.value ?? {}, n = t.status === "active" ? "inactive" : "active";
-			await T({ variables: { input: {
+			await y({ variables: { input: {
 				key: e.key,
-				scope: s.Workspace,
+				scope: f.Workspace,
 				value: {
 					...t,
 					status: n
 				},
 				description: e.description ?? void 0
-			} } }), await w();
+			} } }), await _();
 		} finally {
-			R(null);
+			U(null);
 		}
-	}, W = async (e) => {
-		R(e);
+	}, te = async (e) => {
+		U(e);
 		try {
-			await O({ variables: { id: e } }), await w();
+			await j({ variables: { id: e } }), await _();
 		} finally {
-			R(null);
+			U(null);
 		}
 	};
-	if (S) return /* @__PURE__ */ g(a, {
+	if (h) return /* @__PURE__ */ D(o, {
 		title: "Workflows",
 		description: "Automate repetitive tasks",
-		children: /* @__PURE__ */ g(t, {
+		children: /* @__PURE__ */ D(n, {
 			variant: "list",
 			count: 5
 		})
 	});
-	if (C) return /* @__PURE__ */ g(a, {
+	if (g) return /* @__PURE__ */ D(o, {
 		title: "Workflows",
 		description: "Automate repetitive tasks",
-		children: /* @__PURE__ */ g("div", {
+		children: /* @__PURE__ */ D("div", {
 			className: "rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text",
 			children: "Failed to load workflow configurations. Please try again later."
 		})
 	});
-	let G = /* @__PURE__ */ _("button", {
+	let $ = /* @__PURE__ */ O("button", {
 		type: "button",
-		onClick: V,
+		onClick: X,
 		className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-		children: [/* @__PURE__ */ g(d, { className: "h-4 w-4" }), "Create Workflow"]
+		children: [/* @__PURE__ */ D(ee, { className: "h-4 w-4" }), "Create Workflow"]
 	});
-	return /* @__PURE__ */ _(a, {
+	return /* @__PURE__ */ O(o, {
 		title: "Workflows",
 		description: "Automate repetitive tasks",
 		purpose: "Put the busywork on autopilot — auto-start timers, submit timesheets, flag overruns — by wiring up rules that react to what happens in TimeCampus. Each workflow you define is saved to your workspace; the advanced trigger/condition builder is on the roadmap.",
-		actions: G,
-		children: [z.length === 0 ? /* @__PURE__ */ g(o, {
+		actions: $,
+		children: [W.length === 0 ? /* @__PURE__ */ D(c, {
 			illustration: "empty-generic",
 			title: "No workflows configured yet",
 			description: "Create your first automation to handle repetitive time-tracking tasks — workflows are stored as workspace configurations and appear here.",
-			action: G
-		}) : /* @__PURE__ */ g(v, {
-			treatment: "glass",
-			glow: !0,
-			className: "overflow-hidden",
-			children: /* @__PURE__ */ g("div", {
-				className: "divide-y divide-border-seam",
-				children: z.map((t) => {
-					let n = t.value ?? {}, r = n.name ?? t.key.replace("workflow.", ""), i = n.status ?? "inactive", a = n.trigger ?? "manual";
-					return /* @__PURE__ */ _("div", {
-						className: "flex items-center justify-between p-4 transition-colors hover:bg-bg-sunken/50",
-						children: [/* @__PURE__ */ _("div", {
-							className: "flex min-w-0 items-center gap-3",
-							children: [/* @__PURE__ */ g("div", {
-								className: "flex h-9 w-9 items-center justify-center rounded-lg bg-action-primary-bg/10",
-								children: /* @__PURE__ */ g(u, { className: "h-4 w-4 text-primary" })
-							}), /* @__PURE__ */ _("div", {
-								className: "min-w-0",
-								children: [/* @__PURE__ */ g("p", {
-									className: "truncate text-sm font-medium text-text-primary",
-									children: r
-								}), /* @__PURE__ */ _("p", {
-									className: "text-xs text-text-secondary",
-									children: [
-										/* @__PURE__ */ g(m, { className: "inline h-3 w-3" }),
-										" ",
-										b(a)
-									]
-								})]
-							})]
-						}), /* @__PURE__ */ _("div", {
-							className: "flex items-center gap-2",
-							children: [
-								/* @__PURE__ */ g("span", {
-									className: `inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${e(i)}`,
-									children: i
-								}),
-								/* @__PURE__ */ g("button", {
-									type: "button",
-									"aria-label": i === "active" ? `Deactivate ${r}` : `Activate ${r}`,
-									disabled: L === t.id,
-									onClick: () => void U(t),
-									className: "rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary disabled:opacity-50",
-									children: /* @__PURE__ */ g(f, { className: "h-4 w-4" })
-								}),
-								/* @__PURE__ */ g("button", {
-									type: "button",
-									"aria-label": `Delete ${r}`,
-									disabled: L === t.id,
-									onClick: () => void W(t.id),
-									className: "rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-status-error-text disabled:opacity-50",
-									children: /* @__PURE__ */ g(p, { className: "h-4 w-4" })
-								})
-							]
-						})]
-					}, t.id);
-				})
-			})
-		}), /* @__PURE__ */ _(c, {
-			open: k,
-			onClose: () => A(!1),
+			action: $
+		}) : /* @__PURE__ */ O("div", {
+			className: "space-y-6",
+			children: [/* @__PURE__ */ O("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
+				children: [
+					/* @__PURE__ */ D(t, {
+						featured: !0,
+						title: "Automations",
+						value: W.length,
+						icon: /* @__PURE__ */ D(w, { className: "h-5 w-5" }),
+						description: "Rules defined"
+					}),
+					/* @__PURE__ */ D(t, {
+						title: "Active",
+						value: G,
+						icon: /* @__PURE__ */ D(x, { className: "h-5 w-5" }),
+						description: "Currently running",
+						iconBgColor: "bg-status-success-bg text-status-success-text"
+					}),
+					/* @__PURE__ */ D(t, {
+						title: "Paused",
+						value: K,
+						icon: /* @__PURE__ */ D(b, { className: "h-5 w-5" }),
+						description: "Turned off",
+						iconBgColor: "bg-status-warning-bg text-status-warning-text"
+					})
+				]
+			}), /* @__PURE__ */ O("div", {
+				className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
+				children: [/* @__PURE__ */ D(l, {
+					title: "By trigger",
+					description: "What fires each automation",
+					className: "lg:col-span-1",
+					children: /* @__PURE__ */ D(d, {
+						data: J,
+						centerLabel: "Automations",
+						centerValue: W.length,
+						height: 240,
+						ariaLabel: "Automations grouped by trigger type",
+						emptyLabel: "No automations to summarise yet."
+					})
+				}), /* @__PURE__ */ D("div", {
+					className: "lg:col-span-2",
+					children: /* @__PURE__ */ D("div", {
+						className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+						children: W.map((t) => {
+							let n = t.value ?? {}, r = n.name ?? t.key.replace("workflow.", ""), i = n.status ?? "inactive", a = i === "active", o = n.trigger ?? "manual", c = n.description ?? t.description ?? "";
+							return /* @__PURE__ */ O(k, {
+								treatment: "glass",
+								glow: a,
+								className: "flex flex-col p-5",
+								children: [
+									/* @__PURE__ */ O("div", {
+										className: "flex items-start justify-between gap-3",
+										children: [/* @__PURE__ */ O("div", {
+											className: "flex min-w-0 items-center gap-2 text-xs font-medium text-text-secondary",
+											children: [/* @__PURE__ */ D(N(o), { className: "h-4 w-4 shrink-0 text-primary" }), /* @__PURE__ */ D("span", {
+												className: "truncate",
+												children: M(o)
+											})]
+										}), /* @__PURE__ */ D("button", {
+											type: "button",
+											role: "switch",
+											"aria-checked": a,
+											"aria-label": a ? `Deactivate ${r}` : `Activate ${r}`,
+											disabled: H === t.id,
+											onClick: () => void Q(t),
+											className: e("relative inline-flex h-5 w-9 shrink-0 items-center rounded-full transition-colors disabled:opacity-50", a ? "bg-action-primary-bg" : "bg-bg-sunken border border-border-subtle"),
+											children: /* @__PURE__ */ D("span", { className: e("inline-block h-4 w-4 transform rounded-full bg-bg-surface shadow-sm transition-transform", a ? "translate-x-4" : "translate-x-0.5") })
+										})]
+									}),
+									/* @__PURE__ */ O("div", {
+										className: "mt-3 flex min-w-0 items-center gap-2",
+										children: [/* @__PURE__ */ D("div", {
+											className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-action-primary-bg/10",
+											children: /* @__PURE__ */ D(v, { className: "h-4 w-4 text-primary" })
+										}), /* @__PURE__ */ D("p", {
+											className: "truncate text-sm font-semibold text-text-primary",
+											children: r
+										})]
+									}),
+									c && /* @__PURE__ */ D("p", {
+										className: "mt-2 line-clamp-2 text-xs text-text-secondary",
+										children: c
+									}),
+									/* @__PURE__ */ O("div", {
+										className: "mt-4 flex items-center justify-between border-t border-border-seam pt-3",
+										children: [/* @__PURE__ */ D(s, {
+											status: i,
+											dot: a,
+											label: a ? "Active" : "Paused"
+										}), /* @__PURE__ */ D("button", {
+											type: "button",
+											"aria-label": `Delete ${r}`,
+											disabled: H === t.id,
+											onClick: () => void te(t.id),
+											className: "rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-status-error-text disabled:opacity-50",
+											children: /* @__PURE__ */ D(C, { className: "h-4 w-4" })
+										})]
+									})
+								]
+							}, t.id);
+						})
+					})
+				})]
+			})]
+		}), /* @__PURE__ */ O(u, {
+			open: P,
+			onClose: () => F(!1),
 			title: "Create Workflow",
 			description: "Define an automation rule for your workspace.",
-			footer: /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("button", {
+			footer: /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D("button", {
 				type: "button",
-				onClick: () => A(!1),
+				onClick: () => F(!1),
 				className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
 				children: "Cancel"
-			}), /* @__PURE__ */ g("button", {
+			}), /* @__PURE__ */ D("button", {
 				type: "button",
-				onClick: H,
-				disabled: E || !j.trim(),
+				onClick: Z,
+				disabled: S || !I.trim(),
 				className: "rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50",
-				children: E ? "Creating..." : "Create Workflow"
+				children: S ? "Creating..." : "Create Workflow"
 			})] }),
-			children: [D && /* @__PURE__ */ g("div", {
+			children: [T && /* @__PURE__ */ D("div", {
 				className: "mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text",
 				children: "Failed to create workflow. Please try again."
-			}), /* @__PURE__ */ _("div", {
+			}), /* @__PURE__ */ O("div", {
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+					/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("label", {
 						className: "block text-sm font-medium text-text-primary",
 						children: "Workflow Name"
-					}), /* @__PURE__ */ g("input", {
+					}), /* @__PURE__ */ D("input", {
 						type: "text",
 						placeholder: "e.g. Auto-submit my weekly timesheet",
-						value: j,
-						onChange: (e) => M(e.target.value),
+						value: I,
+						onChange: (e) => L(e.target.value),
 						className: "mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary"
 					})] }),
-					/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+					/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("label", {
 						className: "block text-sm font-medium text-text-primary",
 						children: "Trigger"
-					}), /* @__PURE__ */ g("select", {
-						value: N,
-						onChange: (e) => P(e.target.value),
+					}), /* @__PURE__ */ D("select", {
+						value: R,
+						onChange: (e) => z(e.target.value),
 						className: "mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
-						children: y.map((e) => /* @__PURE__ */ g("option", {
+						children: A.map((e) => /* @__PURE__ */ D("option", {
 							value: e.value,
 							children: e.label
 						}, e.value))
 					})] }),
-					/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("label", {
+					/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ O("label", {
 						className: "block text-sm font-medium text-text-primary",
-						children: ["Description", /* @__PURE__ */ g("span", {
+						children: ["Description", /* @__PURE__ */ D("span", {
 							className: "ml-1 font-normal text-text-secondary",
 							children: "(optional)"
 						})]
-					}), /* @__PURE__ */ g("textarea", {
+					}), /* @__PURE__ */ D("textarea", {
 						placeholder: "What this workflow should do",
 						rows: 3,
-						value: F,
-						onChange: (e) => I(e.target.value),
+						value: B,
+						onChange: (e) => V(e.target.value),
 						className: "mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary"
 					})] })
 				]
@@ -236,6 +306,6 @@ function x() {
 	});
 }
 //#endregion
-export { x as WorkflowsPage };
+export { P as WorkflowsPage };
 
 //# sourceMappingURL=WorkflowsPage.js.map

package/dist/timecampus/pages/workflows/WorkflowsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkflowsPage.js","names":[],"sources":["../../../../src/timecampus/pages/workflows/WorkflowsPage.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { GitBranch, Plus, Zap, Trash2, Power } from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { Modal } from \"../../components/Modal\";\nimport { getStatusColor } from \"../../utils/helpers\";\nimport {\n  useListConfigurationsQuery,\n  useSetConfigurationMutation,\n  useDeleteConfigurationMutation,\n  type ConfigurationFieldsFragment,\n} from \"@/generated/wspace-operations\";\nimport { TimeCampusConfigScope } from \"@/generated/wspace-types\";\n\nconst TRIGGERS = [\n  { value: \"timer.started\", label: \"When a timer starts\" },\n  { value: \"timer.stopped\", label: \"When a timer stops\" },\n  { value: \"entry.created\", label: \"When a time entry is created\" },\n  { value: \"timesheet.due\", label: \"When a timesheet is due\" },\n  { value: \"budget.overrun\", label: \"When a project runs over budget\" },\n  { value: \"manual\", label: \"Manually\" },\n];\n\nfunction triggerLabel(value: string): string {\n  return TRIGGERS.find((t) => t.value === value)?.label ?? value;\n}\n\nexport function WorkflowsPage() {\n  const { data, loading, error, refetch } = useListConfigurationsQuery({\n    variables: { scope: TimeCampusConfigScope.Workspace },\n  });\n\n  const [setConfiguration, { loading: creating, error: createError }] =\n    useSetConfigurationMutation();\n  const [deleteConfiguration] = useDeleteConfigurationMutation();\n\n  const [modalOpen, setModalOpen] = useState(false);\n  const [name, setName] = useState(\"\");\n  const [trigger, setTrigger] = useState(TRIGGERS[0].value);\n  const [description, setDescription] = useState(\"\");\n  const [busyId, setBusyId] = useState<string | null>(null);\n\n  const configurations = data?.configurations ?? [];\n  const workflows = configurations.filter((c: ConfigurationFieldsFragment) =>\n    c.key.startsWith(\"workflow.\"),\n  );\n\n  const resetForm = () => {\n    setName(\"\");\n    setTrigger(TRIGGERS[0].value);\n    setDescription(\"\");\n  };\n\n  const openModal = () => {\n    resetForm();\n    setModalOpen(true);\n  };\n\n  const handleCreate = async () => {\n    if (!name.trim()) return;\n    const id =\n      typeof crypto !== \"undefined\" && \"randomUUID\" in crypto\n        ? crypto.randomUUID()\n        : `${Date.now()}`;\n    const trimmedDescription = description.trim();\n    await setConfiguration({\n      variables: {\n        input: {\n          key: `workflow.${id}`,\n          scope: TimeCampusConfigScope.Workspace,\n          value: {\n            name: name.trim(),\n            trigger,\n            status: \"active\",\n            description: trimmedDescription || undefined,\n            createdAt: new Date().toISOString(),\n          },\n          description: trimmedDescription || undefined,\n        },\n      },\n    });\n    await refetch();\n    setModalOpen(false);\n    resetForm();\n  };\n\n  const handleToggle = async (wf: ConfigurationFieldsFragment) => {\n    setBusyId(wf.id);\n    try {\n      const val = (wf.value as Record<string, unknown>) ?? {};\n      const nextStatus =\n        (val.status as string) === \"active\" ? \"inactive\" : \"active\";\n      await setConfiguration({\n        variables: {\n          input: {\n            key: wf.key,\n            scope: TimeCampusConfigScope.Workspace,\n            value: { ...val, status: nextStatus },\n            description: wf.description ?? undefined,\n          },\n        },\n      });\n      await refetch();\n    } finally {\n      setBusyId(null);\n    }\n  };\n\n  const handleDelete = async (id: string) => {\n    setBusyId(id);\n    try {\n      await deleteConfiguration({ variables: { id } });\n      await refetch();\n    } finally {\n      setBusyId(null);\n    }\n  };\n\n  if (loading) {\n    return (\n      <PageLayout title=\"Workflows\" description=\"Automate repetitive tasks\">\n        <LoadingSkeleton variant=\"list\" count={5} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout title=\"Workflows\" description=\"Automate repetitive tasks\">\n        <div className=\"rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\n          Failed to load workflow configurations. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const createButton = (\n    <button\n      type=\"button\"\n      onClick={openModal}\n      className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n    >\n      <Plus className=\"h-4 w-4\" />\n      Create Workflow\n    </button>\n  );\n\n  return (\n    <PageLayout\n      title=\"Workflows\"\n      description=\"Automate repetitive tasks\"\n      purpose=\"Put the busywork on autopilot — auto-start timers, submit timesheets, flag overruns — by wiring up rules that react to what happens in TimeCampus. Each workflow you define is saved to your workspace; the advanced trigger/condition builder is on the roadmap.\"\n      actions={createButton}\n    >\n      {workflows.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-generic\"\n          title=\"No workflows configured yet\"\n          description=\"Create your first automation to handle repetitive time-tracking tasks — workflows are stored as workspace configurations and appear here.\"\n          action={createButton}\n        />\n      ) : (\n        <GlassCard treatment=\"glass\" glow className=\"overflow-hidden\">\n          <div className=\"divide-y divide-border-seam\">\n            {workflows.map((wf: ConfigurationFieldsFragment) => {\n              const val = (wf.value as Record<string, unknown>) ?? {};\n              const wfName =\n                (val.name as string) ?? wf.key.replace(\"workflow.\", \"\");\n              const status = (val.status as string) ?? \"inactive\";\n              const wfTrigger = (val.trigger as string) ?? \"manual\";\n\n              return (\n                <div\n                  key={wf.id}\n                  className=\"flex items-center justify-between p-4 transition-colors hover:bg-bg-sunken/50\"\n                >\n                  <div className=\"flex min-w-0 items-center gap-3\">\n                    <div className=\"flex h-9 w-9 items-center justify-center rounded-lg bg-action-primary-bg/10\">\n                      <GitBranch className=\"h-4 w-4 text-primary\" />\n                    </div>\n                    <div className=\"min-w-0\">\n                      <p className=\"truncate text-sm font-medium text-text-primary\">\n                        {wfName}\n                      </p>\n                      <p className=\"text-xs text-text-secondary\">\n                        <Zap className=\"inline h-3 w-3\" />{\" \"}\n                        {triggerLabel(wfTrigger)}\n                      </p>\n                    </div>\n                  </div>\n                  <div className=\"flex items-center gap-2\">\n                    <span\n                      className={`inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${getStatusColor(status)}`}\n                    >\n                      {status}\n                    </span>\n                    <button\n                      type=\"button\"\n                      aria-label={\n                        status === \"active\"\n                          ? `Deactivate ${wfName}`\n                          : `Activate ${wfName}`\n                      }\n                      disabled={busyId === wf.id}\n                      onClick={() => void handleToggle(wf)}\n                      className=\"rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary disabled:opacity-50\"\n                    >\n                      <Power className=\"h-4 w-4\" />\n                    </button>\n                    <button\n                      type=\"button\"\n                      aria-label={`Delete ${wfName}`}\n                      disabled={busyId === wf.id}\n                      onClick={() => void handleDelete(wf.id)}\n                      className=\"rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-status-error-text disabled:opacity-50\"\n                    >\n                      <Trash2 className=\"h-4 w-4\" />\n                    </button>\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        </GlassCard>\n      )}\n\n      <Modal\n        open={modalOpen}\n        onClose={() => setModalOpen(false)}\n        title=\"Create Workflow\"\n        description=\"Define an automation rule for your workspace.\"\n        footer={\n          <>\n            <button\n              type=\"button\"\n              onClick={() => setModalOpen(false)}\n              className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n            >\n              Cancel\n            </button>\n            <button\n              type=\"button\"\n              onClick={handleCreate}\n              disabled={creating || !name.trim()}\n              className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\"\n            >\n              {creating ? \"Creating...\" : \"Create Workflow\"}\n            </button>\n          </>\n        }\n      >\n        {createError && (\n          <div className=\"mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text\">\n            Failed to create workflow. Please try again.\n          </div>\n        )}\n        <div className=\"space-y-4\">\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Workflow Name\n            </label>\n            <input\n              type=\"text\"\n              placeholder=\"e.g. Auto-submit my weekly timesheet\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n              className=\"mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary\"\n            />\n          </div>\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Trigger\n            </label>\n            <select\n              value={trigger}\n              onChange={(e) => setTrigger(e.target.value)}\n              className=\"mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n            >\n              {TRIGGERS.map((t) => (\n                <option key={t.value} value={t.value}>\n                  {t.label}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Description\n              <span className=\"ml-1 font-normal text-text-secondary\">\n                (optional)\n              </span>\n            </label>\n            <textarea\n              placeholder=\"What this workflow should do\"\n              rows={3}\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              className=\"mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary\"\n            />\n          </div>\n        </div>\n      </Modal>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"WorkflowsPage.js","names":[],"sources":["../../../../src/timecampus/pages/workflows/WorkflowsPage.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n  GitBranch,\n  Plus,\n  Trash2,\n  Zap,\n  Timer,\n  Clock,\n  FileText,\n  CalendarClock,\n  AlertTriangle,\n  MousePointerClick,\n  Workflow as WorkflowIcon,\n  Power,\n  PauseCircle,\n  type LucideIcon,\n} from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport {\n  PageLayout,\n  EmptyState,\n  LoadingSkeleton,\n  Modal,\n  StatCard,\n  StatusBadge,\n  ChartCard,\n  DonutChart,\n} from \"../../components\";\nimport { cn } from \"../../utils/helpers\";\nimport {\n  useListConfigurationsQuery,\n  useSetConfigurationMutation,\n  useDeleteConfigurationMutation,\n  type ConfigurationFieldsFragment,\n} from \"@/generated/wspace-operations\";\nimport { TimeCampusConfigScope } from \"@/generated/wspace-types\";\n\nconst TRIGGERS = [\n  { value: \"timer.started\", label: \"When a timer starts\" },\n  { value: \"timer.stopped\", label: \"When a timer stops\" },\n  { value: \"entry.created\", label: \"When a time entry is created\" },\n  { value: \"timesheet.due\", label: \"When a timesheet is due\" },\n  { value: \"budget.overrun\", label: \"When a project runs over budget\" },\n  { value: \"manual\", label: \"Manually\" },\n];\n\nconst TRIGGER_ICONS: Record<string, LucideIcon> = {\n  \"timer.started\": Timer,\n  \"timer.stopped\": Clock,\n  \"entry.created\": FileText,\n  \"timesheet.due\": CalendarClock,\n  \"budget.overrun\": AlertTriangle,\n  manual: MousePointerClick,\n};\n\nfunction triggerLabel(value: string): string {\n  return TRIGGERS.find((t) => t.value === value)?.label ?? value;\n}\n\nfunction triggerIcon(value: string): LucideIcon {\n  return TRIGGER_ICONS[value] ?? Zap;\n}\n\nexport function WorkflowsPage() {\n  const { data, loading, error, refetch } = useListConfigurationsQuery({\n    variables: { scope: TimeCampusConfigScope.Workspace },\n  });\n\n  const [setConfiguration, { loading: creating, error: createError }] =\n    useSetConfigurationMutation();\n  const [deleteConfiguration] = useDeleteConfigurationMutation();\n\n  const [modalOpen, setModalOpen] = useState(false);\n  const [name, setName] = useState(\"\");\n  const [trigger, setTrigger] = useState(TRIGGERS[0].value);\n  const [description, setDescription] = useState(\"\");\n  const [busyId, setBusyId] = useState<string | null>(null);\n\n  const configurations: ConfigurationFieldsFragment[] =\n    data?.timeCampusConfigurations ?? [];\n  const workflows = configurations.filter((c: ConfigurationFieldsFragment) =>\n    c.key.startsWith(\"workflow.\"),\n  );\n\n  // Real, derived aggregates over the automation rules the page already loads.\n  const activeCount = workflows.filter((wf) => {\n    const val = (wf.value as Record<string, unknown>) ?? {};\n    return (val.status as string) === \"active\";\n  }).length;\n  const pausedCount = workflows.length - activeCount;\n  const triggerCounts = workflows.reduce<Record<string, number>>((acc, wf) => {\n    const val = (wf.value as Record<string, unknown>) ?? {};\n    const t = (val.trigger as string) ?? \"manual\";\n    acc[t] = (acc[t] ?? 0) + 1;\n    return acc;\n  }, {});\n  const triggerMix = Object.entries(triggerCounts)\n    .sort((a, b) => b[1] - a[1])\n    .map(([t, count]) => ({ name: triggerLabel(t), value: count }));\n\n  const resetForm = () => {\n    setName(\"\");\n    setTrigger(TRIGGERS[0].value);\n    setDescription(\"\");\n  };\n\n  const openModal = () => {\n    resetForm();\n    setModalOpen(true);\n  };\n\n  const handleCreate = async () => {\n    if (!name.trim()) return;\n    const id =\n      typeof crypto !== \"undefined\" && \"randomUUID\" in crypto\n        ? crypto.randomUUID()\n        : `${Date.now()}`;\n    const trimmedDescription = description.trim();\n    await setConfiguration({\n      variables: {\n        input: {\n          key: `workflow.${id}`,\n          scope: TimeCampusConfigScope.Workspace,\n          value: {\n            name: name.trim(),\n            trigger,\n            status: \"active\",\n            description: trimmedDescription || undefined,\n            createdAt: new Date().toISOString(),\n          },\n          description: trimmedDescription || undefined,\n        },\n      },\n    });\n    await refetch();\n    setModalOpen(false);\n    resetForm();\n  };\n\n  const handleToggle = async (wf: ConfigurationFieldsFragment) => {\n    setBusyId(wf.id);\n    try {\n      const val = (wf.value as Record<string, unknown>) ?? {};\n      const nextStatus =\n        (val.status as string) === \"active\" ? \"inactive\" : \"active\";\n      await setConfiguration({\n        variables: {\n          input: {\n            key: wf.key,\n            scope: TimeCampusConfigScope.Workspace,\n            value: { ...val, status: nextStatus },\n            description: wf.description ?? undefined,\n          },\n        },\n      });\n      await refetch();\n    } finally {\n      setBusyId(null);\n    }\n  };\n\n  const handleDelete = async (id: string) => {\n    setBusyId(id);\n    try {\n      await deleteConfiguration({ variables: { id } });\n      await refetch();\n    } finally {\n      setBusyId(null);\n    }\n  };\n\n  if (loading) {\n    return (\n      <PageLayout title=\"Workflows\" description=\"Automate repetitive tasks\">\n        <LoadingSkeleton variant=\"list\" count={5} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout title=\"Workflows\" description=\"Automate repetitive tasks\">\n        <div className=\"rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\n          Failed to load workflow configurations. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const createButton = (\n    <button\n      type=\"button\"\n      onClick={openModal}\n      className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n    >\n      <Plus className=\"h-4 w-4\" />\n      Create Workflow\n    </button>\n  );\n\n  return (\n    <PageLayout\n      title=\"Workflows\"\n      description=\"Automate repetitive tasks\"\n      purpose=\"Put the busywork on autopilot — auto-start timers, submit timesheets, flag overruns — by wiring up rules that react to what happens in TimeCampus. Each workflow you define is saved to your workspace; the advanced trigger/condition builder is on the roadmap.\"\n      actions={createButton}\n    >\n      {workflows.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-generic\"\n          title=\"No workflows configured yet\"\n          description=\"Create your first automation to handle repetitive time-tracking tasks — workflows are stored as workspace configurations and appear here.\"\n          action={createButton}\n        />\n      ) : (\n        <div className=\"space-y-6\">\n          {/* KPI summary — derived from the automation rules below */}\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n            <StatCard\n              featured\n              title=\"Automations\"\n              value={workflows.length}\n              icon={<WorkflowIcon className=\"h-5 w-5\" />}\n              description=\"Rules defined\"\n            />\n            <StatCard\n              title=\"Active\"\n              value={activeCount}\n              icon={<Power className=\"h-5 w-5\" />}\n              description=\"Currently running\"\n              iconBgColor=\"bg-status-success-bg text-status-success-text\"\n            />\n            <StatCard\n              title=\"Paused\"\n              value={pausedCount}\n              icon={<PauseCircle className=\"h-5 w-5\" />}\n              description=\"Turned off\"\n              iconBgColor=\"bg-status-warning-bg text-status-warning-text\"\n            />\n          </div>\n\n          {/* Trigger mix ring + automation cards */}\n          <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n            <ChartCard\n              title=\"By trigger\"\n              description=\"What fires each automation\"\n              className=\"lg:col-span-1\"\n            >\n              <DonutChart\n                data={triggerMix}\n                centerLabel=\"Automations\"\n                centerValue={workflows.length}\n                height={240}\n                ariaLabel=\"Automations grouped by trigger type\"\n                emptyLabel=\"No automations to summarise yet.\"\n              />\n            </ChartCard>\n\n            <div className=\"lg:col-span-2\">\n              <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n                {workflows.map((wf: ConfigurationFieldsFragment) => {\n                  const val = (wf.value as Record<string, unknown>) ?? {};\n                  const wfName =\n                    (val.name as string) ?? wf.key.replace(\"workflow.\", \"\");\n                  const status = (val.status as string) ?? \"inactive\";\n                  const isActive = status === \"active\";\n                  const wfTrigger = (val.trigger as string) ?? \"manual\";\n                  const wfDescription =\n                    (val.description as string) ?? wf.description ?? \"\";\n                  const TriggerIcon = triggerIcon(wfTrigger);\n\n                  return (\n                    <GlassCard\n                      key={wf.id}\n                      treatment=\"glass\"\n                      glow={isActive}\n                      className=\"flex flex-col p-5\"\n                    >\n                      <div className=\"flex items-start justify-between gap-3\">\n                        <div className=\"flex min-w-0 items-center gap-2 text-xs font-medium text-text-secondary\">\n                          <TriggerIcon className=\"h-4 w-4 shrink-0 text-primary\" />\n                          <span className=\"truncate\">\n                            {triggerLabel(wfTrigger)}\n                          </span>\n                        </div>\n                        <button\n                          type=\"button\"\n                          role=\"switch\"\n                          aria-checked={isActive}\n                          aria-label={\n                            isActive\n                              ? `Deactivate ${wfName}`\n                              : `Activate ${wfName}`\n                          }\n                          disabled={busyId === wf.id}\n                          onClick={() => void handleToggle(wf)}\n                          className={cn(\n                            \"relative inline-flex h-5 w-9 shrink-0 items-center rounded-full transition-colors disabled:opacity-50\",\n                            isActive\n                              ? \"bg-action-primary-bg\"\n                              : \"bg-bg-sunken border border-border-subtle\",\n                          )}\n                        >\n                          <span\n                            className={cn(\n                              \"inline-block h-4 w-4 transform rounded-full bg-bg-surface shadow-sm transition-transform\",\n                              isActive ? \"translate-x-4\" : \"translate-x-0.5\",\n                            )}\n                          />\n                        </button>\n                      </div>\n\n                      <div className=\"mt-3 flex min-w-0 items-center gap-2\">\n                        <div className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-action-primary-bg/10\">\n                          <GitBranch className=\"h-4 w-4 text-primary\" />\n                        </div>\n                        <p className=\"truncate text-sm font-semibold text-text-primary\">\n                          {wfName}\n                        </p>\n                      </div>\n\n                      {wfDescription && (\n                        <p className=\"mt-2 line-clamp-2 text-xs text-text-secondary\">\n                          {wfDescription}\n                        </p>\n                      )}\n\n                      <div className=\"mt-4 flex items-center justify-between border-t border-border-seam pt-3\">\n                        <StatusBadge\n                          status={status}\n                          dot={isActive}\n                          label={isActive ? \"Active\" : \"Paused\"}\n                        />\n                        <button\n                          type=\"button\"\n                          aria-label={`Delete ${wfName}`}\n                          disabled={busyId === wf.id}\n                          onClick={() => void handleDelete(wf.id)}\n                          className=\"rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-status-error-text disabled:opacity-50\"\n                        >\n                          <Trash2 className=\"h-4 w-4\" />\n                        </button>\n                      </div>\n                    </GlassCard>\n                  );\n                })}\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n\n      <Modal\n        open={modalOpen}\n        onClose={() => setModalOpen(false)}\n        title=\"Create Workflow\"\n        description=\"Define an automation rule for your workspace.\"\n        footer={\n          <>\n            <button\n              type=\"button\"\n              onClick={() => setModalOpen(false)}\n              className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n            >\n              Cancel\n            </button>\n            <button\n              type=\"button\"\n              onClick={handleCreate}\n              disabled={creating || !name.trim()}\n              className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\"\n            >\n              {creating ? \"Creating...\" : \"Create Workflow\"}\n            </button>\n          </>\n        }\n      >\n        {createError && (\n          <div className=\"mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text\">\n            Failed to create workflow. Please try again.\n          </div>\n        )}\n        <div className=\"space-y-4\">\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Workflow Name\n            </label>\n            <input\n              type=\"text\"\n              placeholder=\"e.g. Auto-submit my weekly timesheet\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n              className=\"mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary\"\n            />\n          </div>\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Trigger\n            </label>\n            <select\n              value={trigger}\n              onChange={(e) => setTrigger(e.target.value)}\n              className=\"mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n            >\n              {TRIGGERS.map((t) => (\n                <option key={t.value} value={t.value}>\n                  {t.label}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Description\n              <span className=\"ml-1 font-normal text-text-secondary\">\n                (optional)\n              </span>\n            </label>\n            <textarea\n              placeholder=\"What this workflow should do\"\n              rows={3}\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              className=\"mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary\"\n            />\n          </div>\n        </div>\n      </Modal>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/timecampus/utils/helpers.js

@@ -23,26 +23,29 @@ function o(e, t = "USD") {
 	}).format(e);
 }
 function s(e) {
+	return new Intl.NumberFormat("en-US").format(e);
+}
+function c(e) {
 	return new Date(e).toLocaleDateString("en-US", {
 		year: "numeric",
 		month: "short",
 		day: "numeric"
 	});
 }
-function c(e) {
+function l(e) {
 	return new Date(e).toLocaleTimeString("en-US", {
 		hour: "2-digit",
 		minute: "2-digit"
 	});
 }
-function l(e) {
+function u(e) {
 	let t = /* @__PURE__ */ new Date(), n = new Date(e), r = t.getTime() - n.getTime(), i = Math.floor(r / 6e4), a = Math.floor(r / 36e5), o = Math.floor(r / 864e5);
-	return i < 1 ? "Just now" : i < 60 ? `${i}m ago` : a < 24 ? `${a}h ago` : o < 7 ? `${o}d ago` : s(e);
+	return i < 1 ? "Just now" : i < 60 ? `${i}m ago` : a < 24 ? `${a}h ago` : o < 7 ? `${o}d ago` : c(e);
 }
-function u(e) {
+function d(e) {
 	return e.split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2);
 }
-function d(e) {
+function f(e) {
 	return {
 		active: "success",
 		completed: "info",
@@ -68,7 +71,7 @@ function d(e) {
 		flagged: "error"
 	}[e] || "default";
 }
-function f(e) {
+function p(e) {
 	return {
 		low: "info",
 		medium: "warning",
@@ -78,6 +81,6 @@ function f(e) {
 	}[e] || "default";
 }
 //#endregion
-export { n as cn, o as formatCurrency, s as formatDate, r as formatDuration, i as formatHours, l as formatRelativeTime, c as formatTime, a as formatTimerDuration, u as getInitials, f as getPriorityColor, d as getStatusColor };
+export { n as cn, o as formatCurrency, c as formatDate, r as formatDuration, i as formatHours, s as formatNumber, u as formatRelativeTime, l as formatTime, a as formatTimerDuration, d as getInitials, p as getPriorityColor, f as getStatusColor };
 
 //# sourceMappingURL=helpers.js.map

package/dist/timecampus/utils/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":[],"sources":["../../../src/timecampus/utils/helpers.ts"],"sourcesContent":["/**\n * TimeCampus Utility Helpers\n * Common formatting, styling, and utility functions.\n * @module timecampus\n */\n\nimport { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport type BadgeVariant =\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"info\"\n  | \"default\"\n  | \"muted\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport function formatDuration(seconds: number): string {\n  const h = Math.floor(seconds / 3600);\n  const m = Math.floor((seconds % 3600) / 60);\n  const s = seconds % 60;\n  if (h > 0) return `${h}h ${m}m ${s}s`;\n  if (m > 0) return `${m}m ${s}s`;\n  return `${s}s`;\n}\n\nexport function formatHours(hours: number): string {\n  const h = Math.floor(hours);\n  const m = Math.round((hours - h) * 60);\n  return `${h}h ${m}m`;\n}\n\nexport function formatTimerDuration(seconds: number): string {\n  const h = Math.floor(seconds / 3600);\n  const m = Math.floor((seconds % 3600) / 60);\n  const s = seconds % 60;\n  return `${String(h).padStart(2, \"0\")}:${String(m).padStart(2, \"0\")}:${String(s).padStart(2, \"0\")}`;\n}\n\nexport function formatCurrency(amount: number, currency = \"USD\"): string {\n  return new Intl.NumberFormat(\"en-US\", { style: \"currency\", currency }).format(\n    amount,\n  );\n}\n\nexport function formatNumber(num: number): string {\n  return new Intl.NumberFormat(\"en-US\").format(num);\n}\n\nexport function formatDate(date: string | Date): string {\n  return new Date(date).toLocaleDateString(\"en-US\", {\n    year: \"numeric\",\n    month: \"short\",\n    day: \"numeric\",\n  });\n}\n\nexport function formatTime(date: string | Date): string {\n  return new Date(date).toLocaleTimeString(\"en-US\", {\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n  });\n}\n\nexport function formatRelativeTime(date: string | Date): string {\n  const now = new Date();\n  const d = new Date(date);\n  const diffMs = now.getTime() - d.getTime();\n  const diffMins = Math.floor(diffMs / 60000);\n  const diffHours = Math.floor(diffMs / 3600000);\n  const diffDays = Math.floor(diffMs / 86400000);\n  if (diffMins < 1) return \"Just now\";\n  if (diffMins < 60) return `${diffMins}m ago`;\n  if (diffHours < 24) return `${diffHours}h ago`;\n  if (diffDays < 7) return `${diffDays}d ago`;\n  return formatDate(date);\n}\n\nexport function getInitials(name: string): string {\n  return name\n    .split(\" \")\n    .map((n) => n[0])\n    .join(\"\")\n    .toUpperCase()\n    .slice(0, 2);\n}\n\nexport function truncateText(text: string, maxLength: number): string {\n  if (text.length <= maxLength) return text;\n  return text.slice(0, maxLength) + \"...\";\n}\n\nexport function generateId(): string {\n  return Math.random().toString(36).substring(2) + Date.now().toString(36);\n}\n\nexport function sleep(ms: number): Promise<void> {\n  return new Promise((resolve) => setTimeout(resolve, ms));\n}\n\nexport function getStatusColor(status: string): BadgeVariant {\n  const colors: Record<string, BadgeVariant> = {\n    active: \"success\",\n    completed: \"info\",\n    \"in-progress\": \"warning\",\n    pending: \"warning\",\n    archived: \"muted\",\n    \"on-hold\": \"warning\",\n    draft: \"muted\",\n    approved: \"success\",\n    rejected: \"error\",\n    error: \"error\",\n    running: \"success\",\n    paused: \"warning\",\n    cancelled: \"muted\",\n    online: \"success\",\n    away: \"warning\",\n    busy: \"error\",\n    offline: \"muted\",\n    inactive: \"muted\",\n    submitted: \"info\",\n    reimbursed: \"success\",\n    \"revision-requested\": \"warning\",\n    flagged: \"error\",\n  };\n  return colors[status] || \"default\";\n}\n\nexport function getPriorityColor(priority: string): BadgeVariant {\n  const colors: Record<string, BadgeVariant> = {\n    low: \"info\",\n    medium: \"warning\",\n    high: \"warning\",\n    urgent: \"error\",\n    critical: \"error\",\n  };\n  return colors[priority] || \"default\";\n}\n"],"mappings":";;;AAiBA,SAAgB,EAAG,GAAG,GAAsB;AAC1C,QAAO,EAAQ,EAAK,EAAO,CAAC;;AAG9B,SAAgB,EAAe,GAAyB;CACtD,IAAM,IAAI,KAAK,MAAM,IAAU,KAAK,EAC9B,IAAI,KAAK,MAAO,IAAU,OAAQ,GAAG,EACrC,IAAI,IAAU;AAGpB,QAFI,IAAI,IAAU,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,KAC/B,IAAI,IAAU,GAAG,EAAE,IAAI,EAAE,KACtB,GAAG,EAAE;;AAGd,SAAgB,EAAY,GAAuB;CACjD,IAAM,IAAI,KAAK,MAAM,EAAM;AAE3B,QAAO,GAAG,EAAE,IADF,KAAK,OAAO,IAAQ,KAAK,GAAG,CACpB;;AAGpB,SAAgB,EAAoB,GAAyB;CAC3D,IAAM,IAAI,KAAK,MAAM,IAAU,KAAK,EAC9B,IAAI,KAAK,MAAO,IAAU,OAAQ,GAAG,EACrC,IAAI,IAAU;AACpB,QAAO,GAAG,OAAO,EAAE,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,OAAO,EAAE,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,OAAO,EAAE,CAAC,SAAS,GAAG,IAAI;;AAGlG,SAAgB,EAAe,GAAgB,IAAW,OAAe;AACvE,QAAO,IAAI,KAAK,aAAa,SAAS;EAAE,OAAO;EAAY;EAAU,CAAC,CAAC,OACrE,EACD;;AAOH,SAAgB,EAAW,GAA6B;AACtD,QAAO,IAAI,KAAK,EAAK,CAAC,mBAAmB,SAAS;EAChD,MAAM;EACN,OAAO;EACP,KAAK;EACN,CAAC;;AAGJ,SAAgB,EAAW,GAA6B;AACtD,QAAO,IAAI,KAAK,EAAK,CAAC,mBAAmB,SAAS;EAChD,MAAM;EACN,QAAQ;EACT,CAAC;;AAGJ,SAAgB,EAAmB,GAA6B;CAC9D,IAAM,oBAAM,IAAI,MAAM,EAChB,IAAI,IAAI,KAAK,EAAK,EAClB,IAAS,EAAI,SAAS,GAAG,EAAE,SAAS,EACpC,IAAW,KAAK,MAAM,IAAS,IAAM,EACrC,IAAY,KAAK,MAAM,IAAS,KAAQ,EACxC,IAAW,KAAK,MAAM,IAAS,MAAS;AAK9C,QAJI,IAAW,IAAU,aACrB,IAAW,KAAW,GAAG,EAAS,SAClC,IAAY,KAAW,GAAG,EAAU,SACpC,IAAW,IAAU,GAAG,EAAS,SAC9B,EAAW,EAAK;;AAGzB,SAAgB,EAAY,GAAsB;AAChD,QAAO,EACJ,MAAM,IAAI,CACV,KAAK,MAAM,EAAE,GAAG,CAChB,KAAK,GAAG,CACR,aAAa,CACb,MAAM,GAAG,EAAE;;AAgBhB,SAAgB,EAAe,GAA8B;AAyB3D,QAxB6C;EAC3C,QAAQ;EACR,WAAW;EACX,eAAe;EACf,SAAS;EACT,UAAU;EACV,WAAW;EACX,OAAO;EACP,UAAU;EACV,UAAU;EACV,OAAO;EACP,SAAS;EACT,QAAQ;EACR,WAAW;EACX,QAAQ;EACR,MAAM;EACN,MAAM;EACN,SAAS;EACT,UAAU;EACV,WAAW;EACX,YAAY;EACZ,sBAAsB;EACtB,SAAS;EACV,CACa,MAAW;;AAG3B,SAAgB,EAAiB,GAAgC;AAQ/D,QAP6C;EAC3C,KAAK;EACL,QAAQ;EACR,MAAM;EACN,QAAQ;EACR,UAAU;EACX,CACa,MAAa"}
+{"version":3,"file":"helpers.js","names":[],"sources":["../../../src/timecampus/utils/helpers.ts"],"sourcesContent":["/**\n * TimeCampus Utility Helpers\n * Common formatting, styling, and utility functions.\n * @module timecampus\n */\n\nimport { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport type BadgeVariant =\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"info\"\n  | \"default\"\n  | \"muted\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport function formatDuration(seconds: number): string {\n  const h = Math.floor(seconds / 3600);\n  const m = Math.floor((seconds % 3600) / 60);\n  const s = seconds % 60;\n  if (h > 0) return `${h}h ${m}m ${s}s`;\n  if (m > 0) return `${m}m ${s}s`;\n  return `${s}s`;\n}\n\nexport function formatHours(hours: number): string {\n  const h = Math.floor(hours);\n  const m = Math.round((hours - h) * 60);\n  return `${h}h ${m}m`;\n}\n\nexport function formatTimerDuration(seconds: number): string {\n  const h = Math.floor(seconds / 3600);\n  const m = Math.floor((seconds % 3600) / 60);\n  const s = seconds % 60;\n  return `${String(h).padStart(2, \"0\")}:${String(m).padStart(2, \"0\")}:${String(s).padStart(2, \"0\")}`;\n}\n\nexport function formatCurrency(amount: number, currency = \"USD\"): string {\n  return new Intl.NumberFormat(\"en-US\", { style: \"currency\", currency }).format(\n    amount,\n  );\n}\n\nexport function formatNumber(num: number): string {\n  return new Intl.NumberFormat(\"en-US\").format(num);\n}\n\nexport function formatDate(date: string | Date): string {\n  return new Date(date).toLocaleDateString(\"en-US\", {\n    year: \"numeric\",\n    month: \"short\",\n    day: \"numeric\",\n  });\n}\n\nexport function formatTime(date: string | Date): string {\n  return new Date(date).toLocaleTimeString(\"en-US\", {\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n  });\n}\n\nexport function formatRelativeTime(date: string | Date): string {\n  const now = new Date();\n  const d = new Date(date);\n  const diffMs = now.getTime() - d.getTime();\n  const diffMins = Math.floor(diffMs / 60000);\n  const diffHours = Math.floor(diffMs / 3600000);\n  const diffDays = Math.floor(diffMs / 86400000);\n  if (diffMins < 1) return \"Just now\";\n  if (diffMins < 60) return `${diffMins}m ago`;\n  if (diffHours < 24) return `${diffHours}h ago`;\n  if (diffDays < 7) return `${diffDays}d ago`;\n  return formatDate(date);\n}\n\nexport function getInitials(name: string): string {\n  return name\n    .split(\" \")\n    .map((n) => n[0])\n    .join(\"\")\n    .toUpperCase()\n    .slice(0, 2);\n}\n\nexport function truncateText(text: string, maxLength: number): string {\n  if (text.length <= maxLength) return text;\n  return text.slice(0, maxLength) + \"...\";\n}\n\nexport function generateId(): string {\n  return Math.random().toString(36).substring(2) + Date.now().toString(36);\n}\n\nexport function sleep(ms: number): Promise<void> {\n  return new Promise((resolve) => setTimeout(resolve, ms));\n}\n\nexport function getStatusColor(status: string): BadgeVariant {\n  const colors: Record<string, BadgeVariant> = {\n    active: \"success\",\n    completed: \"info\",\n    \"in-progress\": \"warning\",\n    pending: \"warning\",\n    archived: \"muted\",\n    \"on-hold\": \"warning\",\n    draft: \"muted\",\n    approved: \"success\",\n    rejected: \"error\",\n    error: \"error\",\n    running: \"success\",\n    paused: \"warning\",\n    cancelled: \"muted\",\n    online: \"success\",\n    away: \"warning\",\n    busy: \"error\",\n    offline: \"muted\",\n    inactive: \"muted\",\n    submitted: \"info\",\n    reimbursed: \"success\",\n    \"revision-requested\": \"warning\",\n    flagged: \"error\",\n  };\n  return colors[status] || \"default\";\n}\n\nexport function getPriorityColor(priority: string): BadgeVariant {\n  const colors: Record<string, BadgeVariant> = {\n    low: \"info\",\n    medium: \"warning\",\n    high: \"warning\",\n    urgent: \"error\",\n    critical: \"error\",\n  };\n  return colors[priority] || \"default\";\n}\n"],"mappings":";;;AAiBA,SAAgB,EAAG,GAAG,GAAsB;AAC1C,QAAO,EAAQ,EAAK,EAAO,CAAC;;AAG9B,SAAgB,EAAe,GAAyB;CACtD,IAAM,IAAI,KAAK,MAAM,IAAU,KAAK,EAC9B,IAAI,KAAK,MAAO,IAAU,OAAQ,GAAG,EACrC,IAAI,IAAU;AAGpB,QAFI,IAAI,IAAU,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,KAC/B,IAAI,IAAU,GAAG,EAAE,IAAI,EAAE,KACtB,GAAG,EAAE;;AAGd,SAAgB,EAAY,GAAuB;CACjD,IAAM,IAAI,KAAK,MAAM,EAAM;AAE3B,QAAO,GAAG,EAAE,IADF,KAAK,OAAO,IAAQ,KAAK,GAAG,CACpB;;AAGpB,SAAgB,EAAoB,GAAyB;CAC3D,IAAM,IAAI,KAAK,MAAM,IAAU,KAAK,EAC9B,IAAI,KAAK,MAAO,IAAU,OAAQ,GAAG,EACrC,IAAI,IAAU;AACpB,QAAO,GAAG,OAAO,EAAE,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,OAAO,EAAE,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,OAAO,EAAE,CAAC,SAAS,GAAG,IAAI;;AAGlG,SAAgB,EAAe,GAAgB,IAAW,OAAe;AACvE,QAAO,IAAI,KAAK,aAAa,SAAS;EAAE,OAAO;EAAY;EAAU,CAAC,CAAC,OACrE,EACD;;AAGH,SAAgB,EAAa,GAAqB;AAChD,QAAO,IAAI,KAAK,aAAa,QAAQ,CAAC,OAAO,EAAI;;AAGnD,SAAgB,EAAW,GAA6B;AACtD,QAAO,IAAI,KAAK,EAAK,CAAC,mBAAmB,SAAS;EAChD,MAAM;EACN,OAAO;EACP,KAAK;EACN,CAAC;;AAGJ,SAAgB,EAAW,GAA6B;AACtD,QAAO,IAAI,KAAK,EAAK,CAAC,mBAAmB,SAAS;EAChD,MAAM;EACN,QAAQ;EACT,CAAC;;AAGJ,SAAgB,EAAmB,GAA6B;CAC9D,IAAM,oBAAM,IAAI,MAAM,EAChB,IAAI,IAAI,KAAK,EAAK,EAClB,IAAS,EAAI,SAAS,GAAG,EAAE,SAAS,EACpC,IAAW,KAAK,MAAM,IAAS,IAAM,EACrC,IAAY,KAAK,MAAM,IAAS,KAAQ,EACxC,IAAW,KAAK,MAAM,IAAS,MAAS;AAK9C,QAJI,IAAW,IAAU,aACrB,IAAW,KAAW,GAAG,EAAS,SAClC,IAAY,KAAW,GAAG,EAAU,SACpC,IAAW,IAAU,GAAG,EAAS,SAC9B,EAAW,EAAK;;AAGzB,SAAgB,EAAY,GAAsB;AAChD,QAAO,EACJ,MAAM,IAAI,CACV,KAAK,MAAM,EAAE,GAAG,CAChB,KAAK,GAAG,CACR,aAAa,CACb,MAAM,GAAG,EAAE;;AAgBhB,SAAgB,EAAe,GAA8B;AAyB3D,QAxB6C;EAC3C,QAAQ;EACR,WAAW;EACX,eAAe;EACf,SAAS;EACT,UAAU;EACV,WAAW;EACX,OAAO;EACP,UAAU;EACV,UAAU;EACV,OAAO;EACP,SAAS;EACT,QAAQ;EACR,WAAW;EACX,QAAQ;EACR,MAAM;EACN,MAAM;EACN,SAAS;EACT,UAAU;EACV,WAAW;EACX,YAAY;EACZ,sBAAsB;EACtB,SAAS;EACV,CACa,MAAW;;AAG3B,SAAgB,EAAiB,GAAgC;AAQ/D,QAP6C;EAC3C,KAAK;EACL,QAAQ;EACR,MAAM;EACN,QAAQ;EACR,UAAU;EACX,CACa,MAAa"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-timecampus",
-  "version": "2026.703.4",
+  "version": "2026.703.6",
   "description": "Burdenoff TimeCampus Microfrontend - AI-powered time management and productivity platform",
   "type": "module",
   "files": [