@burdenoff/microfe-channel 2026.830.1 → 2026.1013.1

package/dist/channel/modules/channels/pages/ChannelSettingsPage.js

@@ -1,14 +1,14 @@
-import { PermissionGuard as e } from "../../../components/PermissionGuard.js";
-import { CHANNEL_PERMISSIONS as t } from "../../../constants/permissions.js";
-import { useChannelOrgSettings as n } from "../../../hooks/useChannelOrgSettings.js";
-import { useEffect as r, useRef as i, useState as a } from "react";
-import { useI18n as o } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as s, ArrowLeft as c, Bell as l, CheckCircle2 as u, Clock as d, Database as f, Loader2 as p, Save as m, Settings as h, Shield as g } from "lucide-react";
-import { useNavigate as _ } from "react-router";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { EmphasisPanel as b, GlassCard as x, PagePurpose as S, ShowMore as C } from "@burdenoff/fe-libs/ui";
+import { useTr as e } from "../../../hooks/useTr.js";
+import { PermissionGuard as t } from "../../../components/PermissionGuard.js";
+import { CHANNEL_PERMISSIONS as n } from "../../../constants/permissions.js";
+import { useChannelOrgSettings as r } from "../../../hooks/useChannelOrgSettings.js";
+import { useEffect as i, useMemo as a, useRef as o, useState as s } from "react";
+import { AlertCircle as c, ArrowLeft as l, Bell as u, CheckCircle2 as d, Clock as f, Database as p, Loader2 as m, Save as h, Settings as g, Shield as _ } from "lucide-react";
+import { useNavigate as v } from "react-router";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { EmphasisPanel as x, GlassCard as S, PagePurpose as C, ShowMore as w } from "@burdenoff/fe-libs/ui";
 //#region src/channel/modules/channels/pages/ChannelSettingsPage.tsx
