@burdenoff/microfe-botmanor 2026.1108.1 → 2026.1109.2

package/dist/botlit/pages/ChannelDetailPage.js

@@ -1,27 +1,27 @@
 import { useBotlit as e } from "../providers/BotlitProvider.js";
 import { useBots as t } from "../hooks/useBots.js";
-import { formatRelativeTime as n } from "../utils/formatters.js";
+import { isNative as n, nativeImpact as ee, nativeNotify as te } from "../../utils/nativeBridge.js";
 import { BOTMANOR_PERMISSIONS as r } from "../permissions/botmanorPermissions.js";
 import { BotmanorPermissionGate as i } from "../permissions/useBotmanorPermissions.js";
 import { PageLayout as a } from "../components/PageLayout.js";
-import { Button as o } from "../components/Button.js";
-import "../permissions/index.js";
-import { Card as s, CardContent as c, CardDescription as l, CardHeader as u, CardTitle as d } from "../components/Card.js";
-import { Badge as f, StatusBadge as ee } from "../components/Badge.js";
-import { isNative as te, nativeImpact as ne, nativeNotify as re } from "../../utils/nativeBridge.js";
-import { EmptyState as ie } from "../components/EmptyState.js";
-import { FormField as p, Input as m, Textarea as h } from "../components/Input.js";
-import { WIDGET_METADATA_KEY as ae, readWidgetConfig as g, routeMetadataString as _, useChannelConnector as oe, useChannelRoutes as se, useCreateChannelConnector as ce, useCreateChannelRoute as le, useDeleteChannelConnector as ue, useUpdateChannelConnector as de } from "../hooks/useChannels.js";
+import { Card as o, CardContent as s, CardDescription as c, CardHeader as l, CardTitle as u } from "../components/Card.js";
+import { Button as d } from "../components/Button.js";
+import { FormField as f, Input as p, Textarea as m } from "../components/Input.js";
+import { Badge as h, StatusBadge as ne } from "../components/Badge.js";
+import { EmptyState as re } from "../components/EmptyState.js";
+import "../hooks/index.js";
+import { WIDGET_METADATA_KEY as ie, readWidgetConfig as g, routeMetadataString as _, useChannelConnector as ae, useChannelRoutes as oe, useCreateChannelConnector as se, useCreateChannelRoute as ce, useDeleteChannelConnector as le, useUpdateChannelConnector as ue } from "../hooks/useChannels.js";
+import { formatRelativeTime as de } from "../utils/formatters.js";
 import { toUnion as v } from "../utils/unions.js";
 import { useInitiateSlackConnect as fe, useLinkIntegrationConnection as pe, useMyUserPlatformConnection as me, useRevokeSlackConnection as he, useToggleSlackNotifications as ge } from "../hooks/useUserPlatformConnection.js";
-import "../hooks/index.js";
+import "../permissions/index.js";
 import { useEffect as _e, useRef as ve, useState as y } from "react";
 import { GlassCard as ye, NextSteps as be, PagePurpose as xe } from "@burdenoff/fe-libs/ui";
 import { Fragment as Se, jsx as b, jsxs as x } from "react/jsx-runtime";
 import { useParams as Ce, useSearchParams as we } from "react-router";
 import { ArrowLeft as Te, Bell as Ee, BellOff as De, CheckCircle2 as Oe, Edit as ke, ExternalLink as Ae, Globe as S, Hash as C, Loader2 as w, MessageSquare as T, Palette as E, Plus as D, Radio as O, Save as k, Settings as A, Shield as je, Slack as j, Trash2 as Me, Unlink as Ne, X as M } from "lucide-react";
 import { toast as N } from "sonner";
