@burdenoff/microfe-timecampus 2026.703.7 → 2026.710.1

package/dist/timecampus/pages/channels/ChannelsPage.js

@@ -1,418 +0,0 @@
-import { LoadingSkeleton as e } from "../../components/LoadingSkeleton.js";
-import { useCreateChannelConfigMutation as t, useDeleteChannelConfigMutation as n, useListChannelConfigsQuery as r, useListChannelStatusesQuery as i, useSyncChannelMutation as a, useToggleChannelMutation as ee, useUpdateChannelConfigMutation as te } from "../../../generated/wspace-operations.js";
-import { PageLayout as o } from "../../components/PageLayout.js";
-import { StatusBadge as ne } from "../../components/StatusBadge.js";
-import { EmptyState as re } from "../../components/EmptyState.js";
-import { ToastContainer as s, useToast as ie } from "../../components/Toast.js";
-import { Modal as c } from "../../components/Modal.js";
-import { ChannelStatus as l, TimeCampusChannelType as u } from "../../../generated/wspace-types.js";
-import { useState as d } from "react";
-import { Pencil as ae, Plus as oe, Power as f, RefreshCw as p, Trash2 as m, Wifi as h, WifiOff as g } from "lucide-react";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { GlassCard as se } from "@burdenoff/fe-libs/ui";
-//#region src/timecampus/pages/channels/ChannelsPage.tsx
-var b = 25, ce = [
-	{
-		value: u.Calendar,
-		label: "Calendar"
-	},
-	{
-		value: u.Desktop,
-		label: "Desktop"
-	},
-	{
-		value: u.Browser,
-		label: "Browser"
-	},
-	{
-		value: u.Mobile,
-		label: "Mobile"
-	},
-	{
-		value: u.Ide,
-		label: "IDE"
-	},
-	{
-		value: u.Cli,
-		label: "CLI"
-	},
-	{
-		value: u.Api,
-		label: "API"
-	},
-	{
-		value: u.Custom,
-		label: "Custom"
-	}
-], x = "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";
-function le(e) {
-	if (e == null || e <= 0) return "Manual";
-	if (e % 3600 == 0) {
-		let t = e / 3600;
-		return `Every ${t} hour${t > 1 ? "s" : ""}`;
-	}
-	return e % 60 == 0 ? `Every ${e / 60} min` : `Every ${e}s`;
-}
-var ue = {
-	healthy: "bg-status-success-text",
-	degraded: "bg-status-warning-text",
-	unknown: "bg-text-muted"
-}, de = {
-	healthy: "Healthy connection",
-	degraded: "Sync needs attention",
-	unknown: "Not synced yet"
-}, S = {
-	name: "",
-	type: u.Calendar,
-	syncInterval: ""
-};
-function C() {
-	let { toasts: C, addToast: w, dismissToast: fe } = ie(), { data: pe, loading: T, error: E, refetch: D, fetchMore: O } = r({
-		variables: {
-			limit: b,
-			offset: 0
-		},
-		notifyOnNetworkStatusChange: !0
-	}), { data: k } = i(), [A, { loading: j }] = t(), [M, { loading: N }] = te(), [P, { loading: F }] = n(), [I, { loading: L }] = ee(), [R, { loading: z }] = a(), B = pe?.channelConfigs ?? [], me = k?.channelStatuses ?? [], [V, H] = d(!1), [he, ge] = d(!0), [_e, U] = d(!1), [W, G] = d(null), [K, q] = d(S), [J, Y] = d(null), [ve, X] = d(null), ye = new Map(me.map((e) => [e.channelId, e])), be = () => {
-		G(null), q(S), U(!0);
-	}, xe = (e) => {
-		G(e), q({
-			name: e.name,
-			type: Object.values(u).find((t) => t === e.type) ?? u.Custom,
-			syncInterval: e.syncInterval == null ? "" : String(e.syncInterval)
-		}), U(!0);
-	}, Z = () => {
-		U(!1), G(null);
-	}, Q = async () => {
-		if (!K.name.trim()) return;
-		let e = K.syncInterval ? Number(K.syncInterval) : void 0;
-		try {
-			W ? (await M({ variables: {
-				id: W.id,
-				input: {
-					name: K.name.trim(),
-					type: K.type,
-					syncInterval: e
-				}
-			} }), w({
-				title: "Channel updated",
-				variant: "success"
-			})) : (await A({ variables: { input: {
-				name: K.name.trim(),
-				type: K.type,
-				syncInterval: e,
-				status: l.Active
-			} } }), w({
-				title: "Channel added",
-				variant: "success"
-			})), Z(), await D();
-		} catch {
-			w({
-				title: W ? "Failed to update channel" : "Failed to add channel",
-				variant: "error"
-			});
-		}
-	}, Se = async () => {
-		if (J) try {
-			await P({ variables: { id: J.id } }), w({
-				title: "Channel deleted",
-				variant: "success"
-			}), Y(null), await D();
-		} catch {
-			w({
-				title: "Failed to delete channel",
-				variant: "error"
-			});
-		}
-	}, Ce = async (e) => {
-		let t = e.status.toLowerCase() === "active";
-		X(e.id);
-		try {
-			await I({ variables: {
-				id: e.id,
-				status: t ? l.Inactive : l.Active
-			} }), w({
-				title: t ? "Channel disabled" : "Channel enabled",
-				variant: "success"
-			}), await D();
-		} catch {
-			w({
-				title: "Failed to toggle channel",
-				variant: "error"
-			});
-		} finally {
-			X(null);
-		}
-	}, we = async (e) => {
-		X(e.id);
-		try {
-			await R({ variables: { id: e.id } }), w({
-				title: "Sync started",
-				variant: "success"
-			}), await D();
-		} catch {
-			w({
-				title: "Failed to sync channel",
-				variant: "error"
-			});
-		} finally {
-			X(null);
-		}
-	}, Te = async () => {
-		H(!0);
-		try {
-			((await O({
-				variables: {
-					limit: b,
-					offset: B.length
-				},
-				updateQuery: (e, { fetchMoreResult: t }) => t ? {
-					...e,
-					channelConfigs: [...e.channelConfigs, ...t.channelConfigs]
-				} : e
-			})).data?.channelConfigs?.length ?? 0) < b && ge(!1);
-		} finally {
-			H(!1);
-		}
-	};
-	if (T && B.length === 0) return /* @__PURE__ */ v(o, {
-		title: "Channels",
-		description: "Manage time tracking channels and integrations",
-		children: /* @__PURE__ */ v(e, {
-			variant: "card",
-			count: 6
-		})
-	});
-	if (E) return /* @__PURE__ */ v(o, {
-		title: "Channels",
-		description: "Manage time tracking channels and integrations",
-		children: /* @__PURE__ */ v("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 channels data. Please try again later."
-		})
-	});
-	let $ = /* @__PURE__ */ y("button", {
-		onClick: be,
-		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__ */ v(oe, { className: "h-4 w-4" }), "Add Channel"]
-	});
-	return /* @__PURE__ */ y(o, {
-		title: "Channels",
-		description: "Manage time tracking channels and integrations",
-		purpose: "Connect the tools and devices that feed time into TimeCampus — calendars, desktop trackers, integrations — and keep an eye on each connection's health so no work hours slip through the cracks.",
-		actions: $,
-		children: [
-			B.length === 0 ? /* @__PURE__ */ v(re, {
-				illustration: "empty-generic",
-				title: "No channels configured yet",
-				description: "Set up your first tracking channel to start pulling time and activity from your tools and devices.",
-				action: $
-			}) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("div", {
-				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-				children: B.map((e) => {
-					let t = ye.get(e.id), n = e.status.toLowerCase() === "active", r = e.lastSync ? new Date(e.lastSync).toLocaleString() : "Never", i = t ? t.isHealthy ? "healthy" : "degraded" : "unknown", a = ve === e.id;
-					return /* @__PURE__ */ y(se, {
-						treatment: "glass",
-						className: "flex flex-col p-5",
-						children: [
-							/* @__PURE__ */ y("div", {
-								className: "flex items-start justify-between gap-3",
-								children: [/* @__PURE__ */ y("div", {
-									className: "flex min-w-0 items-center gap-3",
-									children: [/* @__PURE__ */ v("div", {
-										className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary",
-										children: n ? /* @__PURE__ */ v(h, { className: "h-5 w-5" }) : /* @__PURE__ */ v(g, { className: "h-5 w-5 text-text-secondary" })
-									}), /* @__PURE__ */ y("div", {
-										className: "min-w-0",
-										children: [/* @__PURE__ */ v("p", {
-											className: "truncate text-sm font-semibold text-text-primary",
-											children: e.name
-										}), /* @__PURE__ */ v("p", {
-											className: "text-xs capitalize text-text-secondary",
-											children: e.type
-										})]
-									})]
-								}), /* @__PURE__ */ v(ne, {
-									label: e.status,
-									status: e.status.toLowerCase(),
-									dot: !0
-								})]
-							}),
-							/* @__PURE__ */ y("div", {
-								className: "mt-4 space-y-2 text-xs",
-								children: [
-									/* @__PURE__ */ y("div", {
-										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ v("span", {
-											className: `h-2 w-2 shrink-0 rounded-full ${ue[i]}`,
-											"aria-hidden": "true"
-										}), /* @__PURE__ */ v("span", {
-											className: "text-text-secondary",
-											children: de[i]
-										})]
-									}),
-									/* @__PURE__ */ y("div", {
-										className: "flex items-center justify-between gap-2",
-										children: [/* @__PURE__ */ v("span", {
-											className: "text-text-secondary",
-											children: "Last sync"
-										}), /* @__PURE__ */ v("span", {
-											className: "truncate font-medium text-text-primary",
-											children: r
-										})]
-									}),
-									/* @__PURE__ */ y("div", {
-										className: "flex items-center justify-between gap-2",
-										children: [/* @__PURE__ */ v("span", {
-											className: "text-text-secondary",
-											children: "Interval"
-										}), /* @__PURE__ */ v("span", {
-											className: "font-medium text-text-primary",
-											children: le(e.syncInterval)
-										})]
-									})
-								]
-							}),
-							/* @__PURE__ */ y("div", {
-								className: "mt-4 flex items-center gap-1.5 border-t border-border-seam pt-3",
-								children: [
-									/* @__PURE__ */ y("button", {
-										type: "button",
-										disabled: a && z,
-										onClick: () => we(e),
-										title: "Sync now",
-										className: "inline-flex items-center gap-1 rounded-md border border-border-seam bg-bg-surface px-2 py-1 text-xs text-text-secondary hover:bg-bg-sunken/50 disabled:opacity-50",
-										children: [/* @__PURE__ */ v(p, { className: `h-3.5 w-3.5 ${a && z ? "animate-spin" : ""}` }), "Sync"]
-									}),
-									/* @__PURE__ */ y("button", {
-										type: "button",
-										disabled: a && L,
-										onClick: () => Ce(e),
-										title: n ? "Disable channel" : "Enable channel",
-										className: "inline-flex items-center gap-1 rounded-md border border-border-seam bg-bg-surface px-2 py-1 text-xs text-text-secondary hover:bg-bg-sunken/50 disabled:opacity-50",
-										children: [/* @__PURE__ */ v(f, { className: "h-3.5 w-3.5" }), n ? "Disable" : "Enable"]
-									}),
-									/* @__PURE__ */ y("div", {
-										className: "ml-auto flex items-center gap-1",
-										children: [/* @__PURE__ */ v("button", {
-											type: "button",
-											onClick: () => xe(e),
-											title: "Edit channel",
-											className: "inline-flex items-center rounded-md border border-border-seam bg-bg-surface p-1.5 text-text-secondary hover:bg-bg-sunken/50",
-											children: /* @__PURE__ */ v(ae, { className: "h-3.5 w-3.5" })
-										}), /* @__PURE__ */ v("button", {
-											type: "button",
-											onClick: () => Y(e),
-											title: "Delete channel",
-											className: "inline-flex items-center rounded-md border border-border-seam bg-bg-surface p-1.5 text-status-error-text hover:bg-status-error-bg",
-											children: /* @__PURE__ */ v(m, { className: "h-3.5 w-3.5" })
-										})]
-									})
-								]
-							})
-						]
-					}, e.id);
-				})
-			}), he && B.length >= b && /* @__PURE__ */ v("div", {
-				className: "mt-4 flex justify-center",
-				children: /* @__PURE__ */ v("button", {
-					onClick: Te,
-					disabled: V,
-					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50",
-					children: V ? "Loading..." : "Load more"
-				})
-			})] }),
-			/* @__PURE__ */ v(c, {
-				open: _e,
-				onClose: Z,
-				title: W ? "Edit Channel" : "Add Channel",
-				description: W ? "Update this channel's configuration." : "Connect a new tracking channel to feed time into TimeCampus.",
-				footer: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("button", {
-					onClick: Z,
-					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__ */ v("button", {
-					onClick: Q,
-					disabled: j || N || !K.name.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: j || N ? "Saving..." : W ? "Save Changes" : "Add Channel"
-				})] }),
-				children: /* @__PURE__ */ y("div", {
-					className: "space-y-4",
-					children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
-						className: "block text-sm font-medium text-text-primary",
-						children: "Name"
-					}), /* @__PURE__ */ v("input", {
-						type: "text",
-						placeholder: "e.g. Google Calendar",
-						value: K.name,
-						onChange: (e) => q({
-							...K,
-							name: e.target.value
-						}),
-						className: x
-					})] }), /* @__PURE__ */ y("div", {
-						className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-						children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
-							className: "block text-sm font-medium text-text-primary",
-							children: "Type"
-						}), /* @__PURE__ */ v("select", {
-							value: K.type,
-							onChange: (e) => q({
-								...K,
-								type: e.target.value
-							}),
-							className: x,
-							children: ce.map((e) => /* @__PURE__ */ v("option", {
-								value: e.value,
-								children: e.label
-							}, e.value))
-						})] }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
-							className: "block text-sm font-medium text-text-primary",
-							children: "Sync Interval (seconds)"
-						}), /* @__PURE__ */ v("input", {
-							type: "number",
-							min: 0,
-							placeholder: "e.g. 300",
-							value: K.syncInterval,
-							onChange: (e) => q({
-								...K,
-								syncInterval: e.target.value
-							}),
-							className: x
-						})] })]
-					})]
-				})
-			}),
-			/* @__PURE__ */ v(c, {
-				open: J !== null,
-				onClose: () => Y(null),
-				title: "Delete channel?",
-				description: J ? `"${J.name}" will be removed. This cannot be undone.` : void 0,
-				size: "sm",
-				footer: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("button", {
-					onClick: () => Y(null),
-					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__ */ v("button", {
-					onClick: Se,
-					disabled: F,
-					className: "rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/80 disabled:opacity-50",
-					children: F ? "Deleting..." : "Delete"
-				})] }),
-				children: /* @__PURE__ */ v("p", {
-					className: "text-sm text-text-secondary",
-					children: "Deleting a channel stops it from feeding new time into TimeCampus. Previously captured entries are kept."
-				})
-			}),
-			/* @__PURE__ */ v(s, {
-				toasts: C,
-				onDismiss: fe
-			})
-		]
-	});
-}
-//#endregion
-export { C as ChannelsPage };
-
-//# sourceMappingURL=ChannelsPage.js.map