-var w = {
+var T = {
 	defaultPriority: 2,
 	rateLimitPerMinute: 100,
 	rateLimitPerHour: 5e3,
@@ -17,82 +17,146 @@ var w = {
 	enableWebhookVerification: !0,
 	sessionTimeoutMinutes: 30
 };
-function T() {
-	let T = _(), { t: E } = o(), D = (e, t) => {
-		let n = E(e);
-		return n === e ? t : n;
-	}, { settings: O, isLoading: k, error: A, saveSettings: j } = n(), [M, N] = a(w), [P, F] = a(!1), [I, L] = a(!1), [R, z] = a(null), B = i(null);
-	r(() => {
-		let e = B;
+function E() {
+	let E = v(), D = e(), O = a(() => [
+		{
+			value: 0,
+			label: D("channel.priorityLabel.lowest", "0 - Lowest")
+		},
+		{
+			value: 1,
+			label: D("channel.priorityLabel.low", "1 - Low")
+		},
+		{
+			value: 2,
+			label: D("channel.priorityLabel.normal", "2 - Normal")
+		},
+		{
+			value: 3,
+			label: D("channel.priorityLabel.high", "3 - High")
+		},
+		{
+			value: 4,
+			label: D("channel.priorityLabel.highest", "4 - Highest")
+		}
+	], [D]), k = a(() => [
+		{
+			value: 1,
+			label: D("channel.duration.oneMinute", "1 minute")
+		},
+		{
+			value: 5,
+			label: D("channel.duration.fiveMinutes", "5 minutes")
+		},
+		{
+			value: 10,
+			label: D("channel.duration.tenMinutes", "10 minutes")
+		},
+		{
+			value: 15,
+			label: D("channel.duration.fifteenMinutes", "15 minutes")
+		},
+		{
+			value: 30,
+			label: D("channel.duration.thirtyMinutes", "30 minutes")
+		},
+		{
+			value: 60,
+			label: D("channel.duration.oneHour", "1 hour")
+		}
+	], [D]), A = a(() => [
+		{
+			value: 15,
+			label: D("channel.duration.fifteenMinutes", "15 minutes")
+		},
+		{
+			value: 30,
+			label: D("channel.duration.thirtyMinutes", "30 minutes")
+		},
+		{
+			value: 60,
+			label: D("channel.duration.oneHour", "1 hour")
+		},
+		{
+			value: 120,
+			label: D("channel.duration.twoHours", "2 hours")
+		},
+		{
+			value: 240,
+			label: D("channel.duration.fourHours", "4 hours")
+		}
+	], [D]), { settings: j, isLoading: M, error: N, saveSettings: P } = r(), [F, I] = s(T), [L, R] = s(!1), [z, B] = s(!1), [V, H] = s(null), U = o(null);
+	i(() => {
+		let e = U;
 		return () => {
 			e.current && clearTimeout(e.current);
 		};
 	}, []);
-	let V = i(null);
-	r(() => {
-		if (!O) return;
-		let e = `${O.organizationId}:${O.updatedAt}`;
-		e !== V.current && (V.current = e, Promise.resolve().then(() => {
-			N({
-				defaultPriority: O.defaultPriority,
-				rateLimitPerMinute: O.rateLimitPerMinute,
-				rateLimitPerHour: O.rateLimitPerHour,
-				healthCheckIntervalMinutes: O.healthCheckIntervalMinutes,
-				enableAuditLogging: O.enableAuditLogging,
-				enableWebhookVerification: O.enableWebhookVerification,
-				sessionTimeoutMinutes: O.sessionTimeoutMinutes
+	let W = o(null);
+	i(() => {
+		if (!j) return;
+		let e = `${j.organizationId}:${j.updatedAt}`;
+		e !== W.current && (W.current = e, Promise.resolve().then(() => {
+			I({
+				defaultPriority: j.defaultPriority,
+				rateLimitPerMinute: j.rateLimitPerMinute,
+				rateLimitPerHour: j.rateLimitPerHour,
+				healthCheckIntervalMinutes: j.healthCheckIntervalMinutes,
+				enableAuditLogging: j.enableAuditLogging,
+				enableWebhookVerification: j.enableWebhookVerification,
+				sessionTimeoutMinutes: j.sessionTimeoutMinutes
 			});
 		}));
-	}, [O]);
-	let H = async () => {
-		F(!0), z(null), L(!1);
+	}, [j]);
+	let G = async () => {
+		R(!0), H(null), B(!1);
 		try {
-			await j({
-				defaultPriority: M.defaultPriority,
-				rateLimitPerMinute: M.rateLimitPerMinute,
-				rateLimitPerHour: M.rateLimitPerHour,
-				healthCheckIntervalMinutes: M.healthCheckIntervalMinutes,
-				enableAuditLogging: M.enableAuditLogging,
-				enableWebhookVerification: M.enableWebhookVerification,
-				sessionTimeoutMinutes: M.sessionTimeoutMinutes
-			}) ? (L(!0), B.current && clearTimeout(B.current), B.current = setTimeout(() => L(!1), 3e3)) : z(D("channel.settingsSaveNotPersisted", "Settings could not be saved — organization context is unavailable."));
+			await P({
+				defaultPriority: F.defaultPriority,
+				rateLimitPerMinute: F.rateLimitPerMinute,
+				rateLimitPerHour: F.rateLimitPerHour,
+				healthCheckIntervalMinutes: F.healthCheckIntervalMinutes,
+				enableAuditLogging: F.enableAuditLogging,
+				enableWebhookVerification: F.enableWebhookVerification,
+				sessionTimeoutMinutes: F.sessionTimeoutMinutes
+			}) ? (B(!0), U.current && clearTimeout(U.current), U.current = setTimeout(() => B(!1), 3e3)) : H(D("channel.settingsSaveNotPersisted", "Settings could not be saved — organization context is unavailable."));
 		} catch (e) {
-			z(e instanceof Error ? e.message : "Failed to save settings");
+			H(e instanceof Error ? e.message : D("channel.settingsSaveFailed", "Failed to save settings"));
 		} finally {
-			F(!1);
+			R(!1);
 		}
-	}, U = (e, t) => {
-		N((n) => ({
+	}, K = (e, t) => {
+		I((n) => ({
 			...n,
 			[e]: t
 		}));
 	};
-	return /* @__PURE__ */ v(e, {
-		permission: t.CHANNEL_UPDATE,
-		children: /* @__PURE__ */ y("div", {
+	return /* @__PURE__ */ y(t, {
+		permission: n.CHANNEL_UPDATE,
+		children: /* @__PURE__ */ b("div", {
 			className: "min-h-screen bg-bg-surface",
-			children: [/* @__PURE__ */ v("div", {
+			children: [/* @__PURE__ */ y("div", {
 				className: "border-b bg-bg-surface",
-				children: /* @__PURE__ */ v("div", {
+				children: /* @__PURE__ */ y("div", {
 					className: "container mx-auto px-6 py-4",
-					children: /* @__PURE__ */ v("div", {
+					children: /* @__PURE__ */ y("div", {
 						className: "flex items-center justify-between",
-						children: /* @__PURE__ */ y("div", {
+						children: /* @__PURE__ */ b("div", {
 							className: "flex items-center gap-4",
-							children: [/* @__PURE__ */ v("button", {
+							children: [/* @__PURE__ */ y("button", {
 								type: "button",
-								onClick: () => T("./list"),
+								onClick: () => E("./list"),
 								className: "p-2 hover:bg-bg-sunken rounded-lg transition-colors",
-								children: /* @__PURE__ */ v(c, { className: "size-5 " })
-							}), /* @__PURE__ */ y("div", {
+								children: /* @__PURE__ */ y(l, { className: "size-5 " })
+							}), /* @__PURE__ */ b("div", {
 								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ y("div", {
 									className: "p-2 bg-action-primary-bg/10 rounded-lg",
-									children: /* @__PURE__ */ v(h, { className: "size-5 text-primary" })
-								}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h1", {
+									children: /* @__PURE__ */ y(g, { className: "size-5 text-primary" })
+								}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h1", {
 									className: "text-2xl font-bold",
 									children: D("channel.channelSettings", "Channel Settings")
-								}), /* @__PURE__ */ v("p", {
+								}), /* @__PURE__ */ y("p", {
 									className: "text-sm text-text-secondary",
 									children: D("channel.channelSettingsSubtitle", "Configure global channel preferences")
 								})] })]
@@ -100,115 +164,97 @@ function T() {
 						})
 					})
 				})
-			}), /* @__PURE__ */ y("div", {
+			}), /* @__PURE__ */ b("div", {
 				className: "container mx-auto px-6 py-8 max-w-2xl space-y-8",
 				children: [
-					/* @__PURE__ */ v(S, {
-						icon: /* @__PURE__ */ v(h, {
+					/* @__PURE__ */ y(C, {
+						icon: /* @__PURE__ */ y(g, {
 							size: 15,
 							"aria-hidden": "true"
 						}),
 						children: D("channel.settingsPurpose", "Organization-wide defaults that apply to every channel — how fast messages may go out (rate limits), the default priority for new channels, how often health checks run, and security policies like webhook signature verification and audit logging. Tune these to protect provider quotas, keep an audit trail, and set sensible defaults so each new channel starts configured the way you want.")
 					}),
-					k && /* @__PURE__ */ y("div", {
+					M && /* @__PURE__ */ b("div", {
 						className: "flex items-center gap-2 text-text-secondary",
-						children: [/* @__PURE__ */ v(p, { className: "size-4 animate-spin" }), /* @__PURE__ */ v("span", {
+						children: [/* @__PURE__ */ y(m, { className: "size-4 animate-spin" }), /* @__PURE__ */ y("span", {
 							className: "text-sm",
-							children: "Loading settings…"
+							children: D("channel.loadingSettings", "Loading settings…")
 						})]
 					}),
-					A && /* @__PURE__ */ y("div", {
+					N && /* @__PURE__ */ b("div", {
 						className: "p-4 rounded-lg bg-status-error-bg-subtle border border-status-error-border flex items-center gap-3",
-						children: [/* @__PURE__ */ v(s, { className: "size-5 text-status-error-text shrink-0" }), /* @__PURE__ */ v("p", {
+						children: [/* @__PURE__ */ y(c, { className: "size-5 text-status-error-text shrink-0" }), /* @__PURE__ */ y("p", {
 							className: "text-sm text-status-error-text",
 							children: D("channel.settingsLoadError", "Failed to load settings — saving is disabled to prevent overwriting existing configuration.")
 						})]
 					}),
-					I && /* @__PURE__ */ y("div", {
+					z && /* @__PURE__ */ b("div", {
 						className: "p-4 rounded-lg bg-status-success-bg-subtle border border-status-success-border flex items-center gap-3",
-						children: [/* @__PURE__ */ v(u, { className: "size-5 text-status-success-text shrink-0" }), /* @__PURE__ */ v("p", {
+						children: [/* @__PURE__ */ y(d, { className: "size-5 text-status-success-text shrink-0" }), /* @__PURE__ */ y("p", {
 							className: "text-sm text-status-success-text",
 							children: D("channel.settingsSaved", "Settings saved successfully")
 						})]
 					}),
-					R && /* @__PURE__ */ y("div", {
+					V && /* @__PURE__ */ b("div", {
 						className: "p-4 rounded-lg bg-status-error-bg/10 border border-status-error-border/20 flex items-center gap-3",
-						children: [/* @__PURE__ */ v(s, { className: "size-5 text-status-error-text shrink-0" }), /* @__PURE__ */ v("p", {
+						children: [/* @__PURE__ */ y(c, { className: "size-5 text-status-error-text shrink-0" }), /* @__PURE__ */ y("p", {
 							className: "text-sm text-status-error-text",
-							children: R
+							children: V
 						})]
 					}),
-					/* @__PURE__ */ y(b, {
+					/* @__PURE__ */ b(x, {
 						className: "space-y-4 p-6",
-						children: [/* @__PURE__ */ y("div", {
+						children: [/* @__PURE__ */ b("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ v(l, { className: "size-5 text-primary" }), /* @__PURE__ */ v("h2", {
+							children: [/* @__PURE__ */ y(u, { className: "size-5 text-primary" }), /* @__PURE__ */ y("h2", {
 								className: "text-lg font-semibold",
 								children: D("channel.deliverySettings", "Delivery Settings")
 							})]
-						}), /* @__PURE__ */ y("div", {
+						}), /* @__PURE__ */ b("div", {
 							className: "space-y-4",
-							children: [/* @__PURE__ */ y("div", { children: [
-								/* @__PURE__ */ v("label", {
+							children: [/* @__PURE__ */ b("div", { children: [
+								/* @__PURE__ */ y("label", {
 									className: "text-sm font-medium block mb-1",
 									children: D("channel.defaultPriority", "Default Priority")
 								}),
 								/* @__PURE__ */ y("select", {
-									value: M.defaultPriority,
-									onChange: (e) => U("defaultPriority", Number(e.target.value)),
+									value: F.defaultPriority,
+									onChange: (e) => K("defaultPriority", Number(e.target.value)),
 									className: "w-full px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary",
-									children: [
-										/* @__PURE__ */ v("option", {
-											value: 0,
-											children: "0 - Lowest"
-										}),
-										/* @__PURE__ */ v("option", {
-											value: 1,
-											children: "1 - Low"
-										}),
-										/* @__PURE__ */ v("option", {
-											value: 2,
-											children: "2 - Normal"
-										}),
-										/* @__PURE__ */ v("option", {
-											value: 3,
-											children: "3 - High"
-										}),
-										/* @__PURE__ */ v("option", {
-											value: 4,
-											children: "4 - Highest"
-										})
-									]
+									children: O.map((e) => /* @__PURE__ */ y("option", {
+										value: e.value,
+										children: e.label
+									}, e.value))
 								}),
-								/* @__PURE__ */ v("p", {
+								/* @__PURE__ */ y("p", {
 									className: "text-xs text-text-secondary mt-1",
-									children: "Priority used when creating new channels without explicit priority"
+									children: D("channel.defaultPriorityHint", "Priority used when creating new channels without explicit priority")
 								})
-							] }), /* @__PURE__ */ y("div", {
+							] }), /* @__PURE__ */ b("div", {
 								className: "grid grid-cols-2 gap-4",
-								children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+								children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
 									htmlFor: "channel-settings-rate-limit-min",
 									className: "text-sm font-medium block mb-1",
 									children: D("channel.rateLimitPerMin", "Rate Limit (per minute)")
-								}), /* @__PURE__ */ v("input", {
+								}), /* @__PURE__ */ y("input", {
 									id: "channel-settings-rate-limit-min",
 									"aria-label": D("channel.rateLimitPerMin", "Rate Limit (per minute)"),
 									type: "number",
-									value: M.rateLimitPerMinute,
-									onChange: (e) => U("rateLimitPerMinute", Number(e.target.value)),
+									value: F.rateLimitPerMinute,
+									onChange: (e) => K("rateLimitPerMinute", Number(e.target.value)),
 									min: 1,
 									max: 1e3,
 									className: "w-full px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary"
-								})] }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+								})] }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
 									htmlFor: "channel-settings-rate-limit-hour",
 									className: "text-sm font-medium block mb-1",
 									children: D("channel.rateLimitPerHour", "Rate Limit (per hour)")
-								}), /* @__PURE__ */ v("input", {
+								}), /* @__PURE__ */ y("input", {
 									id: "channel-settings-rate-limit-hour",
 									"aria-label": D("channel.rateLimitPerHour", "Rate Limit (per hour)"),
 									type: "number",
-									value: M.rateLimitPerHour,
-									onChange: (e) => U("rateLimitPerHour", Number(e.target.value)),
+									value: F.rateLimitPerHour,
+									onChange: (e) => K("rateLimitPerHour", Number(e.target.value)),
 									min: 1,
 									max: 5e4,
 									className: "w-full px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary"
@@ -216,211 +262,171 @@ function T() {
 							})]
 						})]
 					}),
-					/* @__PURE__ */ y(x, {
+					/* @__PURE__ */ b(S, {
 						treatment: "plain",
 						className: "border-border-seam p-6 space-y-4",
-						children: [/* @__PURE__ */ y("div", {
+						children: [/* @__PURE__ */ b("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ v(d, { className: "size-5 text-primary" }), /* @__PURE__ */ v("h2", {
+							children: [/* @__PURE__ */ y(f, { className: "size-5 text-primary" }), /* @__PURE__ */ y("h2", {
 								className: "text-lg font-semibold",
 								children: D("channel.healthMonitoring", "Health Monitoring")
 							})]
-						}), /* @__PURE__ */ y("div", { children: [
-							/* @__PURE__ */ v("label", {
+						}), /* @__PURE__ */ b("div", { children: [
+							/* @__PURE__ */ y("label", {
 								htmlFor: "channel-settings-health-interval",
 								className: "text-sm font-medium block mb-1",
-								children: "Health Check Interval (minutes)"
+								children: D("channel.healthCheckInterval", "Health Check Interval (minutes)")
 							}),
 							/* @__PURE__ */ y("select", {
 								id: "channel-settings-health-interval",
-								value: M.healthCheckIntervalMinutes,
-								onChange: (e) => U("healthCheckIntervalMinutes", Number(e.target.value)),
+								value: F.healthCheckIntervalMinutes,
+								onChange: (e) => K("healthCheckIntervalMinutes", Number(e.target.value)),
 								className: "w-full px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary",
-								children: [
-									/* @__PURE__ */ v("option", {
-										value: 1,
-										children: "1 minute"
-									}),
-									/* @__PURE__ */ v("option", {
-										value: 5,
-										children: "5 minutes"
-									}),
-									/* @__PURE__ */ v("option", {
-										value: 10,
-										children: "10 minutes"
-									}),
-									/* @__PURE__ */ v("option", {
-										value: 15,
-										children: "15 minutes"
-									}),
-									/* @__PURE__ */ v("option", {
-										value: 30,
-										children: "30 minutes"
-									}),
-									/* @__PURE__ */ v("option", {
-										value: 60,
-										children: "1 hour"
-									})
-								]
+								children: k.map((e) => /* @__PURE__ */ y("option", {
+									value: e.value,
+									children: e.label
+								}, e.value))
 							}),
-							/* @__PURE__ */ v("p", {
+							/* @__PURE__ */ y("p", {
 								className: "text-xs text-text-secondary mt-1",
-								children: "How often to check connection health status"
+								children: D("channel.healthCheckIntervalHint", "How often to check connection health status")
 							})
 						] })]
 					}),
-					/* @__PURE__ */ y(x, {
+					/* @__PURE__ */ b(S, {
 						treatment: "plain",
 						className: "border-border-seam p-6 space-y-4",
-						children: [/* @__PURE__ */ y("div", {
+						children: [/* @__PURE__ */ b("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ v(g, { className: "size-5 text-primary" }), /* @__PURE__ */ v("h2", {
+							children: [/* @__PURE__ */ y(_, { className: "size-5 text-primary" }), /* @__PURE__ */ y("h2", {
 								className: "text-lg font-semibold",
 								children: D("channel.security", "Security")
 							})]
-						}), /* @__PURE__ */ y("div", {
+						}), /* @__PURE__ */ b("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ y("label", {
+								/* @__PURE__ */ b("label", {
 									className: "flex items-center justify-between p-4 rounded-lg border hover:bg-bg-sunken/50 cursor-pointer",
-									children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+									children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 										className: "font-medium",
 										children: D("channel.webhookSignatureVerification", "Webhook Signature Verification")
-									}), /* @__PURE__ */ v("p", {
+									}), /* @__PURE__ */ y("p", {
 										className: "text-sm text-text-secondary",
-										children: "Verify HMAC signatures on incoming webhooks"
-									})] }), /* @__PURE__ */ v("input", {
+										children: D("channel.webhookSignatureVerificationHint", "Verify HMAC signatures on incoming webhooks")
+									})] }), /* @__PURE__ */ y("input", {
 										type: "checkbox",
 										"aria-label": D("channel.webhookSignatureVerification", "Webhook Signature Verification"),
-										checked: M.enableWebhookVerification,
-										onChange: (e) => U("enableWebhookVerification", e.target.checked),
+										checked: F.enableWebhookVerification,
+										onChange: (e) => K("enableWebhookVerification", e.target.checked),
 										className: "size-5 rounded border-gray-300 text-primary focus:ring-primary"
 									})]
 								}),
-								/* @__PURE__ */ y("label", {
+								/* @__PURE__ */ b("label", {
 									className: "flex items-center justify-between p-4 rounded-lg border hover:bg-bg-sunken/50 cursor-pointer",
-									children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+									children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 										className: "font-medium",
 										children: D("channel.auditLogging", "Audit Logging")
-									}), /* @__PURE__ */ v("p", {
+									}), /* @__PURE__ */ y("p", {
 										className: "text-sm text-text-secondary",
-										children: "Log all channel operations for audit trail"
-									})] }), /* @__PURE__ */ v("input", {
+										children: D("channel.auditLoggingHint", "Log all channel operations for audit trail")
+									})] }), /* @__PURE__ */ y("input", {
 										type: "checkbox",
 										"aria-label": D("channel.auditLogging", "Audit Logging"),
-										checked: M.enableAuditLogging,
-										onChange: (e) => U("enableAuditLogging", e.target.checked),
+										checked: F.enableAuditLogging,
+										onChange: (e) => K("enableAuditLogging", e.target.checked),
 										className: "size-5 rounded border-gray-300 text-primary focus:ring-primary"
 									})]
 								}),
-								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
 									className: "text-sm font-medium block mb-1",
 									children: D("channel.sessionTimeout", "Session Timeout (minutes)")
 								}), /* @__PURE__ */ y("select", {
-									value: M.sessionTimeoutMinutes,
-									onChange: (e) => U("sessionTimeoutMinutes", Number(e.target.value)),
+									value: F.sessionTimeoutMinutes,
+									onChange: (e) => K("sessionTimeoutMinutes", Number(e.target.value)),
 									className: "w-full px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary",
-									children: [
-										/* @__PURE__ */ v("option", {
-											value: 15,
-											children: "15 minutes"
-										}),
-										/* @__PURE__ */ v("option", {
-											value: 30,
-											children: "30 minutes"
-										}),
-										/* @__PURE__ */ v("option", {
-											value: 60,
-											children: "1 hour"
-										}),
-										/* @__PURE__ */ v("option", {
-											value: 120,
-											children: "2 hours"
-										}),
-										/* @__PURE__ */ v("option", {
-											value: 240,
-											children: "4 hours"
-										})
-									]
+									children: A.map((e) => /* @__PURE__ */ y("option", {
+										value: e.value,
+										children: e.label
+									}, e.value))
 								})] })
 							]
 						})]
 					}),
-					/* @__PURE__ */ y(x, {
+					/* @__PURE__ */ b(S, {
 						treatment: "plain",
 						className: "border-border-seam p-6 space-y-4",
-						children: [/* @__PURE__ */ y("div", {
+						children: [/* @__PURE__ */ b("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ v(f, { className: "size-5 text-primary" }), /* @__PURE__ */ v("h2", {
+							children: [/* @__PURE__ */ y(p, { className: "size-5 text-primary" }), /* @__PURE__ */ y("h2", {
 								className: "text-lg font-semibold",
 								children: D("channel.dataManagement", "Data Management")
 							})]
-						}), /* @__PURE__ */ v(C, {
+						}), /* @__PURE__ */ y(w, {
 							collapsedHeight: 96,
 							label: D("channel.showRetentionPolicies", "Show retention policies"),
-							children: /* @__PURE__ */ y("div", {
+							children: /* @__PURE__ */ b("div", {
 								className: "space-y-4",
 								children: [
-									/* @__PURE__ */ y("div", {
+									/* @__PURE__ */ b("div", {
 										className: "p-4 rounded-lg border",
-										children: [/* @__PURE__ */ y("div", {
+										children: [/* @__PURE__ */ b("div", {
 											className: "flex items-center justify-between mb-2",
-											children: [/* @__PURE__ */ v("p", {
+											children: [/* @__PURE__ */ y("p", {
 												className: "font-medium",
 												children: D("channel.webhookEventRetention", "Webhook Event Retention")
-											}), /* @__PURE__ */ v("span", {
+											}), /* @__PURE__ */ y("span", {
 												className: "text-sm text-text-secondary",
-												children: "7 days"
+												children: D("channel.retentionDays", "{{count}} days", { count: 7 })
 											})]
-										}), /* @__PURE__ */ v("p", {
+										}), /* @__PURE__ */ y("p", {
 											className: "text-sm text-text-secondary",
-											children: "Incoming webhook events are automatically deleted after 7 days"
+											children: D("channel.webhookEventRetentionHint", "Incoming webhook events are automatically deleted after 7 days")
 										})]
 									}),
-									/* @__PURE__ */ y("div", {
+									/* @__PURE__ */ b("div", {
 										className: "p-4 rounded-lg border",
-										children: [/* @__PURE__ */ y("div", {
+										children: [/* @__PURE__ */ b("div", {
 											className: "flex items-center justify-between mb-2",
-											children: [/* @__PURE__ */ v("p", {
+											children: [/* @__PURE__ */ y("p", {
 												className: "font-medium",
 												children: D("channel.deliveryAttemptRetention", "Delivery Attempt Retention")
-											}), /* @__PURE__ */ v("span", {
+											}), /* @__PURE__ */ y("span", {
 												className: "text-sm text-text-secondary",
-												children: "7 days"
+												children: D("channel.retentionDays", "{{count}} days", { count: 7 })
 											})]
-										}), /* @__PURE__ */ v("p", {
+										}), /* @__PURE__ */ y("p", {
 											className: "text-sm text-text-secondary",
-											children: "Successful delivery attempts are automatically deleted after 7 days"
+											children: D("channel.deliveryAttemptRetentionHint", "Successful delivery attempts are automatically deleted after 7 days")
 										})]
 									}),
-									/* @__PURE__ */ y("div", {
+									/* @__PURE__ */ b("div", {
 										className: "p-4 rounded-lg border border-status-warning-border bg-status-warning-bg-subtle",
-										children: [/* @__PURE__ */ y("div", {
+										children: [/* @__PURE__ */ b("div", {
 											className: "flex items-center justify-between mb-2",
-											children: [/* @__PURE__ */ v("p", {
+											children: [/* @__PURE__ */ y("p", {
 												className: "font-medium",
 												children: D("channel.failedDeliveryRetention", "Failed Delivery Retention")
-											}), /* @__PURE__ */ v("span", {
+											}), /* @__PURE__ */ y("span", {
 												className: "text-sm text-status-warning-text",
-												children: "30 days"
+												children: D("channel.retentionDays", "{{count}} days", { count: 30 })
 											})]
-										}), /* @__PURE__ */ v("p", {
+										}), /* @__PURE__ */ y("p", {
 											className: "text-sm text-text-secondary",
-											children: "Failed delivery attempts are kept for 30 days for debugging"
+											children: D("channel.failedDeliveryRetentionHint", "Failed delivery attempts are kept for 30 days for debugging")
 										})]
 									})
 								]
 							})
 						})]
 					}),
-					/* @__PURE__ */ v("div", {
+					/* @__PURE__ */ y("div", {
 						className: "flex justify-end pt-4",
-						children: /* @__PURE__ */ y("button", {
+						children: /* @__PURE__ */ b("button", {
 							type: "button",
-							onClick: H,
-							disabled: P || k || !!A,
+							onClick: G,
+							disabled: L || M || !!N,
 							className: "px-6 py-3 rounded-lg bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50 flex items-center gap-2",
-							children: [P ? /* @__PURE__ */ v(p, { className: "size-5 animate-spin" }) : /* @__PURE__ */ v(m, { className: "size-5 " }), D("channel.saveSettings", "Save Settings")]
+							children: [L ? /* @__PURE__ */ y(m, { className: "size-5 animate-spin" }) : /* @__PURE__ */ y(h, { className: "size-5 " }), D("channel.saveSettings", "Save Settings")]
 						})
 					})
 				]
@@ -429,6 +435,6 @@ function T() {
 	});
 }
 //#endregion
-export { T as ChannelSettingsPage };
+export { E as ChannelSettingsPage };
 
 //# sourceMappingURL=ChannelSettingsPage.js.map