-//#region src/botlit/pages/ChannelDetailPage.tsx
+// src/botlit/pages/ChannelDetailPage.tsx
 var P = [
 	"WEB_WIDGET",
 	"SLACK",
@@ -46,7 +46,7 @@ var Ie = ({ type: e }) => {
 		default: return /* @__PURE__ */ b(O, { size: 18 });
 	}
 }, F = ({ isNew: S }) => {
-	let { connectorId: C } = Ce(), { navigateTo: F } = e(), [I, Le] = we(), { data: L, loading: Re } = oe(S ? void 0 : C), { data: ze, refetch: Be } = se(C), { data: Ve } = t(), [He, Ue] = ce(), [We, Ge] = de(), [Ke, qe] = ue(), [Je, Ye] = le(), R = L?.type === "SLACK" && L?.credentialsRefId ? L.credentialsRefId : void 0, { data: z, loading: Xe, refetch: B } = me(R), { initiate: Ze } = fe(), { link: Qe, loading: $e } = pe(), { toggle: et, loading: tt } = ge(), { revoke: nt, loading: rt } = he(), [it, V] = y(null), at = ve(!1);
+	let { connectorId: C } = Ce(), { navigateTo: F } = e(), [I, Le] = we(), { data: L, loading: Re } = ae(S ? void 0 : C), { data: ze, refetch: Be } = oe(C), { data: Ve } = t(), [He, Ue] = se(), [We, Ge] = ue(), [Ke, qe] = le(), [Je, Ye] = ce(), R = L?.type === "SLACK" && L?.credentialsRefId ? L.credentialsRefId : void 0, { data: z, loading: Xe, refetch: B } = me(R), { initiate: Ze } = fe(), { link: Qe, loading: $e } = pe(), { toggle: et, loading: tt } = ge(), { revoke: nt, loading: rt } = he(), [it, V] = y(null), at = ve(!1);
 	_e(() => {
 		if (at.current) return;
 		let e = I.get("integrationConnectionId"), t = I.get("channelId");
@@ -63,7 +63,9 @@ var Ie = ({ type: e }) => {
 		B
 	]);
 	let ot = () => {
-		R && Ze(R, `${window.location.origin}${window.location.pathname}`);
+		if (!R) return;
+		let e = `${window.location.origin}${window.location.pathname}`;
+		Ze(R, e);
 	}, st = async () => {
 		z && await et(z.id, !z.notificationsEnabled) && await B();
 	}, ct = async () => {
@@ -84,7 +86,7 @@ var Ie = ({ type: e }) => {
 		fontFamily: "Inter, sans-serif",
 		starterPrompts: ""
 	}), ft = () => {
-		if (q.type === "WEB_WIDGET") return { [ae]: {
+		if (q.type === "WEB_WIDGET") return { [ie]: {
 			allowedOrigins: Fe(Y.allowedOrigins),
 			primaryColor: Y.primaryColor,
 			fontFamily: Y.fontFamily,
@@ -105,7 +107,7 @@ var Ie = ({ type: e }) => {
 			N.error(e instanceof Error ? e.message : "Failed to create channel connector");
 		}
 	}, mt = async () => {
-		if (!(!C || !q.name)) try {
+		if (C && q.name) try {
 			await We({
 				connectorId: C,
 				input: {
@@ -121,9 +123,9 @@ var Ie = ({ type: e }) => {
 		}
 	}, ht = async () => {
 		if (C) try {
-			await Ke(C), te() && re("success"), F("channels");
+			await Ke(C), n() && te("success"), F("channels");
 		} catch (e) {
-			throw te() && re("error"), e;
+			throw n() && te("error"), e;
 		}
 	}, gt = async () => {
 		if (!C || !G.locationId || !G.botId) return;
@@ -169,11 +171,11 @@ var Ie = ({ type: e }) => {
 		description: "Set up a new channel for your AI agents",
 		actions: /* @__PURE__ */ x("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ b(o, {
+			children: [/* @__PURE__ */ b(d, {
 				variant: "outline",
 				onClick: () => F("channels"),
 				children: "Cancel"
-			}), /* @__PURE__ */ b(o, {
+			}), /* @__PURE__ */ b(d, {
 				leftIcon: /* @__PURE__ */ b(k, { size: 16 }),
 				onClick: pt,
 				isLoading: Ue.loading || Ge.loading,
@@ -183,13 +185,13 @@ var Ie = ({ type: e }) => {
 		}),
 		children: /* @__PURE__ */ x("div", {
 			className: "max-w-2xl space-y-6",
-			children: [/* @__PURE__ */ x(s, { children: [/* @__PURE__ */ b(u, { children: /* @__PURE__ */ b(d, { children: "Basic Information" }) }), /* @__PURE__ */ x(c, {
+			children: [/* @__PURE__ */ x(o, { children: [/* @__PURE__ */ b(l, { children: /* @__PURE__ */ b(u, { children: "Basic Information" }) }), /* @__PURE__ */ x(s, {
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ b(p, {
+					/* @__PURE__ */ b(f, {
 						label: "Connector Name",
 						required: !0,
-						children: /* @__PURE__ */ b(m, {
+						children: /* @__PURE__ */ b(p, {
 							placeholder: "e.g., Production Web Widget",
 							value: q.name,
 							onChange: (e) => J({
@@ -198,9 +200,9 @@ var Ie = ({ type: e }) => {
 							})
 						})
 					}),
-					/* @__PURE__ */ b(p, {
+					/* @__PURE__ */ b(f, {
 						label: "Description",
-						children: /* @__PURE__ */ b(h, {
+						children: /* @__PURE__ */ b(m, {
 							placeholder: "What is this channel connector for?",
 							value: q.description,
 							onChange: (e) => J({
@@ -212,7 +214,7 @@ var Ie = ({ type: e }) => {
 					}),
 					/* @__PURE__ */ x("div", {
 						className: "grid grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ b(p, {
+						children: [/* @__PURE__ */ b(f, {
 							label: "Channel Type",
 							required: !0,
 							children: /* @__PURE__ */ x("select", {
@@ -253,7 +255,7 @@ var Ie = ({ type: e }) => {
 									})
 								]
 							})
-						}), /* @__PURE__ */ b(p, {
+						}), /* @__PURE__ */ b(f, {
 							label: "Visibility",
 							children: /* @__PURE__ */ x("select", {
 								className: "flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm",
@@ -279,9 +281,9 @@ var Ie = ({ type: e }) => {
 							})
 						})]
 					}),
-					q.type !== "WEB_WIDGET" && /* @__PURE__ */ b(p, {
+					q.type !== "WEB_WIDGET" && /* @__PURE__ */ b(f, {
 						label: "Credentials Reference",
-						children: /* @__PURE__ */ b(m, {
+						children: /* @__PURE__ */ b(p, {
 							placeholder: "e.g., secret-slack-token",
 							value: q.credentialsRefId,
 							onChange: (e) => J({
@@ -291,16 +293,16 @@ var Ie = ({ type: e }) => {
 						})
 					})
 				]
-			})] }), q.type === "WEB_WIDGET" && /* @__PURE__ */ x(s, { children: [/* @__PURE__ */ b(u, { children: /* @__PURE__ */ x(d, {
+			})] }), q.type === "WEB_WIDGET" && /* @__PURE__ */ x(o, { children: [/* @__PURE__ */ b(l, { children: /* @__PURE__ */ x(u, {
 				className: "flex items-center gap-2",
 				children: [/* @__PURE__ */ b(E, { size: 18 }), "Widget Configuration"]
-			}) }), /* @__PURE__ */ x(c, {
+			}) }), /* @__PURE__ */ x(s, {
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ b(p, {
+					/* @__PURE__ */ b(f, {
 						label: "Allowed Origins",
 						description: "Comma-separated list of domains",
-						children: /* @__PURE__ */ b(m, {
+						children: /* @__PURE__ */ b(p, {
 							placeholder: "e.g., https://example.com, https://app.example.com",
 							value: Y.allowedOrigins,
 							onChange: (e) => X({
@@ -311,7 +313,7 @@ var Ie = ({ type: e }) => {
 					}),
 					/* @__PURE__ */ x("div", {
 						className: "grid grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ b(p, {
+						children: [/* @__PURE__ */ b(f, {
 							label: "Primary Color",
 							children: /* @__PURE__ */ x("div", {
 								className: "flex gap-2",
@@ -323,7 +325,7 @@ var Ie = ({ type: e }) => {
 										primaryColor: e.target.value
 									}),
 									className: "h-10 w-16 rounded border border-border-default"
-								}), /* @__PURE__ */ b(m, {
+								}), /* @__PURE__ */ b(p, {
 									value: Y.primaryColor,
 									onChange: (e) => X({
 										...Y,
@@ -331,9 +333,9 @@ var Ie = ({ type: e }) => {
 									})
 								})]
 							})
-						}), /* @__PURE__ */ b(p, {
+						}), /* @__PURE__ */ b(f, {
 							label: "Font Family",
-							children: /* @__PURE__ */ b(m, {
+							children: /* @__PURE__ */ b(p, {
 								value: Y.fontFamily,
 								onChange: (e) => X({
 									...Y,
@@ -342,10 +344,10 @@ var Ie = ({ type: e }) => {
 							})
 						})]
 					}),
-					/* @__PURE__ */ b(p, {
+					/* @__PURE__ */ b(f, {
 						label: "Starter Prompts",
 						description: "One per line",
-						children: /* @__PURE__ */ b(h, {
+						children: /* @__PURE__ */ b(m, {
 							placeholder: "What can you help me with?",
 							value: Y.starterPrompts,
 							onChange: (e) => X({
@@ -365,11 +367,11 @@ var Ie = ({ type: e }) => {
 	});
 	if (!L) return /* @__PURE__ */ b(a, {
 		title: "Connector Not Found",
-		children: /* @__PURE__ */ b(ie, {
+		children: /* @__PURE__ */ b(re, {
 			illustration: "empty-notifications",
 			title: "Connector Not Found",
 			description: "This channel connector doesn't exist.",
-			action: /* @__PURE__ */ b(o, {
+			action: /* @__PURE__ */ b(d, {
 				onClick: () => F("channels"),
 				children: "Back to Channels"
 			})
@@ -380,7 +382,7 @@ var Ie = ({ type: e }) => {
 		title: /* @__PURE__ */ x("div", {
 			className: "flex items-center gap-3",
 			children: [
-				/* @__PURE__ */ b(o, {
+				/* @__PURE__ */ b(d, {
 					variant: "ghost",
 					size: "icon",
 					onClick: () => F("channels"),
@@ -392,7 +394,7 @@ var Ie = ({ type: e }) => {
 				}),
 				/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ b("span", { children: L.name }), /* @__PURE__ */ b(ee, { status: L.status })]
+					children: [/* @__PURE__ */ b("span", { children: L.name }), /* @__PURE__ */ b(ne, { status: L.status })]
 				}), /* @__PURE__ */ b("p", {
 					className: "text-sm font-normal text-text-secondary",
 					children: L.description
@@ -403,24 +405,24 @@ var Ie = ({ type: e }) => {
 			className: "flex gap-2",
 			children: [/* @__PURE__ */ b(i, {
 				permission: r.CHANNEL_CREATE,
-				children: /* @__PURE__ */ b(o, {
+				children: /* @__PURE__ */ b(d, {
 					variant: "outline",
 					leftIcon: /* @__PURE__ */ b(D, { size: 16 }),
 					onClick: () => W(!0),
 					children: "Add Route"
 				})
-			}), H ? /* @__PURE__ */ x(Se, { children: [/* @__PURE__ */ b(o, {
+			}), H ? /* @__PURE__ */ x(Se, { children: [/* @__PURE__ */ b(d, {
 				variant: "outline",
 				onClick: () => U(!1),
 				children: "Cancel"
-			}), /* @__PURE__ */ b(o, {
+			}), /* @__PURE__ */ b(d, {
 				leftIcon: /* @__PURE__ */ b(k, { size: 16 }),
 				onClick: mt,
 				isLoading: Ge.loading,
 				children: "Save"
 			})] }) : /* @__PURE__ */ x(Se, { children: [/* @__PURE__ */ b(i, {
 				permission: r.CHANNEL_UPDATE,
-				children: /* @__PURE__ */ b(o, {
+				children: /* @__PURE__ */ b(d, {
 					variant: "outline",
 					leftIcon: /* @__PURE__ */ b(ke, { size: 16 }),
 					onClick: _t,
@@ -428,23 +430,23 @@ var Ie = ({ type: e }) => {
 				})
 			}), lt ? /* @__PURE__ */ x("div", {
 				className: "flex gap-2",
-				children: [/* @__PURE__ */ b(o, {
+				children: [/* @__PURE__ */ b(d, {
 					variant: "outline",
 					size: "sm",
 					onClick: () => ut(!1),
 					children: "Cancel"
-				}), /* @__PURE__ */ b(o, {
+				}), /* @__PURE__ */ b(d, {
 					variant: "destructive",
 					size: "sm",
 					onClick: () => {
-						ne("medium"), ht();
+						ee("medium"), ht();
 					},
 					isLoading: qe.loading,
 					children: "Confirm"
 				})]
 			}) : /* @__PURE__ */ b(i, {
 				permission: r.CHANNEL_DELETE,
-				children: /* @__PURE__ */ b(o, {
+				children: /* @__PURE__ */ b(d, {
 					variant: "destructive",
 					leftIcon: /* @__PURE__ */ b(Me, { size: 16 }),
 					onClick: () => ut(!0),
@@ -486,23 +488,23 @@ var Ie = ({ type: e }) => {
 						}
 					]
 				}),
-				dt && /* @__PURE__ */ x(s, { children: [/* @__PURE__ */ x(u, {
+				dt && /* @__PURE__ */ x(o, { children: [/* @__PURE__ */ x(l, {
 					className: "flex flex-row items-center justify-between",
-					children: [/* @__PURE__ */ b(d, { children: "Add Route" }), /* @__PURE__ */ b(o, {
+					children: [/* @__PURE__ */ b(u, { children: "Add Route" }), /* @__PURE__ */ b(d, {
 						variant: "ghost",
 						size: "icon",
 						onClick: () => W(!1),
 						children: /* @__PURE__ */ b(M, { size: 16 })
 					})]
-				}), /* @__PURE__ */ x(c, {
+				}), /* @__PURE__ */ x(s, {
 					className: "space-y-4",
 					children: [
 						/* @__PURE__ */ x("div", {
 							className: "grid grid-cols-2 gap-4",
-							children: [/* @__PURE__ */ b(p, {
+							children: [/* @__PURE__ */ b(f, {
 								label: "Location ID",
 								required: !0,
-								children: /* @__PURE__ */ b(m, {
+								children: /* @__PURE__ */ b(p, {
 									placeholder: "e.g., #general or channel ID",
 									value: G.locationId,
 									onChange: (e) => K({
@@ -510,9 +512,9 @@ var Ie = ({ type: e }) => {
 										locationId: e.target.value
 									})
 								})
-							}), /* @__PURE__ */ b(p, {
+							}), /* @__PURE__ */ b(f, {
 								label: "Location Name",
-								children: /* @__PURE__ */ b(m, {
+								children: /* @__PURE__ */ b(p, {
 									placeholder: "Friendly name (optional)",
 									value: G.locationName,
 									onChange: (e) => K({
@@ -522,7 +524,7 @@ var Ie = ({ type: e }) => {
 								})
 							})]
 						}),
-						/* @__PURE__ */ b(p, {
+						/* @__PURE__ */ b(f, {
 							label: "Connect to Bot",
 							required: !0,
 							children: /* @__PURE__ */ x("select", {
@@ -543,11 +545,11 @@ var Ie = ({ type: e }) => {
 						}),
 						/* @__PURE__ */ x("div", {
 							className: "flex justify-end gap-2",
-							children: [/* @__PURE__ */ b(o, {
+							children: [/* @__PURE__ */ b(d, {
 								variant: "outline",
 								onClick: () => W(!1),
 								children: "Cancel"
-							}), /* @__PURE__ */ b(o, {
+							}), /* @__PURE__ */ b(d, {
 								onClick: gt,
 								isLoading: Ye.loading,
 								disabled: !G.locationId || !G.botId,
@@ -556,13 +558,13 @@ var Ie = ({ type: e }) => {
 						})
 					]
 				})] }),
-				H && /* @__PURE__ */ x(s, { children: [/* @__PURE__ */ b(u, { children: /* @__PURE__ */ b(d, { children: "Edit Channel" }) }), /* @__PURE__ */ x(c, {
+				H && /* @__PURE__ */ x(o, { children: [/* @__PURE__ */ b(l, { children: /* @__PURE__ */ b(u, { children: "Edit Channel" }) }), /* @__PURE__ */ x(s, {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ b(p, {
+						/* @__PURE__ */ b(f, {
 							label: "Connector Name",
 							required: !0,
-							children: /* @__PURE__ */ b(m, {
+							children: /* @__PURE__ */ b(p, {
 								value: q.name,
 								onChange: (e) => J({
 									...q,
@@ -570,9 +572,9 @@ var Ie = ({ type: e }) => {
 								})
 							})
 						}),
-						/* @__PURE__ */ b(p, {
+						/* @__PURE__ */ b(f, {
 							label: "Description",
-							children: /* @__PURE__ */ b(h, {
+							children: /* @__PURE__ */ b(m, {
 								value: q.description,
 								onChange: (e) => J({
 									...q,
@@ -581,7 +583,7 @@ var Ie = ({ type: e }) => {
 								rows: 2
 							})
 						}),
-						/* @__PURE__ */ b(p, {
+						/* @__PURE__ */ b(f, {
 							label: "Visibility",
 							children: /* @__PURE__ */ x("select", {
 								className: "flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm",
@@ -611,7 +613,7 @@ var Ie = ({ type: e }) => {
 				/* @__PURE__ */ x("div", {
 					className: "grid grid-cols-2 md:grid-cols-4 gap-4",
 					children: [
-						/* @__PURE__ */ b(s, { children: /* @__PURE__ */ x(c, {
+						/* @__PURE__ */ b(o, { children: /* @__PURE__ */ x(s, {
 							className: "pt-6 text-center",
 							children: [
 								/* @__PURE__ */ b("div", {
@@ -640,7 +642,7 @@ var Ie = ({ type: e }) => {
 								children: "Active Routes"
 							})]
 						}),
-						/* @__PURE__ */ b(s, { children: /* @__PURE__ */ x(c, {
+						/* @__PURE__ */ b(o, { children: /* @__PURE__ */ x(s, {
 							className: "pt-6 text-center",
 							children: [/* @__PURE__ */ b("p", {
 								className: "text-3xl font-bold text-text-primary capitalize",
@@ -650,7 +652,7 @@ var Ie = ({ type: e }) => {
 								children: "Visibility"
 							})]
 						}) }),
-						/* @__PURE__ */ b(s, { children: /* @__PURE__ */ x(c, {
+						/* @__PURE__ */ b(o, { children: /* @__PURE__ */ x(s, {
 							className: "pt-6 text-center",
 							children: [/* @__PURE__ */ b("p", {
 								className: "text-3xl font-bold text-text-primary",
@@ -662,10 +664,10 @@ var Ie = ({ type: e }) => {
 						}) })
 					]
 				}),
-				$ && /* @__PURE__ */ x(s, { children: [/* @__PURE__ */ b(u, { children: /* @__PURE__ */ x(d, {
+				$ && /* @__PURE__ */ x(o, { children: [/* @__PURE__ */ b(l, { children: /* @__PURE__ */ x(u, {
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ b(E, { size: 18 }), "Widget Configuration"]
-				}) }), /* @__PURE__ */ x(c, { children: [/* @__PURE__ */ x("div", {
+				}) }), /* @__PURE__ */ x(s, { children: [/* @__PURE__ */ x("div", {
 					className: "grid grid-cols-2 md:grid-cols-3 gap-6",
 					children: [
 						/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
@@ -673,7 +675,7 @@ var Ie = ({ type: e }) => {
 							children: "Allowed Origins"
 						}), $.allowedOrigins.length > 0 ? /* @__PURE__ */ b("div", {
 							className: "flex flex-wrap gap-1 mt-1",
-							children: $.allowedOrigins.map((e) => /* @__PURE__ */ b(f, {
+							children: $.allowedOrigins.map((e) => /* @__PURE__ */ b(h, {
 								variant: "outline",
 								className: "font-mono text-xs",
 								children: e
@@ -710,17 +712,17 @@ var Ie = ({ type: e }) => {
 						children: "Starter Prompts"
 					}), /* @__PURE__ */ b("div", {
 						className: "flex flex-wrap gap-2",
-						children: $.starterPrompts.map((e, t) => /* @__PURE__ */ b(f, {
+						children: $.starterPrompts.map((e, t) => /* @__PURE__ */ b(h, {
 							variant: "secondary",
 							children: e
 						}, t))
 					})]
 				})] })] }),
-				/* @__PURE__ */ x(s, { children: [/* @__PURE__ */ x(u, {
+				/* @__PURE__ */ x(o, { children: [/* @__PURE__ */ x(l, {
 					className: "flex flex-row items-center justify-between",
-					children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b(d, { children: "Routes" }), /* @__PURE__ */ b(l, { children: "Routes connect this channel to your bots" })] }), /* @__PURE__ */ b(i, {
+					children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b(u, { children: "Routes" }), /* @__PURE__ */ b(c, { children: "Routes connect this channel to your bots" })] }), /* @__PURE__ */ b(i, {
 						permission: r.CHANNEL_CREATE,
-						children: /* @__PURE__ */ b(o, {
+						children: /* @__PURE__ */ b(d, {
 							variant: "outline",
 							size: "sm",
 							leftIcon: /* @__PURE__ */ b(D, { size: 14 }),
@@ -728,7 +730,7 @@ var Ie = ({ type: e }) => {
 							children: "Add Route"
 						})
 					})]
-				}), /* @__PURE__ */ b(c, { children: Z.length > 0 ? /* @__PURE__ */ b("div", {
+				}), /* @__PURE__ */ b(s, { children: Z.length > 0 ? /* @__PURE__ */ b("div", {
 					className: "space-y-3",
 					children: Z.map((e) => /* @__PURE__ */ x("div", {
 						className: "flex items-center justify-between p-4 border border-border-subtle rounded-lg",
@@ -749,33 +751,33 @@ var Ie = ({ type: e }) => {
 							})] })]
 						}), /* @__PURE__ */ x("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ x(f, {
+							children: [/* @__PURE__ */ x(h, {
 								variant: "outline",
 								children: ["Rev ", e.revision]
-							}), /* @__PURE__ */ b(o, {
+							}), /* @__PURE__ */ b(d, {
 								variant: "ghost",
 								size: "sm",
 								children: /* @__PURE__ */ b(Ae, { size: 14 })
 							})]
 						})]
 					}, e.id))
-				}) : /* @__PURE__ */ b(ie, {
+				}) : /* @__PURE__ */ b(re, {
 					illustration: "empty-data",
 					title: "No routes configured",
 					description: "Add a route to connect this channel to a bot.",
 					action: /* @__PURE__ */ b(i, {
 						permission: r.CHANNEL_CREATE,
-						children: /* @__PURE__ */ b(o, {
+						children: /* @__PURE__ */ b(d, {
 							leftIcon: /* @__PURE__ */ b(D, { size: 16 }),
 							onClick: () => W(!0),
 							children: "Add Route"
 						})
 					})
 				}) })] }),
-				L.type === "SLACK" && L.credentialsRefId && /* @__PURE__ */ x(s, { children: [/* @__PURE__ */ x(u, { children: [/* @__PURE__ */ x(d, {
+				L.type === "SLACK" && L.credentialsRefId && /* @__PURE__ */ x(o, { children: [/* @__PURE__ */ x(l, { children: [/* @__PURE__ */ x(u, {
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ b(j, { size: 18 }), "Your Slack Account"]
-				}), /* @__PURE__ */ b(l, { children: "Connect your personal Slack account to receive direct messages from this bot" })] }), /* @__PURE__ */ x(c, { children: [it && /* @__PURE__ */ x("div", {
+				}), /* @__PURE__ */ b(c, { children: "Connect your personal Slack account to receive direct messages from this bot" })] }), /* @__PURE__ */ x(s, { children: [it && /* @__PURE__ */ x("div", {
 					className: "mb-4 flex items-start gap-2 rounded-lg border border-status-error-border/40 bg-status-error-bg/10 px-3 py-2 text-sm text-status-error-text",
 					children: [/* @__PURE__ */ b("span", { children: it }), /* @__PURE__ */ b("button", {
 						onClick: () => V(null),
@@ -829,7 +831,7 @@ var Ie = ({ type: e }) => {
 								}),
 								/* @__PURE__ */ b("div", {
 									className: "flex items-center gap-1",
-									children: z.isTokenExpired && /* @__PURE__ */ b(f, {
+									children: z.isTokenExpired && /* @__PURE__ */ b(h, {
 										variant: "outline",
 										className: "text-xs text-amber-600 border-amber-400",
 										children: "Token expired"
@@ -854,7 +856,7 @@ var Ie = ({ type: e }) => {
 									className: "text-xs text-text-secondary",
 									children: z.notificationsEnabled ? "You will receive bot DMs" : "DM notifications are paused"
 								})] })]
-							}), /* @__PURE__ */ b(o, {
+							}), /* @__PURE__ */ b(d, {
 								variant: "outline",
 								size: "sm",
 								onClick: st,
@@ -864,13 +866,13 @@ var Ie = ({ type: e }) => {
 						}),
 						/* @__PURE__ */ x("div", {
 							className: "flex gap-2 justify-end pt-2",
-							children: [z.isTokenExpired && /* @__PURE__ */ b(o, {
+							children: [z.isTokenExpired && /* @__PURE__ */ b(d, {
 								variant: "outline",
 								size: "sm",
 								leftIcon: /* @__PURE__ */ b(j, { size: 14 }),
 								onClick: ot,
 								children: "Reconnect"
-							}), /* @__PURE__ */ b(o, {
+							}), /* @__PURE__ */ b(d, {
 								variant: "destructive",
 								size: "sm",
 								leftIcon: /* @__PURE__ */ b(Ne, { size: 14 }),
@@ -897,17 +899,17 @@ var Ie = ({ type: e }) => {
 							className: "text-sm text-text-secondary mt-1",
 							children: "Connect your Slack account so the bot can send you direct messages"
 						})] }),
-						/* @__PURE__ */ b(o, {
+						/* @__PURE__ */ b(d, {
 							leftIcon: /* @__PURE__ */ b(j, { size: 16 }),
 							onClick: ot,
 							children: "Connect with Slack"
 						})
 					]
 				})] })] }),
-				L.defaultPolicyBindings && /* @__PURE__ */ x(s, { children: [/* @__PURE__ */ x(u, { children: [/* @__PURE__ */ x(d, {
+				L.defaultPolicyBindings && /* @__PURE__ */ x(o, { children: [/* @__PURE__ */ x(l, { children: [/* @__PURE__ */ x(u, {
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ b(je, { size: 18 }), "Default Policy Bindings"]
-				}), /* @__PURE__ */ b(l, { children: "Default policies applied to all routes on this connector" })] }), /* @__PURE__ */ b(c, { children: /* @__PURE__ */ b("div", {
+				}), /* @__PURE__ */ b(c, { children: "Default policies applied to all routes on this connector" })] }), /* @__PURE__ */ b(s, { children: /* @__PURE__ */ b("div", {
 					className: "grid grid-cols-2 md:grid-cols-4 gap-4",
 					children: Object.entries(L.defaultPolicyBindings).map(([e, t]) => t ? /* @__PURE__ */ x("div", {
 						className: "p-3 bg-bg-sunken rounded-lg",
@@ -920,10 +922,10 @@ var Ie = ({ type: e }) => {
 						})]
 					}, e) : null)
 				}) })] }),
-				/* @__PURE__ */ x(s, { children: [/* @__PURE__ */ b(u, { children: /* @__PURE__ */ x(d, {
+				/* @__PURE__ */ x(o, { children: [/* @__PURE__ */ b(l, { children: /* @__PURE__ */ x(u, {
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ b(A, { size: 18 }), "Metadata"]
-				}) }), /* @__PURE__ */ b(c, { children: /* @__PURE__ */ x("div", {
+				}) }), /* @__PURE__ */ b(s, { children: /* @__PURE__ */ x("div", {
 					className: "grid grid-cols-2 md:grid-cols-4 gap-6 text-sm",
 					children: [
 						/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
@@ -931,14 +933,14 @@ var Ie = ({ type: e }) => {
 							children: "Created"
 						}), /* @__PURE__ */ b("p", {
 							className: "font-medium",
-							children: n(L.createdAt)
+							children: de(L.createdAt)
 						})] }),
 						/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 							className: "text-text-secondary",
 							children: "Updated"
 						}), /* @__PURE__ */ b("p", {
 							className: "font-medium",
-							children: n(L.updatedAt)
+							children: de(L.updatedAt)
 						})] }),
 						/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 							className: "text-text-secondary",
@@ -952,7 +954,7 @@ var Ie = ({ type: e }) => {
 							children: "Tags"
 						}), /* @__PURE__ */ b("div", {
 							className: "flex gap-1",
-							children: L.tags.length > 0 ? L.tags.map((e) => /* @__PURE__ */ b(f, {
+							children: L.tags.length > 0 ? L.tags.map((e) => /* @__PURE__ */ b(h, {
 								variant: "secondary",
 								className: "text-xs",
 								children: e
@@ -967,7 +969,6 @@ var Ie = ({ type: e }) => {
 		})
 	});
 };
-//#endregion
 export { F as ChannelDetailPage };
 
 //# sourceMappingURL=ChannelDetailPage.js.map