package/dist/timecampus/pages/channels/ChannelsPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChannelsPage.js","names":[],"sources":["../../../../src/timecampus/pages/channels/ChannelsPage.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n  Wifi,\n  WifiOff,\n  Plus,\n  RefreshCw,\n  Pencil,\n  Trash2,\n  Power,\n} 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 { StatusBadge } from \"../../components/StatusBadge\";\nimport { Modal } from \"../../components/Modal\";\nimport { ToastContainer, useToast } from \"../../components/Toast\";\nimport {\n  useListChannelConfigsQuery,\n  useListChannelStatusesQuery,\n  useCreateChannelConfigMutation,\n  useUpdateChannelConfigMutation,\n  useDeleteChannelConfigMutation,\n  useToggleChannelMutation,\n  useSyncChannelMutation,\n  type ChannelConfigFieldsFragment,\n} from \"@/generated/wspace-operations\";\nimport { ChannelStatus, TimeCampusChannelType } from \"@/generated/wspace-types\";\n\nconst PAGE_SIZE = 25;\n\nconst CHANNEL_TYPE_OPTIONS: { value: TimeCampusChannelType; label: string }[] =\n  [\n    { value: TimeCampusChannelType.Calendar, label: \"Calendar\" },\n    { value: TimeCampusChannelType.Desktop, label: \"Desktop\" },\n    { value: TimeCampusChannelType.Browser, label: \"Browser\" },\n    { value: TimeCampusChannelType.Mobile, label: \"Mobile\" },\n    { value: TimeCampusChannelType.Ide, label: \"IDE\" },\n    { value: TimeCampusChannelType.Cli, label: \"CLI\" },\n    { value: TimeCampusChannelType.Api, label: \"API\" },\n    { value: TimeCampusChannelType.Custom, label: \"Custom\" },\n  ];\n\nconst inputClass =\n  \"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/** Turn a sync interval in seconds into a human cadence label. */\nfunction formatInterval(seconds?: number | null): string {\n  if (seconds == null || seconds <= 0) return \"Manual\";\n  if (seconds % 3600 === 0) {\n    const h = seconds / 3600;\n    return `Every ${h} hour${h > 1 ? \"s\" : \"\"}`;\n  }\n  if (seconds % 60 === 0) {\n    const m = seconds / 60;\n    return `Every ${m} min`;\n  }\n  return `Every ${seconds}s`;\n}\n\ntype ChannelHealth = \"healthy\" | \"degraded\" | \"unknown\";\n\nconst HEALTH_DOT: Record<ChannelHealth, string> = {\n  healthy: \"bg-status-success-text\",\n  degraded: \"bg-status-warning-text\",\n  unknown: \"bg-text-muted\",\n};\n\nconst HEALTH_LABEL: Record<ChannelHealth, string> = {\n  healthy: \"Healthy connection\",\n  degraded: \"Sync needs attention\",\n  unknown: \"Not synced yet\",\n};\n\ninterface ChannelFormState {\n  name: string;\n  type: TimeCampusChannelType;\n  syncInterval: string;\n}\n\nconst emptyForm: ChannelFormState = {\n  name: \"\",\n  type: TimeCampusChannelType.Calendar,\n  syncInterval: \"\",\n};\n\nexport function ChannelsPage() {\n  const { toasts, addToast, dismissToast } = useToast();\n\n  const {\n    data: configsData,\n    loading: configsLoading,\n    error: configsError,\n    refetch,\n    fetchMore,\n  } = useListChannelConfigsQuery({\n    variables: { limit: PAGE_SIZE, offset: 0 },\n    notifyOnNetworkStatusChange: true,\n  });\n  const { data: statusesData } = useListChannelStatusesQuery();\n\n  const [createChannel, { loading: creating }] =\n    useCreateChannelConfigMutation();\n  const [updateChannel, { loading: updating }] =\n    useUpdateChannelConfigMutation();\n  const [deleteChannel, { loading: deleting }] =\n    useDeleteChannelConfigMutation();\n  const [toggleChannel, { loading: toggling }] = useToggleChannelMutation();\n  const [syncChannel, { loading: syncing }] = useSyncChannelMutation();\n\n  const channels = configsData?.channelConfigs ?? [];\n  const statuses = statusesData?.channelStatuses ?? [];\n\n  const [loadingMore, setLoadingMore] = useState(false);\n  const [canLoadMore, setCanLoadMore] = useState(true);\n\n  // Create / edit modal state\n  const [formOpen, setFormOpen] = useState(false);\n  const [editing, setEditing] = useState<ChannelConfigFieldsFragment | null>(\n    null,\n  );\n  const [form, setForm] = useState<ChannelFormState>(emptyForm);\n\n  // Delete confirm state\n  const [deleteTarget, setDeleteTarget] =\n    useState<ChannelConfigFieldsFragment | null>(null);\n\n  // Per-row action tracking (which channel id is mid-mutation)\n  const [busyId, setBusyId] = useState<string | null>(null);\n\n  type ChannelStatusItem = {\n    channelId: string;\n    name: string;\n    type: string;\n    status: string;\n    isHealthy: boolean;\n    lastSync?: string | null;\n  };\n\n  const statusMap = new Map<string, ChannelStatusItem>(\n    statuses.map((s: ChannelStatusItem) => [s.channelId, s]),\n  );\n\n  const openCreate = () => {\n    setEditing(null);\n    setForm(emptyForm);\n    setFormOpen(true);\n  };\n\n  const openEdit = (channel: ChannelConfigFieldsFragment) => {\n    setEditing(channel);\n    setForm({\n      name: channel.name,\n      type:\n        (Object.values(TimeCampusChannelType).find(\n          (t) => t === channel.type,\n        ) as TimeCampusChannelType | undefined) ?? TimeCampusChannelType.Custom,\n      syncInterval:\n        channel.syncInterval != null ? String(channel.syncInterval) : \"\",\n    });\n    setFormOpen(true);\n  };\n\n  const closeForm = () => {\n    setFormOpen(false);\n    setEditing(null);\n  };\n\n  const handleSubmit = async () => {\n    if (!form.name.trim()) return;\n    const syncInterval = form.syncInterval\n      ? Number(form.syncInterval)\n      : undefined;\n    try {\n      if (editing) {\n        await updateChannel({\n          variables: {\n            id: editing.id,\n            input: {\n              name: form.name.trim(),\n              type: form.type,\n              syncInterval,\n            },\n          },\n        });\n        addToast({ title: \"Channel updated\", variant: \"success\" });\n      } else {\n        await createChannel({\n          variables: {\n            input: {\n              name: form.name.trim(),\n              type: form.type,\n              syncInterval,\n              status: ChannelStatus.Active,\n            },\n          },\n        });\n        addToast({ title: \"Channel added\", variant: \"success\" });\n      }\n      closeForm();\n      await refetch();\n    } catch {\n      addToast({\n        title: editing ? \"Failed to update channel\" : \"Failed to add channel\",\n        variant: \"error\",\n      });\n    }\n  };\n\n  const handleDelete = async () => {\n    if (!deleteTarget) return;\n    try {\n      await deleteChannel({ variables: { id: deleteTarget.id } });\n      addToast({ title: \"Channel deleted\", variant: \"success\" });\n      setDeleteTarget(null);\n      await refetch();\n    } catch {\n      addToast({ title: \"Failed to delete channel\", variant: \"error\" });\n    }\n  };\n\n  const handleToggle = async (channel: ChannelConfigFieldsFragment) => {\n    const isActive = channel.status.toLowerCase() === \"active\";\n    setBusyId(channel.id);\n    try {\n      await toggleChannel({\n        variables: {\n          id: channel.id,\n          status: isActive ? ChannelStatus.Inactive : ChannelStatus.Active,\n        },\n      });\n      addToast({\n        title: isActive ? \"Channel disabled\" : \"Channel enabled\",\n        variant: \"success\",\n      });\n      await refetch();\n    } catch {\n      addToast({ title: \"Failed to toggle channel\", variant: \"error\" });\n    } finally {\n      setBusyId(null);\n    }\n  };\n\n  const handleSync = async (channel: ChannelConfigFieldsFragment) => {\n    setBusyId(channel.id);\n    try {\n      await syncChannel({ variables: { id: channel.id } });\n      addToast({ title: \"Sync started\", variant: \"success\" });\n      await refetch();\n    } catch {\n      addToast({ title: \"Failed to sync channel\", variant: \"error\" });\n    } finally {\n      setBusyId(null);\n    }\n  };\n\n  const handleLoadMore = async () => {\n    setLoadingMore(true);\n    try {\n      const res = await fetchMore({\n        variables: { limit: PAGE_SIZE, offset: channels.length },\n        updateQuery: (prev, { fetchMoreResult }) => {\n          if (!fetchMoreResult) return prev;\n          return {\n            ...prev,\n            channelConfigs: [\n              ...prev.channelConfigs,\n              ...fetchMoreResult.channelConfigs,\n            ],\n          };\n        },\n      });\n      if ((res.data?.channelConfigs?.length ?? 0) < PAGE_SIZE) {\n        setCanLoadMore(false);\n      }\n    } finally {\n      setLoadingMore(false);\n    }\n  };\n\n  if (configsLoading && channels.length === 0) {\n    return (\n      <PageLayout\n        title=\"Channels\"\n        description=\"Manage time tracking channels and integrations\"\n      >\n        <LoadingSkeleton variant=\"card\" count={6} />\n      </PageLayout>\n    );\n  }\n\n  if (configsError) {\n    return (\n      <PageLayout\n        title=\"Channels\"\n        description=\"Manage time tracking channels and integrations\"\n      >\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 channels data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const addButton = (\n    <button\n      onClick={openCreate}\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      Add Channel\n    </button>\n  );\n\n  return (\n    <PageLayout\n      title=\"Channels\"\n      description=\"Manage time tracking channels and integrations\"\n      purpose=\"Connect the tools and devices that feed time into TimeCampus — calendars, desktop trackers, integrations — and keep an eye on each connection's health so no work hours slip through the cracks.\"\n      actions={addButton}\n    >\n      {channels.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-generic\"\n          title=\"No channels configured yet\"\n          description=\"Set up your first tracking channel to start pulling time and activity from your tools and devices.\"\n          action={addButton}\n        />\n      ) : (\n        <>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {channels.map((channel: ChannelConfigFieldsFragment) => {\n              const statusInfo = statusMap.get(channel.id);\n              const isActive = channel.status.toLowerCase() === \"active\";\n              const lastSync = channel.lastSync\n                ? new Date(channel.lastSync).toLocaleString()\n                : \"Never\";\n              const health: ChannelHealth = statusInfo\n                ? statusInfo.isHealthy\n                  ? \"healthy\"\n                  : \"degraded\"\n                : \"unknown\";\n              const rowBusy = busyId === channel.id;\n\n              return (\n                <GlassCard\n                  key={channel.id}\n                  treatment=\"glass\"\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-3\">\n                      <div className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary\">\n                        {isActive ? (\n                          <Wifi className=\"h-5 w-5\" />\n                        ) : (\n                          <WifiOff className=\"h-5 w-5 text-text-secondary\" />\n                        )}\n                      </div>\n                      <div className=\"min-w-0\">\n                        <p className=\"truncate text-sm font-semibold text-text-primary\">\n                          {channel.name}\n                        </p>\n                        <p className=\"text-xs capitalize text-text-secondary\">\n                          {channel.type}\n                        </p>\n                      </div>\n                    </div>\n                    <StatusBadge\n                      label={channel.status}\n                      status={channel.status.toLowerCase()}\n                      dot\n                    />\n                  </div>\n                  <div className=\"mt-4 space-y-2 text-xs\">\n                    <div className=\"flex items-center gap-2\">\n                      <span\n                        className={`h-2 w-2 shrink-0 rounded-full ${HEALTH_DOT[health]}`}\n                        aria-hidden=\"true\"\n                      />\n                      <span className=\"text-text-secondary\">\n                        {HEALTH_LABEL[health]}\n                      </span>\n                    </div>\n                    <div className=\"flex items-center justify-between gap-2\">\n                      <span className=\"text-text-secondary\">Last sync</span>\n                      <span className=\"truncate font-medium text-text-primary\">\n                        {lastSync}\n                      </span>\n                    </div>\n                    <div className=\"flex items-center justify-between gap-2\">\n                      <span className=\"text-text-secondary\">Interval</span>\n                      <span className=\"font-medium text-text-primary\">\n                        {formatInterval(channel.syncInterval)}\n                      </span>\n                    </div>\n                  </div>\n                  <div className=\"mt-4 flex items-center gap-1.5 border-t border-border-seam pt-3\">\n                    <button\n                      type=\"button\"\n                      disabled={rowBusy && syncing}\n                      onClick={() => handleSync(channel)}\n                      title=\"Sync now\"\n                      className=\"inline-flex items-center gap-1 rounded-md border border-border-seam bg-bg-surface px-2 py-1 text-xs text-text-secondary hover:bg-bg-sunken/50 disabled:opacity-50\"\n                    >\n                      <RefreshCw\n                        className={`h-3.5 w-3.5 ${rowBusy && syncing ? \"animate-spin\" : \"\"}`}\n                      />\n                      Sync\n                    </button>\n                    <button\n                      type=\"button\"\n                      disabled={rowBusy && toggling}\n                      onClick={() => handleToggle(channel)}\n                      title={isActive ? \"Disable channel\" : \"Enable channel\"}\n                      className=\"inline-flex items-center gap-1 rounded-md border border-border-seam bg-bg-surface px-2 py-1 text-xs text-text-secondary hover:bg-bg-sunken/50 disabled:opacity-50\"\n                    >\n                      <Power className=\"h-3.5 w-3.5\" />\n                      {isActive ? \"Disable\" : \"Enable\"}\n                    </button>\n                    <div className=\"ml-auto flex items-center gap-1\">\n                      <button\n                        type=\"button\"\n                        onClick={() => openEdit(channel)}\n                        title=\"Edit channel\"\n                        className=\"inline-flex items-center rounded-md border border-border-seam bg-bg-surface p-1.5 text-text-secondary hover:bg-bg-sunken/50\"\n                      >\n                        <Pencil className=\"h-3.5 w-3.5\" />\n                      </button>\n                      <button\n                        type=\"button\"\n                        onClick={() => setDeleteTarget(channel)}\n                        title=\"Delete channel\"\n                        className=\"inline-flex items-center rounded-md border border-border-seam bg-bg-surface p-1.5 text-status-error-text hover:bg-status-error-bg\"\n                      >\n                        <Trash2 className=\"h-3.5 w-3.5\" />\n                      </button>\n                    </div>\n                  </div>\n                </GlassCard>\n              );\n            })}\n          </div>\n\n          {canLoadMore && channels.length >= PAGE_SIZE && (\n            <div className=\"mt-4 flex justify-center\">\n              <button\n                onClick={handleLoadMore}\n                disabled={loadingMore}\n                className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50\"\n              >\n                {loadingMore ? \"Loading...\" : \"Load more\"}\n              </button>\n            </div>\n          )}\n        </>\n      )}\n\n      <Modal\n        open={formOpen}\n        onClose={closeForm}\n        title={editing ? \"Edit Channel\" : \"Add Channel\"}\n        description={\n          editing\n            ? \"Update this channel's configuration.\"\n            : \"Connect a new tracking channel to feed time into TimeCampus.\"\n        }\n        footer={\n          <>\n            <button\n              onClick={closeForm}\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              onClick={handleSubmit}\n              disabled={creating || updating || !form.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 || updating\n                ? \"Saving...\"\n                : editing\n                  ? \"Save Changes\"\n                  : \"Add Channel\"}\n            </button>\n          </>\n        }\n      >\n        <div className=\"space-y-4\">\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Name\n            </label>\n            <input\n              type=\"text\"\n              placeholder=\"e.g. Google Calendar\"\n              value={form.name}\n              onChange={(e) => setForm({ ...form, name: e.target.value })}\n              className={inputClass}\n            />\n          </div>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary\">\n                Type\n              </label>\n              <select\n                value={form.type}\n                onChange={(e) =>\n                  setForm({\n                    ...form,\n                    type: e.target.value as TimeCampusChannelType,\n                  })\n                }\n                className={inputClass}\n              >\n                {CHANNEL_TYPE_OPTIONS.map((opt) => (\n                  <option key={opt.value} value={opt.value}>\n                    {opt.label}\n                  </option>\n                ))}\n              </select>\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary\">\n                Sync Interval (seconds)\n              </label>\n              <input\n                type=\"number\"\n                min={0}\n                placeholder=\"e.g. 300\"\n                value={form.syncInterval}\n                onChange={(e) =>\n                  setForm({ ...form, syncInterval: e.target.value })\n                }\n                className={inputClass}\n              />\n            </div>\n          </div>\n        </div>\n      </Modal>\n\n      <Modal\n        open={deleteTarget !== null}\n        onClose={() => setDeleteTarget(null)}\n        title=\"Delete channel?\"\n        description={\n          deleteTarget\n            ? `\"${deleteTarget.name}\" will be removed. This cannot be undone.`\n            : undefined\n        }\n        size=\"sm\"\n        footer={\n          <>\n            <button\n              onClick={() => setDeleteTarget(null)}\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              onClick={handleDelete}\n              disabled={deleting}\n              className=\"rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/80 disabled:opacity-50\"\n            >\n              {deleting ? \"Deleting...\" : \"Delete\"}\n            </button>\n          </>\n        }\n      >\n        <p className=\"text-sm text-text-secondary\">\n          Deleting a channel stops it from feeding new time into TimeCampus.\n          Previously captured entries are kept.\n        </p>\n      </Modal>\n\n      <ToastContainer toasts={toasts} onDismiss={dismissToast} />\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AA6BA,IAAM,IAAY,IAEZ,KACJ;CACE;EAAE,OAAO,EAAsB;EAAU,OAAO;EAAY;CAC5D;EAAE,OAAO,EAAsB;EAAS,OAAO;EAAW;CAC1D;EAAE,OAAO,EAAsB;EAAS,OAAO;EAAW;CAC1D;EAAE,OAAO,EAAsB;EAAQ,OAAO;EAAU;CACxD;EAAE,OAAO,EAAsB;EAAK,OAAO;EAAO;CAClD;EAAE,OAAO,EAAsB;EAAK,OAAO;EAAO;CAClD;EAAE,OAAO,EAAsB;EAAK,OAAO;EAAO;CAClD;EAAE,OAAO,EAAsB;EAAQ,OAAO;EAAU;CACzD,EAEG,IACJ;AAGF,SAAS,GAAe,GAAiC;AACvD,KAAI,KAAW,QAAQ,KAAW,EAAG,QAAO;AAC5C,KAAI,IAAU,QAAS,GAAG;EACxB,IAAM,IAAI,IAAU;AACpB,SAAO,SAAS,EAAE,OAAO,IAAI,IAAI,MAAM;;AAMzC,QAJI,IAAU,MAAO,IAEZ,SADG,IAAU,GACF,QAEb,SAAS,EAAQ;;AAK1B,IAAM,KAA4C;CAChD,SAAS;CACT,UAAU;CACV,SAAS;CACV,EAEK,KAA8C;CAClD,SAAS;CACT,UAAU;CACV,SAAS;CACV,EAQK,IAA8B;CAClC,MAAM;CACN,MAAM,EAAsB;CAC5B,cAAc;CACf;AAED,SAAgB,IAAe;CAC7B,IAAM,EAAE,WAAQ,aAAU,qBAAiB,IAAU,EAE/C,EACJ,MAAM,IACN,SAAS,GACT,OAAO,GACP,YACA,iBACE,EAA2B;EAC7B,WAAW;GAAE,OAAO;GAAW,QAAQ;GAAG;EAC1C,6BAA6B;EAC9B,CAAC,EACI,EAAE,MAAM,MAAiB,GAA6B,EAEtD,CAAC,GAAe,EAAE,SAAS,OAC/B,GAAgC,EAC5B,CAAC,GAAe,EAAE,SAAS,OAC/B,IAAgC,EAC5B,CAAC,GAAe,EAAE,SAAS,OAC/B,GAAgC,EAC5B,CAAC,GAAe,EAAE,SAAS,OAAc,IAA0B,EACnE,CAAC,GAAa,EAAE,SAAS,OAAa,GAAwB,EAE9D,IAAW,IAAa,kBAAkB,EAAE,EAC5C,KAAW,GAAc,mBAAmB,EAAE,EAE9C,CAAC,GAAa,KAAkB,EAAS,GAAM,EAC/C,CAAC,IAAa,MAAkB,EAAS,GAAK,EAG9C,CAAC,IAAU,KAAe,EAAS,GAAM,EACzC,CAAC,GAAS,KAAc,EAC5B,KACD,EACK,CAAC,GAAM,KAAW,EAA2B,EAAU,EAGvD,CAAC,GAAc,KACnB,EAA6C,KAAK,EAG9C,CAAC,IAAQ,KAAa,EAAwB,KAAK,EAWnD,KAAY,IAAI,IACpB,GAAS,KAAK,MAAyB,CAAC,EAAE,WAAW,EAAE,CAAC,CACzD,EAEK,WAAmB;AAGvB,EAFA,EAAW,KAAK,EAChB,EAAQ,EAAU,EAClB,EAAY,GAAK;IAGb,MAAY,MAAyC;AAWzD,EAVA,EAAW,EAAQ,EACnB,EAAQ;GACN,MAAM,EAAQ;GACd,MACG,OAAO,OAAO,EAAsB,CAAC,MACnC,MAAM,MAAM,EAAQ,KACtB,IAA0C,EAAsB;GACnE,cACE,EAAQ,gBAAgB,OAAsC,KAA/B,OAAO,EAAQ,aAAa;GAC9D,CAAC,EACF,EAAY,GAAK;IAGb,UAAkB;AAEtB,EADA,EAAY,GAAM,EAClB,EAAW,KAAK;IAGZ,IAAe,YAAY;AAC/B,MAAI,CAAC,EAAK,KAAK,MAAM,CAAE;EACvB,IAAM,IAAe,EAAK,eACtB,OAAO,EAAK,aAAa,GACzB,KAAA;AACJ,MAAI;AA2BF,GA1BI,KACF,MAAM,EAAc,EAClB,WAAW;IACT,IAAI,EAAQ;IACZ,OAAO;KACL,MAAM,EAAK,KAAK,MAAM;KACtB,MAAM,EAAK;KACX;KACD;IACF,EACF,CAAC,EACF,EAAS;IAAE,OAAO;IAAmB,SAAS;IAAW,CAAC,KAE1D,MAAM,EAAc,EAClB,WAAW,EACT,OAAO;IACL,MAAM,EAAK,KAAK,MAAM;IACtB,MAAM,EAAK;IACX;IACA,QAAQ,EAAc;IACvB,EACF,EACF,CAAC,EACF,EAAS;IAAE,OAAO;IAAiB,SAAS;IAAW,CAAC,GAE1D,GAAW,EACX,MAAM,GAAS;UACT;AACN,KAAS;IACP,OAAO,IAAU,6BAA6B;IAC9C,SAAS;IACV,CAAC;;IAIA,KAAe,YAAY;AAC1B,QACL,KAAI;AAIF,GAHA,MAAM,EAAc,EAAE,WAAW,EAAE,IAAI,EAAa,IAAI,EAAE,CAAC,EAC3D,EAAS;IAAE,OAAO;IAAmB,SAAS;IAAW,CAAC,EAC1D,EAAgB,KAAK,EACrB,MAAM,GAAS;UACT;AACN,KAAS;IAAE,OAAO;IAA4B,SAAS;IAAS,CAAC;;IAI/D,KAAe,OAAO,MAAyC;EACnE,IAAM,IAAW,EAAQ,OAAO,aAAa,KAAK;AAClD,IAAU,EAAQ,GAAG;AACrB,MAAI;AAWF,GAVA,MAAM,EAAc,EAClB,WAAW;IACT,IAAI,EAAQ;IACZ,QAAQ,IAAW,EAAc,WAAW,EAAc;IAC3D,EACF,CAAC,EACF,EAAS;IACP,OAAO,IAAW,qBAAqB;IACvC,SAAS;IACV,CAAC,EACF,MAAM,GAAS;UACT;AACN,KAAS;IAAE,OAAO;IAA4B,SAAS;IAAS,CAAC;YACzD;AACR,KAAU,KAAK;;IAIb,KAAa,OAAO,MAAyC;AACjE,IAAU,EAAQ,GAAG;AACrB,MAAI;AAGF,GAFA,MAAM,EAAY,EAAE,WAAW,EAAE,IAAI,EAAQ,IAAI,EAAE,CAAC,EACpD,EAAS;IAAE,OAAO;IAAgB,SAAS;IAAW,CAAC,EACvD,MAAM,GAAS;UACT;AACN,KAAS;IAAE,OAAO;IAA0B,SAAS;IAAS,CAAC;YACvD;AACR,KAAU,KAAK;;IAIb,KAAiB,YAAY;AACjC,IAAe,GAAK;AACpB,MAAI;AAcF,KAbY,MAAM,EAAU;IAC1B,WAAW;KAAE,OAAO;KAAW,QAAQ,EAAS;KAAQ;IACxD,cAAc,GAAM,EAAE,yBACf,IACE;KACL,GAAG;KACH,gBAAgB,CACd,GAAG,EAAK,gBACR,GAAG,EAAgB,eACpB;KACF,GAP4B;IAShC,CAAC,EACO,MAAM,gBAAgB,UAAU,KAAK,KAC5C,GAAe,GAAM;YAEf;AACR,KAAe,GAAM;;;AAIzB,KAAI,KAAkB,EAAS,WAAW,EACxC,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA;AAIjB,KAAI,EACF,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAoG;GAE7G,CAAA;EACK,CAAA;CAIjB,IAAM,IACJ,kBAAC,UAAD;EACE,SAAS;EACT,WAAU;YAFZ,CAIE,kBAAC,IAAD,EAAM,WAAU,WAAY,CAAA,EAAA,cAErB;;AAGX,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;EACR,SAAS;YAJX;GAMG,EAAS,WAAW,IACnB,kBAAC,IAAD;IACE,cAAa;IACb,OAAM;IACN,aAAY;IACZ,QAAQ;IACR,CAAA,GAEF,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAS,KAAK,MAAyC;KACtD,IAAM,IAAa,GAAU,IAAI,EAAQ,GAAG,EACtC,IAAW,EAAQ,OAAO,aAAa,KAAK,UAC5C,IAAW,EAAQ,WACrB,IAAI,KAAK,EAAQ,SAAS,CAAC,gBAAgB,GAC3C,SACE,IAAwB,IAC1B,EAAW,YACT,YACA,aACF,WACE,IAAU,OAAW,EAAQ;AAEnC,YACE,kBAAC,IAAD;MAEE,WAAU;MACV,WAAU;gBAHZ;OAKE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,OAAD;UAAK,WAAU;oBACZ,IACC,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,GAE5B,kBAAC,GAAD,EAAS,WAAU,+BAAgC,CAAA;UAEjD,CAAA,EACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,KAAD;WAAG,WAAU;qBACV,EAAQ;WACP,CAAA,EACJ,kBAAC,KAAD;WAAG,WAAU;qBACV,EAAQ;WACP,CAAA,CACA;YACF;YACN,kBAAC,IAAD;SACE,OAAO,EAAQ;SACf,QAAQ,EAAQ,OAAO,aAAa;SACpC,KAAA;SACA,CAAA,CACE;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,QAAD;WACE,WAAW,iCAAiC,GAAW;WACvD,eAAY;WACZ,CAAA,EACF,kBAAC,QAAD;WAAM,WAAU;qBACb,GAAa;WACT,CAAA,CACH;;SACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,QAAD;WAAM,WAAU;qBAAsB;WAAgB,CAAA,EACtD,kBAAC,QAAD;WAAM,WAAU;qBACb;WACI,CAAA,CACH;;SACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,QAAD;WAAM,WAAU;qBAAsB;WAAe,CAAA,EACrD,kBAAC,QAAD;WAAM,WAAU;qBACb,GAAe,EAAQ,aAAa;WAChC,CAAA,CACH;;SACF;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,UAAD;UACE,MAAK;UACL,UAAU,KAAW;UACrB,eAAe,GAAW,EAAQ;UAClC,OAAM;UACN,WAAU;oBALZ,CAOE,kBAAC,GAAD,EACE,WAAW,eAAe,KAAW,IAAU,iBAAiB,MAChE,CAAA,EAAA,OAEK;;SACT,kBAAC,UAAD;UACE,MAAK;UACL,UAAU,KAAW;UACrB,eAAe,GAAa,EAAQ;UACpC,OAAO,IAAW,oBAAoB;UACtC,WAAU;oBALZ,CAOE,kBAAC,GAAD,EAAO,WAAU,eAAgB,CAAA,EAChC,IAAW,YAAY,SACjB;;SACT,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,UAAD;WACE,MAAK;WACL,eAAe,GAAS,EAAQ;WAChC,OAAM;WACN,WAAU;qBAEV,kBAAC,IAAD,EAAQ,WAAU,eAAgB,CAAA;WAC3B,CAAA,EACT,kBAAC,UAAD;WACE,MAAK;WACL,eAAe,EAAgB,EAAQ;WACvC,OAAM;WACN,WAAU;qBAEV,kBAAC,GAAD,EAAQ,WAAU,eAAgB,CAAA;WAC3B,CAAA,CACL;;SACF;;OACI;QA7FL,EAAQ,GA6FH;MAEd;IACE,CAAA,EAEL,MAAe,EAAS,UAAU,KACjC,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,UAAD;KACE,SAAS;KACT,UAAU;KACV,WAAU;eAET,IAAc,eAAe;KACvB,CAAA;IACL,CAAA,CAEP,EAAA,CAAA;GAGL,kBAAC,GAAD;IACE,MAAM;IACN,SAAS;IACT,OAAO,IAAU,iBAAiB;IAClC,aACE,IACI,yCACA;IAEN,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;KACE,SAAS;KACT,WAAU;eACX;KAEQ,CAAA,EACT,kBAAC,UAAD;KACE,SAAS;KACT,UAAU,KAAY,KAAY,CAAC,EAAK,KAAK,MAAM;KACnD,WAAU;eAET,KAAY,IACT,cACA,IACE,iBACA;KACC,CAAA,CACR,EAAA,CAAA;cAGL,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;gBAA8C;MAEvD,CAAA,EACR,kBAAC,SAAD;MACE,MAAK;MACL,aAAY;MACZ,OAAO,EAAK;MACZ,WAAW,MAAM,EAAQ;OAAE,GAAG;OAAM,MAAM,EAAE,OAAO;OAAO,CAAC;MAC3D,WAAW;MACX,CAAA,CACE,EAAA,CAAA,EACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,WAAU;iBAA8C;OAEvD,CAAA,EACR,kBAAC,UAAD;OACE,OAAO,EAAK;OACZ,WAAW,MACT,EAAQ;QACN,GAAG;QACH,MAAM,EAAE,OAAO;QAChB,CAAC;OAEJ,WAAW;iBAEV,GAAqB,KAAK,MACzB,kBAAC,UAAD;QAAwB,OAAO,EAAI;kBAChC,EAAI;QACE,EAFI,EAAI,MAER,CACT;OACK,CAAA,CACL,EAAA,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,WAAU;iBAA8C;OAEvD,CAAA,EACR,kBAAC,SAAD;OACE,MAAK;OACL,KAAK;OACL,aAAY;OACZ,OAAO,EAAK;OACZ,WAAW,MACT,EAAQ;QAAE,GAAG;QAAM,cAAc,EAAE,OAAO;QAAO,CAAC;OAEpD,WAAW;OACX,CAAA,CACE,EAAA,CAAA,CACF;QACF;;IACA,CAAA;GAER,kBAAC,GAAD;IACE,MAAM,MAAiB;IACvB,eAAe,EAAgB,KAAK;IACpC,OAAM;IACN,aACE,IACI,IAAI,EAAa,KAAK,6CACtB,KAAA;IAEN,MAAK;IACL,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;KACE,eAAe,EAAgB,KAAK;KACpC,WAAU;eACX;KAEQ,CAAA,EACT,kBAAC,UAAD;KACE,SAAS;KACT,UAAU;KACV,WAAU;eAET,IAAW,gBAAgB;KACrB,CAAA,CACR,EAAA,CAAA;cAGL,kBAAC,KAAD;KAAG,WAAU;eAA8B;KAGvC,CAAA;IACE,CAAA;GAER,kBAAC,GAAD;IAAwB;IAAQ,WAAW;IAAgB,CAAA;GAChD"}

