@burdenoff/microfe-timecampus 2026.703.7 → 2026.707.1

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

@@ -1,311 +0,0 @@
-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 A = [
-	{
-		value: "timer.started",
-		label: "When a timer starts"
-	},
-	{
-		value: "timer.stopped",
-		label: "When a timer stops"
-	},
-	{
-		value: "entry.created",
-		label: "When a time entry is created"
-	},
-	{
-		value: "timesheet.due",
-		label: "When a timesheet is due"
-	},
-	{
-		value: "budget.overrun",
-		label: "When a project runs over budget"
-	},
-	{
-		value: "manual",
-		label: "Manually"
-	}
-], 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 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: f.Workspace,
-			value: {
-				name: I.trim(),
-				trigger: R,
-				status: "active",
-				description: t || void 0,
-				createdAt: (/* @__PURE__ */ new Date()).toISOString()
-			},
-			description: t || void 0
-		} } }), await _(), F(!1), Y();
-	}, Q = async (e) => {
-		U(e.id);
-		try {
-			let t = e.value ?? {}, n = t.status === "active" ? "inactive" : "active";
-			await y({ variables: { input: {
-				key: e.key,
-				scope: f.Workspace,
-				value: {
-					...t,
-					status: n
-				},
-				description: e.description ?? void 0
-			} } }), await _();
-		} finally {
-			U(null);
-		}
-	}, te = async (e) => {
-		U(e);
-		try {
-			await j({ variables: { id: e } }), await _();
-		} finally {
-			U(null);
-		}
-	};
-	if (h) return /* @__PURE__ */ D(o, {
-		title: "Workflows",
-		description: "Automate repetitive tasks",
-		children: /* @__PURE__ */ D(n, {
-			variant: "list",
-			count: 5
-		})
-	});
-	if (g) return /* @__PURE__ */ D(o, {
-		title: "Workflows",
-		description: "Automate repetitive tasks",
-		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 $ = /* @__PURE__ */ O("button", {
-		type: "button",
-		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__ */ D(ee, { className: "h-4 w-4" }), "Create Workflow"]
-	});
-	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: $,
-		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: $
-		}) : /* @__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__ */ O(E, { children: [/* @__PURE__ */ D("button", {
-				type: "button",
-				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__ */ D("button", {
-				type: "button",
-				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: S ? "Creating..." : "Create Workflow"
-			})] }),
-			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__ */ O("div", {
-				className: "space-y-4",
-				children: [
-					/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("label", {
-						className: "block text-sm font-medium text-text-primary",
-						children: "Workflow Name"
-					}), /* @__PURE__ */ D("input", {
-						type: "text",
-						placeholder: "e.g. Auto-submit my weekly timesheet",
-						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__ */ O("div", { children: [/* @__PURE__ */ D("label", {
-						className: "block text-sm font-medium text-text-primary",
-						children: "Trigger"
-					}), /* @__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: A.map((e) => /* @__PURE__ */ D("option", {
-							value: e.value,
-							children: e.label
-						}, e.value))
-					})] }),
-					/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ O("label", {
-						className: "block text-sm font-medium text-text-primary",
-						children: ["Description", /* @__PURE__ */ D("span", {
-							className: "ml-1 font-normal text-text-secondary",
-							children: "(optional)"
-						})]
-					}), /* @__PURE__ */ D("textarea", {
-						placeholder: "What this workflow should do",
-						rows: 3,
-						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"
-					})] })
-				]
-			})]
-		})]
-	});
-}
-//#endregion
-export { P as WorkflowsPage };
-
-//# sourceMappingURL=WorkflowsPage.js.map

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

@@ -1 +0,0 @@
-{"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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"}