@burdenoff/microfe-channel 2026.510.112

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

@@ -0,0 +1,276 @@
+import { useChannel as e } from "../../../providers/ChannelProvider.js";
+import { CONNECTION_STATUS_CHANGED_SUBSCRIPTION as t, useChannelSubscription as n } from "../../../hooks/useChannelSubscription.js";
+import { useChannels as r } from "../../../hooks/useChannels.js";
+import { PermissionGuard as i } from "../../../components/PermissionGuard.js";
+import { CHANNEL_PERMISSIONS as a } from "../../../constants/permissions.js";
+import { useState as o } from "react";
+import { useI18n as s } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as c, ArrowLeft as l, CheckCircle2 as u, Link as d, Loader2 as f, Plus as p, RefreshCw as m, Settings as h, XCircle as g } from "lucide-react";
+import { useNavigate as _ } from "react-router-dom";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { TagBadge as b } from "@burdenoff/fe-libs/tag";
+//#region src/channel/modules/channels/pages/ConnectionsListPage.tsx
+var x = {
+	true: {
+		icon: u,
+		color: "text-green-500",
+		label: "Healthy"
+	},
+	false: {
+		icon: g,
+		color: "text-red-500",
+		label: "Unhealthy"
+	}
+};
+function S() {
+	let u = _(), { channels: g, isLoading: S, error: C, refetch: w } = r(), { organizationId: T } = e();
+	n({
+		query: t,
+		variables: { organizationId: T },
+		operationName: "ConnectionStatusChanged",
+		enabled: !!T,
+		onData: () => void w(),
+		pollFn: w,
+		pollIntervalMs: 6e4
+	});
+	let { t: E } = s(), D = (e, t) => {
+		let n = E(e);
+		return n === e ? t : n;
+	}, [O, k] = o("all"), [A, j] = o("all"), M = g.filter((e) => e.connection).map((e) => ({
+		channelId: e.id,
+		channelName: e.name,
+		platform: e.platform,
+		adapterType: e.adapterType,
+		channelStatus: e.status,
+		connectionId: e.connection.id,
+		isActive: e.connection.isActive,
+		isHealthy: e.connection.isHealthy,
+		needsTokenRefresh: e.connection.needsTokenRefresh,
+		lastTestedAt: e.connection.lastTestedAt,
+		authType: e.connection.authType,
+		tagAssignments: e.connection.tagAssignments ?? []
+	})), N = [...new Set(M.map((e) => e.platform))], P = M.filter((e) => !(O === "healthy" && !e.isHealthy || O === "unhealthy" && e.isHealthy || A !== "all" && e.platform !== A));
+	return S ? /* @__PURE__ */ v("div", {
+		className: "flex items-center justify-center min-h-screen",
+		children: /* @__PURE__ */ v(f, { className: "w-8 h-8 animate-spin text-muted-foreground" })
+	}) : C ? /* @__PURE__ */ y("div", {
+		className: "flex flex-col items-center justify-center min-h-screen gap-4",
+		children: [
+			/* @__PURE__ */ v(c, { className: "w-12 h-12 text-destructive" }),
+			/* @__PURE__ */ v("h1", {
+				className: "text-xl font-semibold",
+				children: D("channel.loadConnectionsFailed", "Failed to load connections")
+			}),
+			/* @__PURE__ */ v("p", {
+				className: "text-sm text-muted-foreground",
+				children: C
+			}),
+			/* @__PURE__ */ v("button", {
+				onClick: () => w(),
+				className: "px-4 py-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90",
+				children: D("channel.retry", "Retry")
+			})
+		]
+	}) : /* @__PURE__ */ v(i, {
+		permission: a.CHANNEL_CONNECTION_READ,
+		children: /* @__PURE__ */ y("div", {
+			className: "min-h-screen bg-background",
+			children: [
+				/* @__PURE__ */ v("div", {
+					className: "border-b bg-card",
+					children: /* @__PURE__ */ v("div", {
+						className: "container mx-auto px-6 py-4",
+						children: /* @__PURE__ */ y("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ y("div", {
+								className: "flex items-center gap-4",
+								children: [/* @__PURE__ */ v("button", {
+									onClick: () => u("./list"),
+									className: "p-2 hover:bg-muted rounded-lg transition-colors",
+									children: /* @__PURE__ */ v(l, { className: "w-5 h-5" })
+								}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h1", {
+									className: "text-2xl font-bold",
+									children: D("channel.connections", "Connections")
+								}), /* @__PURE__ */ y("p", {
+									className: "text-sm text-muted-foreground",
+									children: [
+										P.length,
+										" connection",
+										P.length === 1 ? "" : "s"
+									]
+								})] })]
+							}), /* @__PURE__ */ y("button", {
+								onClick: () => u("./create"),
+								className: "px-4 py-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors flex items-center gap-2",
+								children: [/* @__PURE__ */ v(p, { className: "w-4 h-4" }), D("channel.newChannel", "New Channel")]
+							})]
+						})
+					})
+				}),
+				/* @__PURE__ */ v("div", {
+					className: "container mx-auto px-6 py-4",
+					children: /* @__PURE__ */ y("div", {
+						className: "flex items-center gap-4",
+						children: [
+							/* @__PURE__ */ y("select", {
+								value: A,
+								onChange: (e) => j(e.target.value),
+								className: "px-4 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary",
+								children: [/* @__PURE__ */ v("option", {
+									value: "all",
+									children: D("channel.allPlatforms", "All Platforms")
+								}), N.map((e) => /* @__PURE__ */ v("option", {
+									value: e,
+									children: e
+								}, e))]
+							}),
+							/* @__PURE__ */ y("select", {
+								value: O,
+								onChange: (e) => k(e.target.value),
+								className: "px-4 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary",
+								children: [
+									/* @__PURE__ */ v("option", {
+										value: "all",
+										children: D("channel.allStatus", "All Status")
+									}),
+									/* @__PURE__ */ v("option", {
+										value: "healthy",
+										children: D("channel.healthy", "Healthy")
+									}),
+									/* @__PURE__ */ v("option", {
+										value: "unhealthy",
+										children: D("channel.unhealthy", "Unhealthy")
+									})
+								]
+							}),
+							/* @__PURE__ */ v("button", {
+								onClick: () => w(),
+								className: "p-2 hover:bg-muted rounded-lg transition-colors",
+								title: D("channel.refresh", "Refresh"),
+								children: /* @__PURE__ */ v(m, { className: "w-5 h-5" })
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ v("div", {
+					className: "container mx-auto px-6 pb-8",
+					children: P.length === 0 ? /* @__PURE__ */ y("div", {
+						className: "text-center py-12",
+						children: [
+							/* @__PURE__ */ v(d, { className: "w-12 h-12 mx-auto text-muted-foreground mb-4" }),
+							/* @__PURE__ */ v("h2", {
+								className: "text-lg font-semibold mb-2",
+								children: D("channel.noConnectionsFound", "No connections found")
+							}),
+							/* @__PURE__ */ v("p", {
+								className: "text-sm text-muted-foreground mb-4",
+								children: g.length === 0 ? D("channel.createChannelFirst", "Create a channel first to add connections") : D("channel.noConnectionsMatchFilter", "No connections match your filters")
+							}),
+							g.length === 0 ? /* @__PURE__ */ v("button", {
+								onClick: () => u("./create"),
+								className: "px-4 py-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90",
+								children: D("channel.createChannel", "Create Channel")
+							}) : /* @__PURE__ */ v("button", {
+								onClick: () => {
+									k("all"), j("all");
+								},
+								className: "px-4 py-2 rounded-lg border hover:bg-muted",
+								children: D("channel.clearFilters", "Clear Filters")
+							})
+						]
+					}) : /* @__PURE__ */ v("div", {
+						className: "border rounded-lg divide-y",
+						children: P.map((e) => {
+							let t = x[String(e.isHealthy)] || x.false, n = t.icon;
+							return /* @__PURE__ */ v("div", {
+								className: "p-4 hover:bg-muted/50 transition-colors cursor-pointer",
+								onClick: () => u(`./${e.channelId}`),
+								children: /* @__PURE__ */ y("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ y("div", {
+										className: "flex items-center gap-4",
+										children: [/* @__PURE__ */ v("div", {
+											className: t.color,
+											children: /* @__PURE__ */ v(n, { className: "w-5 h-5" })
+										}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+											className: "font-medium",
+											children: e.channelName
+										}), /* @__PURE__ */ y("p", {
+											className: "text-sm text-muted-foreground",
+											children: [
+												e.platform,
+												" • ",
+												e.adapterType,
+												" • ",
+												e.authType
+											]
+										})] })]
+									}), /* @__PURE__ */ y("div", {
+										className: "flex items-center gap-4",
+										children: [
+											/* @__PURE__ */ y("div", {
+												className: "text-right",
+												children: [/* @__PURE__ */ v("p", {
+													className: "text-sm",
+													children: e.channelStatus === "ACTIVE" ? /* @__PURE__ */ v("span", {
+														className: "text-green-500",
+														children: D("channel.activeStatus", "Active")
+													}) : e.channelStatus === "INACTIVE" ? /* @__PURE__ */ v("span", {
+														className: "text-muted-foreground",
+														children: D("channel.inactiveStatus", "Inactive")
+													}) : e.channelStatus === "ERROR" ? /* @__PURE__ */ v("span", {
+														className: "text-red-500",
+														children: D("channel.errorStatus", "Error")
+													}) : e.channelStatus === "SUSPENDED" ? /* @__PURE__ */ v("span", {
+														className: "text-yellow-500",
+														children: D("channel.suspendedStatus", "Suspended")
+													}) : e.channelStatus === "ARCHIVED" ? /* @__PURE__ */ v("span", {
+														className: "text-muted-foreground",
+														children: D("channel.archivedStatus", "Archived")
+													}) : /* @__PURE__ */ v("span", {
+														className: "text-muted-foreground",
+														children: D("channel.inactiveStatus", "Inactive")
+													})
+												}), e.lastTestedAt && /* @__PURE__ */ y("p", {
+													className: "text-xs text-muted-foreground",
+													children: ["Last tested: ", new Date(e.lastTestedAt).toLocaleDateString()]
+												})]
+											}),
+											e.needsTokenRefresh && /* @__PURE__ */ v("span", {
+												className: "px-2 py-1 text-xs bg-yellow-500/10 text-yellow-500 rounded",
+												children: "Token Expires"
+											}),
+											e.tagAssignments.length > 0 && /* @__PURE__ */ y("div", {
+												className: "flex flex-wrap gap-1",
+												"aria-label": "Connection tags",
+												children: [e.tagAssignments.slice(0, 3).map((e) => /* @__PURE__ */ v(b, {
+													id: e.tagId,
+													label: e.tagId,
+													size: "sm"
+												}, e.id)), e.tagAssignments.length > 3 && /* @__PURE__ */ y("span", {
+													className: "text-xs text-muted-foreground",
+													children: ["+", e.tagAssignments.length - 3]
+												})]
+											}),
+											/* @__PURE__ */ v("button", {
+												onClick: (t) => {
+													t.stopPropagation(), u(`/channels/${e.channelId}`);
+												},
+												className: "p-2 hover:bg-muted rounded-lg transition-colors",
+												children: /* @__PURE__ */ v(h, { className: "w-4 h-4" })
+											})
+										]
+									})]
+								})
+							}, e.connectionId);
+						})
+					})
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { S as ConnectionsListPage };
+
+//# sourceMappingURL=ConnectionsListPage.js.map

package/dist/channel/modules/channels/pages/ConnectionsListPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionsListPage.js","names":[],"sources":["../../../../../src/channel/modules/channels/pages/ConnectionsListPage.tsx"],"sourcesContent":["/**\n * Connections List Page\n *\n * Displays all connections across channels with their status.\n */\n\nimport { useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { TagBadge } from '@burdenoff/fe-libs/tag';\nimport {\n  ArrowLeft,\n  Plus,\n  Loader2,\n  AlertCircle,\n  CheckCircle2,\n  XCircle,\n  RefreshCw,\n  Settings,\n  Link,\n} from 'lucide-react';\nimport { useChannels } from '../../../hooks/useChannels';\nimport { useChannel as useChannelContext } from '../../../providers/ChannelProvider';\nimport { PermissionGuard } from '../../../components/PermissionGuard';\nimport { CHANNEL_PERMISSIONS } from '../../../constants/permissions';\nimport {\n  CONNECTION_STATUS_CHANGED_SUBSCRIPTION,\n  useChannelSubscription,\n} from '../../../hooks/useChannelSubscription';\n\nconst HEALTH_CONFIG: Record<string, { icon: typeof CheckCircle2; color: string; label: string }> = {\n  true: { icon: CheckCircle2, color: 'text-green-500', label: 'Healthy' },\n  false: { icon: XCircle, color: 'text-red-500', label: 'Unhealthy' },\n};\n\nexport function ConnectionsListPage() {\n  const navigate = useNavigate();\n  const { channels, isLoading, error, refetch } = useChannels();\n  const { organizationId } = useChannelContext();\n\n  // Real-time connection status. Subscribes to `connectionStatusChanged`\n  // when the gateway exposes it; otherwise polls every 60s as a\n  // conservative fallback when subs are unavailable.\n  useChannelSubscription({\n    query: CONNECTION_STATUS_CHANGED_SUBSCRIPTION,\n    variables: { organizationId },\n    operationName: 'ConnectionStatusChanged',\n    enabled: Boolean(organizationId),\n    onData: () => void refetch(),\n    pollFn: refetch,\n    pollIntervalMs: 60_000,\n  });\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n\n  // Filter state\n  const [healthFilter, setHealthFilter] = useState<string>('all');\n  const [platformFilter, setPlatformFilter] = useState<string>('all');\n\n  // Get all connections from channels\n  const connections = channels\n    .filter((ch) => ch.connection)\n    .map((ch) => ({\n      channelId: ch.id,\n      channelName: ch.name,\n      platform: ch.platform,\n      adapterType: ch.adapterType,\n      channelStatus: ch.status,\n      connectionId: ch.connection!.id,\n      isActive: ch.connection!.isActive,\n      isHealthy: ch.connection!.isHealthy,\n      needsTokenRefresh: ch.connection!.needsTokenRefresh,\n      lastTestedAt: ch.connection!.lastTestedAt,\n      authType: ch.connection!.authType,\n      tagAssignments: ch.connection!.tagAssignments ?? [],\n    }));\n\n  // Get unique platforms\n  const platforms = [...new Set(connections.map((c) => c.platform))];\n\n  // Apply filters\n  const filteredConnections = connections.filter((conn) => {\n    if (healthFilter === 'healthy' && !conn.isHealthy) return false;\n    if (healthFilter === 'unhealthy' && conn.isHealthy) return false;\n    if (platformFilter !== 'all' && conn.platform !== platformFilter) return false;\n    return true;\n  });\n\n  if (isLoading) {\n    return (\n      <div className=\"flex items-center justify-center min-h-screen\">\n        <Loader2 className=\"w-8 h-8 animate-spin text-muted-foreground\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div className=\"flex flex-col items-center justify-center min-h-screen gap-4\">\n        <AlertCircle className=\"w-12 h-12 text-destructive\" />\n        <h1 className=\"text-xl font-semibold\">\n          {tr('channel.loadConnectionsFailed', 'Failed to load connections')}\n        </h1>\n        <p className=\"text-sm text-muted-foreground\">{error}</p>\n        <button\n          onClick={() => refetch()}\n          className=\"px-4 py-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90\"\n        >\n          {tr('channel.retry', 'Retry')}\n        </button>\n      </div>\n    );\n  }\n\n  return (\n    <PermissionGuard permission={CHANNEL_PERMISSIONS.CHANNEL_CONNECTION_READ}>\n      <div className=\"min-h-screen bg-background\">\n        {/* Header */}\n        <div className=\"border-b bg-card\">\n          <div className=\"container mx-auto px-6 py-4\">\n            <div className=\"flex items-center justify-between\">\n              <div className=\"flex items-center gap-4\">\n                <button\n                  onClick={() => navigate('./list')}\n                  className=\"p-2 hover:bg-muted rounded-lg transition-colors\"\n                >\n                  <ArrowLeft className=\"w-5 h-5\" />\n                </button>\n                <div>\n                  <h1 className=\"text-2xl font-bold\">{tr('channel.connections', 'Connections')}</h1>\n                  <p className=\"text-sm text-muted-foreground\">\n                    {filteredConnections.length} connection\n                    {filteredConnections.length !== 1 ? 's' : ''}\n                  </p>\n                </div>\n              </div>\n              <button\n                onClick={() => navigate('./create')}\n                className=\"px-4 py-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors flex items-center gap-2\"\n              >\n                <Plus className=\"w-4 h-4\" />\n                {tr('channel.newChannel', 'New Channel')}\n              </button>\n            </div>\n          </div>\n        </div>\n\n        {/* Filters */}\n        <div className=\"container mx-auto px-6 py-4\">\n          <div className=\"flex items-center gap-4\">\n            <select\n              value={platformFilter}\n              onChange={(e) => setPlatformFilter(e.target.value)}\n              className=\"px-4 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary\"\n            >\n              <option value=\"all\">{tr('channel.allPlatforms', 'All Platforms')}</option>\n              {platforms.map((p) => (\n                <option key={p} value={p}>\n                  {p}\n                </option>\n              ))}\n            </select>\n\n            <select\n              value={healthFilter}\n              onChange={(e) => setHealthFilter(e.target.value)}\n              className=\"px-4 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary\"\n            >\n              <option value=\"all\">{tr('channel.allStatus', 'All Status')}</option>\n              <option value=\"healthy\">{tr('channel.healthy', 'Healthy')}</option>\n              <option value=\"unhealthy\">{tr('channel.unhealthy', 'Unhealthy')}</option>\n            </select>\n\n            <button\n              onClick={() => refetch()}\n              className=\"p-2 hover:bg-muted rounded-lg transition-colors\"\n              title={tr('channel.refresh', 'Refresh')}\n            >\n              <RefreshCw className=\"w-5 h-5\" />\n            </button>\n          </div>\n        </div>\n\n        {/* Connections List */}\n        <div className=\"container mx-auto px-6 pb-8\">\n          {filteredConnections.length === 0 ? (\n            <div className=\"text-center py-12\">\n              <Link className=\"w-12 h-12 mx-auto text-muted-foreground mb-4\" />\n              <h2 className=\"text-lg font-semibold mb-2\">\n                {tr('channel.noConnectionsFound', 'No connections found')}\n              </h2>\n              <p className=\"text-sm text-muted-foreground mb-4\">\n                {channels.length === 0\n                  ? tr('channel.createChannelFirst', 'Create a channel first to add connections')\n                  : tr('channel.noConnectionsMatchFilter', 'No connections match your filters')}\n              </p>\n              {channels.length === 0 ? (\n                <button\n                  onClick={() => navigate('./create')}\n                  className=\"px-4 py-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90\"\n                >\n                  {tr('channel.createChannel', 'Create Channel')}\n                </button>\n              ) : (\n                <button\n                  onClick={() => {\n                    setHealthFilter('all');\n                    setPlatformFilter('all');\n                  }}\n                  className=\"px-4 py-2 rounded-lg border hover:bg-muted\"\n                >\n                  {tr('channel.clearFilters', 'Clear Filters')}\n                </button>\n              )}\n            </div>\n          ) : (\n            <div className=\"border rounded-lg divide-y\">\n              {filteredConnections.map((conn) => {\n                const health = HEALTH_CONFIG[String(conn.isHealthy)] || HEALTH_CONFIG.false;\n                const HealthIcon = health.icon;\n\n                return (\n                  <div\n                    key={conn.connectionId}\n                    className=\"p-4 hover:bg-muted/50 transition-colors cursor-pointer\"\n                    onClick={() => navigate(`./${conn.channelId}`)}\n                  >\n                    <div className=\"flex items-center justify-between\">\n                      <div className=\"flex items-center gap-4\">\n                        <div className={health.color}>\n                          <HealthIcon className=\"w-5 h-5\" />\n                        </div>\n                        <div>\n                          <p className=\"font-medium\">{conn.channelName}</p>\n                          <p className=\"text-sm text-muted-foreground\">\n                            {conn.platform} • {conn.adapterType} • {conn.authType}\n                          </p>\n                        </div>\n                      </div>\n\n                      <div className=\"flex items-center gap-4\">\n                        <div className=\"text-right\">\n                          <p className=\"text-sm\">\n                            {conn.channelStatus === 'ACTIVE' ? (\n                              <span className=\"text-green-500\">\n                                {tr('channel.activeStatus', 'Active')}\n                              </span>\n                            ) : conn.channelStatus === 'INACTIVE' ? (\n                              <span className=\"text-muted-foreground\">\n                                {tr('channel.inactiveStatus', 'Inactive')}\n                              </span>\n                            ) : conn.channelStatus === 'ERROR' ? (\n                              <span className=\"text-red-500\">\n                                {tr('channel.errorStatus', 'Error')}\n                              </span>\n                            ) : conn.channelStatus === 'SUSPENDED' ? (\n                              <span className=\"text-yellow-500\">\n                                {tr('channel.suspendedStatus', 'Suspended')}\n                              </span>\n                            ) : conn.channelStatus === 'ARCHIVED' ? (\n                              <span className=\"text-muted-foreground\">\n                                {tr('channel.archivedStatus', 'Archived')}\n                              </span>\n                            ) : (\n                              <span className=\"text-muted-foreground\">\n                                {tr('channel.inactiveStatus', 'Inactive')}\n                              </span>\n                            )}\n                          </p>\n                          {conn.lastTestedAt && (\n                            <p className=\"text-xs text-muted-foreground\">\n                              Last tested: {new Date(conn.lastTestedAt).toLocaleDateString()}\n                            </p>\n                          )}\n                        </div>\n\n                        {conn.needsTokenRefresh && (\n                          <span className=\"px-2 py-1 text-xs bg-yellow-500/10 text-yellow-500 rounded\">\n                            Token Expires\n                          </span>\n                        )}\n\n                        {conn.tagAssignments.length > 0 && (\n                          <div className=\"flex flex-wrap gap-1\" aria-label=\"Connection tags\">\n                            {conn.tagAssignments.slice(0, 3).map((a) => (\n                              <TagBadge key={a.id} id={a.tagId} label={a.tagId} size=\"sm\" />\n                            ))}\n                            {conn.tagAssignments.length > 3 && (\n                              <span className=\"text-xs text-muted-foreground\">\n                                +{conn.tagAssignments.length - 3}\n                              </span>\n                            )}\n                          </div>\n                        )}\n\n                        <button\n                          onClick={(e) => {\n                            e.stopPropagation();\n                            navigate(`/channels/${conn.channelId}`);\n                          }}\n                          className=\"p-2 hover:bg-muted rounded-lg transition-colors\"\n                        >\n                          <Settings className=\"w-4 h-4\" />\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                );\n              })}\n            </div>\n          )}\n        </div>\n      </div>\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}

package/dist/channel/modules/channels/pages/CreateChannelPage.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Create Channel Page
+ *
+ * Form fields match the exact CreateChannelInput from global-channel-svc:
+ *   name (required), platform (required), organizationId (auto), description,
+ *   adapterType, status, priority, platformConfig
+ *
+ * organizationId is injected from shell context — not shown in form.
+ * Credentials belong to createConnection mutation — not part of channel creation.
+ */
+export declare function CreateChannelPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CreateChannelPage.d.ts.map

package/dist/channel/modules/channels/pages/CreateChannelPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateChannelPage.d.ts","sourceRoot":"","sources":["../../../../../src/channel/modules/channels/pages/CreateChannelPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AA+IH,wBAAgB,iBAAiB,4CAuWhC"}