package/dist/timecampus/pages/email-tracking/EmailSettingsPage.js

@@ -1,142 +0,0 @@
-import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
-import { LoadingSkeleton as t } from "../../components/LoadingSkeleton.js";
-import { useListConfigurationsQuery as n, useSetConfigurationMutation as r } from "../../../generated/wspace-operations.js";
-import { PageLayout as i } from "../../components/PageLayout.js";
-import { useCallback as a, useEffect as o, useState as s } from "react";
-import { Settings as c } from "lucide-react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { GlassCard as d } from "@burdenoff/fe-libs/ui";
-//#region src/timecampus/pages/email-tracking/EmailSettingsPage.tsx
-var f = "timecampus.email.settings", p = {
-	autoTrack: !0,
-	categorizeByProject: !0,
-	responseTimeAlerts: !1
-};
-function m() {
-	let { workspaceId: m = "" } = e(), { data: h, loading: g, error: _ } = n({
-		variables: {
-			scope: "WORKSPACE",
-			limit: 100
-		},
-		skip: !m
-	}), [v, { loading: y }] = r(), [b, x] = s(p);
-	o(() => {
-		if (h?.configurations) {
-			let e = h.configurations.find((e) => e.key === f);
-			if (e?.value) {
-				let t = e.value;
-				x({
-					autoTrack: t.autoTrack ?? p.autoTrack,
-					categorizeByProject: t.categorizeByProject ?? p.categorizeByProject,
-					responseTimeAlerts: t.responseTimeAlerts ?? p.responseTimeAlerts
-				});
-			}
-		}
-	}, [h]);
-	let S = a(async () => {
-		await v({ variables: { input: {
-			key: f,
-			value: b,
-			description: "Email tracking settings",
-			scope: "WORKSPACE"
-		} } });
-	}, [v, b]);
-	return g ? /* @__PURE__ */ l(i, {
-		title: "Email Settings",
-		description: "Configure email tracking preferences",
-		children: /* @__PURE__ */ l(t, { variant: "detail" })
-	}) : _ ? /* @__PURE__ */ l(i, {
-		title: "Email Settings",
-		description: "Configure email tracking preferences",
-		children: /* @__PURE__ */ l("div", {
-			className: "rounded-xl border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text",
-			children: "Failed to load settings. Please try again later."
-		})
-	}) : /* @__PURE__ */ l(i, {
-		title: "Email Settings",
-		description: "Configure email tracking preferences",
-		purpose: "Control how email time is captured and attributed — auto-track reading and replies, tie messages to the right project, and get nudged about slow responses — so email effort shows up in your reports.",
-		children: /* @__PURE__ */ u("div", {
-			className: "mx-auto max-w-2xl space-y-6",
-			children: [/* @__PURE__ */ u(d, {
-				treatment: "glass",
-				glow: !0,
-				className: "p-6",
-				children: [/* @__PURE__ */ u("h3", {
-					className: "mb-4 flex items-center gap-2 text-sm font-semibold text-text-primary",
-					children: [/* @__PURE__ */ l(c, { className: "h-4 w-4" }), "Tracking Configuration"]
-				}), /* @__PURE__ */ u("div", {
-					className: "space-y-3",
-					children: [
-						/* @__PURE__ */ u("label", {
-							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("span", {
-								className: "text-sm font-medium text-text-primary",
-								children: "Auto-track emails"
-							}), /* @__PURE__ */ l("p", {
-								className: "text-xs text-text-secondary",
-								children: "Automatically track time spent reading and responding"
-							})] }), /* @__PURE__ */ l("input", {
-								type: "checkbox",
-								checked: b.autoTrack,
-								onChange: (e) => x((t) => ({
-									...t,
-									autoTrack: e.target.checked
-								})),
-								className: "h-4 w-4 rounded border-border-subtle"
-							})]
-						}),
-						/* @__PURE__ */ u("label", {
-							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("span", {
-								className: "text-sm font-medium text-text-primary",
-								children: "Categorize by project"
-							}), /* @__PURE__ */ l("p", {
-								className: "text-xs text-text-secondary",
-								children: "Link emails to projects automatically"
-							})] }), /* @__PURE__ */ l("input", {
-								type: "checkbox",
-								checked: b.categorizeByProject,
-								onChange: (e) => x((t) => ({
-									...t,
-									categorizeByProject: e.target.checked
-								})),
-								className: "h-4 w-4 rounded border-border-subtle"
-							})]
-						}),
-						/* @__PURE__ */ u("label", {
-							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("span", {
-								className: "text-sm font-medium text-text-primary",
-								children: "Response time alerts"
-							}), /* @__PURE__ */ l("p", {
-								className: "text-xs text-text-secondary",
-								children: "Notify when response time exceeds threshold"
-							})] }), /* @__PURE__ */ l("input", {
-								type: "checkbox",
-								checked: b.responseTimeAlerts,
-								onChange: (e) => x((t) => ({
-									...t,
-									responseTimeAlerts: e.target.checked
-								})),
-								className: "h-4 w-4 rounded border-border-subtle"
-							})]
-						})
-					]
-				})]
-			}), /* @__PURE__ */ l("div", {
-				className: "flex justify-end",
-				children: /* @__PURE__ */ l("button", {
-					onClick: S,
-					disabled: y,
-					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: y ? "Saving..." : "Save Settings"
-				})
-			})]
-		})
-	});
-}
-//#endregion
-export { m as EmailSettingsPage };
-
-//# sourceMappingURL=EmailSettingsPage.js.map

