npm - @burdenoff/microfe-timecampus - Versions diffs - 2026.703.7 → 2026.707.1 - Mend

@burdenoff/microfe-timecampus 2026.703.7 → 2026.707.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (66) hide show

package/dist/timecampus/pages/application-usage/ApplicationUsageSettingsPage.js DELETED Viewed

@@ -1,133 +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/application-usage/ApplicationUsageSettingsPage.tsx
-var f = "timecampus.appusage.settings", p = {
-	trackActiveApplications: !0,
-	trackBrowserTabs: !0,
-	distractionAlerts: !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({
-					trackActiveApplications: t.trackActiveApplications ?? p.trackActiveApplications,
-					trackBrowserTabs: t.trackBrowserTabs ?? p.trackBrowserTabs,
-					distractionAlerts: t.distractionAlerts ?? p.distractionAlerts
-				});
-			}
-		}
-	}, [h]);
-	let S = a(async () => {
-		await v({ variables: { input: {
-			key: f,
-			value: b,
-			description: "Application usage tracking settings",
-			scope: "WORKSPACE"
-		} } });
-	}, [v, b]);
-	return g ? /* @__PURE__ */ l(i, {
-		title: "App Usage Settings",
-		description: "Configure application tracking",
-		children: /* @__PURE__ */ l(t, { variant: "detail" })
-	}) : _ ? /* @__PURE__ */ l(i, {
-		title: "App Usage Settings",
-		description: "Configure application tracking",
-		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: "App Usage Settings",
-		description: "Configure application tracking",
-		purpose: "Decide which apps and browser activity TimeCampus watches and when it warns you about distractions — control the trade-off between richer focus insights and your privacy.",
-		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__ */ l("span", {
-								className: "text-sm text-text-primary",
-								children: "Track active applications"
-							}), /* @__PURE__ */ l("input", {
-								type: "checkbox",
-								checked: b.trackActiveApplications,
-								onChange: (e) => x((t) => ({
-									...t,
-									trackActiveApplications: e.target.checked
-								})),
-								className: "h-4 w-4 rounded border-border-subtle"
-							})]
-						}),
-						/* @__PURE__ */ u("label", {
-							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ l("span", {
-								className: "text-sm text-text-primary",
-								children: "Track browser tabs"
-							}), /* @__PURE__ */ l("input", {
-								type: "checkbox",
-								checked: b.trackBrowserTabs,
-								onChange: (e) => x((t) => ({
-									...t,
-									trackBrowserTabs: e.target.checked
-								})),
-								className: "h-4 w-4 rounded border-border-subtle"
-							})]
-						}),
-						/* @__PURE__ */ u("label", {
-							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ l("span", {
-								className: "text-sm text-text-primary",
-								children: "Distraction alerts"
-							}), /* @__PURE__ */ l("input", {
-								type: "checkbox",
-								checked: b.distractionAlerts,
-								onChange: (e) => x((t) => ({
-									...t,
-									distractionAlerts: 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 ApplicationUsageSettingsPage };
-//# sourceMappingURL=ApplicationUsageSettingsPage.js.map

package/dist/timecampus/pages/application-usage/ApplicationUsageSettingsPage.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"ApplicationUsageSettingsPage.js","names":[],"sources":["../../../../src/timecampus/pages/application-usage/ApplicationUsageSettingsPage.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 APP_USAGE_SETTINGS_KEY = \"timecampus.appusage.settings\";\n\ninterface AppUsageSettings {\n trackActiveApplications: boolean;\n trackBrowserTabs: boolean;\n distractionAlerts: boolean;\n}\n\nconst DEFAULT_SETTINGS: AppUsageSettings = {\n trackActiveApplications: true,\n trackBrowserTabs: true,\n distractionAlerts: false,\n};\n\nexport function ApplicationUsageSettingsPage() {\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<AppUsageSettings>(DEFAULT_SETTINGS);\n\n useEffect(() => {\n if (data?.configurations) {\n const config = data.configurations.find(\n (c: ConfigurationFieldsFragment) => c.key === APP_USAGE_SETTINGS_KEY,\n );\n if (config?.value) {\n const val = config.value as Partial<AppUsageSettings>;\n setSettings({\n trackActiveApplications:\n val.trackActiveApplications ??\n DEFAULT_SETTINGS.trackActiveApplications,\n trackBrowserTabs:\n val.trackBrowserTabs ?? DEFAULT_SETTINGS.trackBrowserTabs,\n distractionAlerts:\n val.distractionAlerts ?? DEFAULT_SETTINGS.distractionAlerts,\n });\n }\n }\n }, [data]);\n\n const handleSave = useCallback(async () => {\n await setConfiguration({\n variables: {\n input: {\n key: APP_USAGE_SETTINGS_KEY,\n value: settings as unknown as Record<string, unknown>,\n description: \"Application usage tracking settings\",\n scope: \"WORKSPACE\" as never,\n },\n },\n });\n }, [setConfiguration, settings]);\n\n if (loading) {\n return (\n <PageLayout\n title=\"App Usage Settings\"\n description=\"Configure application tracking\"\n >\n <LoadingSkeleton variant=\"detail\" />\n </PageLayout>\n );\n }\n\n if (error) {\n return (\n <PageLayout\n title=\"App Usage Settings\"\n description=\"Configure application tracking\"\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=\"App Usage Settings\"\n description=\"Configure application tracking\"\n purpose=\"Decide which apps and browser activity TimeCampus watches and when it warns you about distractions — control the trade-off between richer focus insights and your privacy.\"\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 <span className=\"text-sm text-text-primary\">\n Track active applications\n </span>\n <input\n type=\"checkbox\"\n checked={settings.trackActiveApplications}\n onChange={(e) =>\n setSettings((s) => ({\n ...s,\n trackActiveApplications: 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 <span className=\"text-sm text-text-primary\">\n Track browser tabs\n </span>\n <input\n type=\"checkbox\"\n checked={settings.trackBrowserTabs}\n onChange={(e) =>\n setSettings((s) => ({\n ...s,\n trackBrowserTabs: 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 <span className=\"text-sm text-text-primary\">\n Distraction alerts\n </span>\n <input\n type=\"checkbox\"\n checked={settings.distractionAlerts}\n onChange={(e) =>\n setSettings((s) => ({\n ...s,\n distractionAlerts: 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":";;;;;;;;;AAYA,IAAM,IAAyB,gCAQzB,IAAqC;CACzC,yBAAyB;CACzB,kBAAkB;CAClB,mBAAmB;CACpB;AAED,SAAgB,IAA+B;CAC7C,IAAM,EAAE,iBAAc,OAAO,GAAe,EACtC,EAAE,SAAM,YAAS,aAAU,EAA2B;EAC1D,WAAW;GAAE,OAAO;GAAsB,OAAO;GAAK;EACtD,MAAM,CAAC;EACR,CAAC,EAEI,CAAC,GAAkB,EAAE,SAAS,OAAY,GAA6B,EACvE,CAAC,GAAU,KAAe,EAA2B,EAAiB;AAE5E,SAAgB;AACd,MAAI,GAAM,gBAAgB;GACxB,IAAM,IAAS,EAAK,eAAe,MAChC,MAAmC,EAAE,QAAQ,EAC/C;AACD,OAAI,GAAQ,OAAO;IACjB,IAAM,IAAM,EAAO;AACnB,MAAY;KACV,yBACE,EAAI,2BACJ,EAAiB;KACnB,kBACE,EAAI,oBAAoB,EAAiB;KAC3C,mBACE,EAAI,qBAAqB,EAAiB;KAC7C,CAAC;;;IAGL,CAAC,EAAK,CAAC;CAEV,IAAM,IAAa,EAAY,YAAY;AACzC,QAAM,EAAiB,EACrB,WAAW,EACT,OAAO;GACL,KAAK;GACL,OAAO;GACP,aAAa;GACb,OAAO;GACR,EACF,EACF,CAAC;IACD,CAAC,GAAkB,EAAS,CAAC;AA0BhC,QAxBI,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD,EAAiB,SAAQ,UAAW,CAAA;EACzB,CAAA,GAIb,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAA2G;GAEpH,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;YAER,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IAAW,WAAU;IAAQ,MAAA;IAAK,WAAU;cAA5C,CACE,kBAAC,MAAD;KAAI,WAAU;eAAd,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAAA,yBAE7B;QACL,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,QAAD;QAAM,WAAU;kBAA4B;QAErC,CAAA,EACP,kBAAC,SAAD;QACE,MAAK;QACL,SAAS,EAAS;QAClB,WAAW,MACT,GAAa,OAAO;SAClB,GAAG;SACH,yBAAyB,EAAE,OAAO;SACnC,EAAE;QAEL,WAAU;QACV,CAAA,CACI;;MACR,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,QAAD;QAAM,WAAU;kBAA4B;QAErC,CAAA,EACP,kBAAC,SAAD;QACE,MAAK;QACL,SAAS,EAAS;QAClB,WAAW,MACT,GAAa,OAAO;SAClB,GAAG;SACH,kBAAkB,EAAE,OAAO;SAC5B,EAAE;QAEL,WAAU;QACV,CAAA,CACI;;MACR,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,QAAD;QAAM,WAAU;kBAA4B;QAErC,CAAA,EACP,kBAAC,SAAD;QACE,MAAK;QACL,SAAS,EAAS;QAClB,WAAW,MACT,GAAa,OAAO;SAClB,GAAG;SACH,mBAAmB,EAAE,OAAO;SAC7B,EAAE;QAEL,WAAU;QACV,CAAA,CACI;;MACJ;OACI;OACZ,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,UAAD;KACE,SAAS;KACT,UAAU;KACV,WAAU;eAET,IAAS,cAAc;KACjB,CAAA;IACL,CAAA,CACF;;EACK,CAAA"}

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

@@ -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 DELETED Viewed

@@ -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":"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"}