package/dist/timecampus/pages/email-tracking/EmailSettingsPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmailSettingsPage.js","names":[],"sources":["../../../../src/timecampus/pages/email-tracking/EmailSettingsPage.tsx"],"sourcesContent":["import { useState, useEffect, useCallback } from \"react\";\nimport { Settings } from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListConfigurationsQuery,\n  useSetConfigurationMutation,\n  type ConfigurationFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nconst EMAIL_SETTINGS_KEY = \"timecampus.email.settings\";\n\ninterface EmailSettings {\n  autoTrack: boolean;\n  categorizeByProject: boolean;\n  responseTimeAlerts: boolean;\n}\n\nconst DEFAULT_SETTINGS: EmailSettings = {\n  autoTrack: true,\n  categorizeByProject: true,\n  responseTimeAlerts: false,\n};\n\nexport function EmailSettingsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n  const { data, loading, error } = useListConfigurationsQuery({\n    variables: { scope: \"WORKSPACE\" as never, limit: 100 },\n    skip: !workspaceId,\n  });\n\n  const [setConfiguration, { loading: saving }] = useSetConfigurationMutation();\n  const [settings, setSettings] = useState<EmailSettings>(DEFAULT_SETTINGS);\n\n  useEffect(() => {\n    if (data?.configurations) {\n      const emailConfig = data.configurations.find(\n        (c: ConfigurationFieldsFragment) => c.key === EMAIL_SETTINGS_KEY,\n      );\n      if (emailConfig?.value) {\n        const val = emailConfig.value as Partial<EmailSettings>;\n        setSettings({\n          autoTrack: val.autoTrack ?? DEFAULT_SETTINGS.autoTrack,\n          categorizeByProject:\n            val.categorizeByProject ?? DEFAULT_SETTINGS.categorizeByProject,\n          responseTimeAlerts:\n            val.responseTimeAlerts ?? DEFAULT_SETTINGS.responseTimeAlerts,\n        });\n      }\n    }\n  }, [data]);\n\n  const handleSave = useCallback(async () => {\n    await setConfiguration({\n      variables: {\n        input: {\n          key: EMAIL_SETTINGS_KEY,\n          value: settings as unknown as Record<string, unknown>,\n          description: \"Email tracking settings\",\n          scope: \"WORKSPACE\" as never,\n        },\n      },\n    });\n  }, [setConfiguration, settings]);\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Email Settings\"\n        description=\"Configure email tracking preferences\"\n      >\n        <LoadingSkeleton variant=\"detail\" />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Email Settings\"\n        description=\"Configure email tracking preferences\"\n      >\n        <div className=\"rounded-xl border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text\">\n          Failed to load settings. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Email Settings\"\n      description=\"Configure email tracking preferences\"\n      purpose=\"Control how email time is captured and attributed — auto-track reading and replies, tie messages to the right project, and get nudged about slow responses — so email effort shows up in your reports.\"\n    >\n      <div className=\"mx-auto max-w-2xl space-y-6\">\n        <GlassCard treatment=\"glass\" glow className=\"p-6\">\n          <h3 className=\"mb-4 flex items-center gap-2 text-sm font-semibold text-text-primary\">\n            <Settings className=\"h-4 w-4\" />\n            Tracking Configuration\n          </h3>\n          <div className=\"space-y-3\">\n            <label className=\"flex items-center justify-between\">\n              <div>\n                <span className=\"text-sm font-medium text-text-primary\">\n                  Auto-track emails\n                </span>\n                <p className=\"text-xs text-text-secondary\">\n                  Automatically track time spent reading and responding\n                </p>\n              </div>\n              <input\n                type=\"checkbox\"\n                checked={settings.autoTrack}\n                onChange={(e) =>\n                  setSettings((s) => ({ ...s, autoTrack: e.target.checked }))\n                }\n                className=\"h-4 w-4 rounded border-border-subtle\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <div>\n                <span className=\"text-sm font-medium text-text-primary\">\n                  Categorize by project\n                </span>\n                <p className=\"text-xs text-text-secondary\">\n                  Link emails to projects automatically\n                </p>\n              </div>\n              <input\n                type=\"checkbox\"\n                checked={settings.categorizeByProject}\n                onChange={(e) =>\n                  setSettings((s) => ({\n                    ...s,\n                    categorizeByProject: e.target.checked,\n                  }))\n                }\n                className=\"h-4 w-4 rounded border-border-subtle\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <div>\n                <span className=\"text-sm font-medium text-text-primary\">\n                  Response time alerts\n                </span>\n                <p className=\"text-xs text-text-secondary\">\n                  Notify when response time exceeds threshold\n                </p>\n              </div>\n              <input\n                type=\"checkbox\"\n                checked={settings.responseTimeAlerts}\n                onChange={(e) =>\n                  setSettings((s) => ({\n                    ...s,\n                    responseTimeAlerts: e.target.checked,\n                  }))\n                }\n                className=\"h-4 w-4 rounded border-border-subtle\"\n              />\n            </label>\n          </div>\n        </GlassCard>\n        <div className=\"flex justify-end\">\n          <button\n            onClick={handleSave}\n            disabled={saving}\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            {saving ? \"Saving...\" : \"Save Settings\"}\n          </button>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}