@burdenoff/microfe-channel 2026.1013.2 → 2026.1107.1

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

@@ -6,5 +6,4 @@
  *
  * Form fields match UpdateConnectionInput exactly.
  */
-export declare function EditConnectionPage(): import("react").JSX.Element;
-//# sourceMappingURL=EditConnectionPage.d.ts.map
+export declare function EditConnectionPage(): import('react').JSX.Element;

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

@@ -1,16 +1,16 @@
 import { useChannel as e } from "../../../providers/ChannelProvider.js";
-import { emitShellEvent as t, reportShellError as n } from "../../../utils/shellBridge.js";
-import { getGlobalChannelClient as r } from "../../../graphql/global-client.js";
-import { GetConnectionDocument as i, UpdateConnectionDocument as a } from "../../../../generated/global-operations.js";
-import { PermissionGuard as o } from "../../../components/PermissionGuard.js";
-import { CHANNEL_PERMISSIONS as s } from "../../../constants/permissions.js";
+import { getGlobalChannelClient as t } from "../../../graphql/global-client.js";
+import { GetConnectionDocument as n, UpdateConnectionDocument as r } from "../../../../generated/global-operations.js";
+import { PermissionGuard as i } from "../../../components/PermissionGuard.js";
+import { CHANNEL_PERMISSIONS as a } from "../../../constants/permissions.js";
+import { emitShellEvent as o, reportShellError as s } from "../../../utils/shellBridge.js";
 import { useEffect as c, useState as l } from "react";
 import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { AlertCircle as d, ArrowLeft as f, Loader2 as p, Save as m, Shield as h } from "lucide-react";
 import { useNavigate as g, useParams as _ } from "react-router";
 import { jsx as v, jsxs as y } from "react/jsx-runtime";
 import { EmphasisPanel as b, PagePurpose as x } from "@burdenoff/fe-libs/ui";
-//#region src/channel/modules/channels/pages/EditConnectionPage.tsx
+// src/channel/modules/channels/pages/EditConnectionPage.tsx
 function S() {
 	let S = g(), { connectionId: C } = _(), { authToken: w, apiGatewayUrl: T, organizationId: E } = e(), { t: D } = u(), O = (e, t) => {
 		let n = D(e);
@@ -22,14 +22,14 @@ function S() {
 		return (async () => {
 			M(!0), P(null);
 			try {
-				let t = await r(T, w, E).query({
-					query: i,
+				let r = await t(T, w, E).query({
+					query: n,
 					variables: { id: C },
 					fetchPolicy: "network-only"
 				});
 				if (e) return;
-				let n = t.data?.getConnection ?? null;
-				A(n), I(n?.isActive ?? !0);
+				let i = r.data?.getConnection ?? null;
+				A(i), I(i?.isActive ?? !0);
 			} catch (t) {
 				if (e) return;
 				P(t instanceof Error ? t.message : O("connection.loadFailed", "Failed to load connection"));
@@ -48,8 +48,8 @@ function S() {
 	]), j ? /* @__PURE__ */ v("div", {
 		className: "container mx-auto p-6 flex items-center justify-center min-h-64",
 		children: /* @__PURE__ */ v(p, { className: "size-6 animate-spin text-fg-muted" })
-	}) : k ? /* @__PURE__ */ v(o, {
-		permission: s.CHANNEL_CONNECTION_UPDATE,
+	}) : k ? /* @__PURE__ */ v(i, {
+		permission: a.CHANNEL_CONNECTION_UPDATE,
 		children: /* @__PURE__ */ y("div", {
 			className: "container mx-auto p-6 max-w-2xl",
 			children: [
@@ -90,35 +90,35 @@ function S() {
 						onSubmit: async (e) => {
 							if (e.preventDefault(), !C) return;
 							P(null);
-							let i;
+							let n;
 							if (L.trim()) try {
-								i = JSON.parse(L);
+								n = JSON.parse(L);
 							} catch {
 								P(O("connection.validation.credentialsJson", "Credentials must be valid JSON"));
 								return;
 							}
-							let o;
+							let i;
 							if (z.trim()) try {
-								o = JSON.parse(z);
+								i = JSON.parse(z);
 							} catch {
 								P(O("connection.validation.metadataJson", "Platform metadata must be valid JSON"));
 								return;
 							}
 							H(!0);
 							try {
-								await r(T, w, E).mutate({
-									mutation: a,
+								await t(T, w, E).mutate({
+									mutation: r,
 									variables: {
 										id: C,
 										input: {
 											isActive: F,
-											credentials: i,
-											platformMetadata: o
+											credentials: n,
+											platformMetadata: i
 										}
 									}
-								}), t("connection.updated", { id: C }), S(`../${C}`);
+								}), o("connection.updated", { id: C }), S(`../${C}`);
 							} catch (e) {
-								n(e, {
+								s(e, {
 									module: "channel",
 									context: {
 										action: "EditConnectionPage.submit",
@@ -210,7 +210,6 @@ function S() {
 		})
 	});
 }
-//#endregion
 export { S as EditConnectionPage };
 
 //# sourceMappingURL=EditConnectionPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditConnectionPage.js","names":[],"sources":["../../../../../src/channel/modules/channels/pages/EditConnectionPage.tsx"],"sourcesContent":["/**\n * Edit Connection Page\n *\n * Standalone page mounted at /channels/connections/:connectionId/edit.\n * Fetches the connection directly via getConnection (no channelId required in URL).\n *\n * Form fields match UpdateConnectionInput exactly.\n */\n\nimport { useEffect, useState } from 'react';\nimport { useNavigate, useParams } from 'react-router';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { ArrowLeft, Loader2, AlertCircle, Save, Shield } from 'lucide-react';\nimport { EmphasisPanel, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useChannel as useChannelContext } from '../../../providers/ChannelProvider';\nimport { getGlobalChannelClient } from '../../../graphql/global-client';\nimport {\n  GetConnectionDocument,\n  UpdateConnectionDocument,\n  type GetConnectionQuery,\n  type UpdateConnectionMutation,\n} from '../../../../generated/global-operations';\nimport { PermissionGuard } from '../../../components/PermissionGuard';\nimport { CHANNEL_PERMISSIONS } from '../../../constants/permissions';\nimport { emitShellEvent, reportShellError } from '../../../utils/shellBridge';\n\ntype Connection = NonNullable<GetConnectionQuery['getConnection']>;\n\nexport function EditConnectionPage() {\n  const navigate = useNavigate();\n  const { connectionId } = useParams<{ connectionId: string }>();\n  const { authToken, apiGatewayUrl, organizationId } = useChannelContext();\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  const [connection, setConnection] = useState<Connection | null>(null);\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n\n  const [isActive, setIsActive] = useState(true);\n  const [credentials, setCredentials] = useState('');\n  const [platformMetadata, setPlatformMetadata] = useState('');\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  useEffect(() => {\n    if (!connectionId) return;\n    let cancelled = false;\n    void (async () => {\n      setIsLoading(true);\n      setError(null);\n      try {\n        const client = getGlobalChannelClient(apiGatewayUrl, authToken, organizationId);\n        const result = await client.query<GetConnectionQuery>({\n          query: GetConnectionDocument,\n          variables: { id: connectionId },\n          fetchPolicy: 'network-only',\n        });\n        if (cancelled) return;\n        const conn = result.data?.getConnection ?? null;\n        setConnection(conn);\n        setIsActive(conn?.isActive ?? true);\n      } catch (err: unknown) {\n        if (cancelled) return;\n        setError(\n          err instanceof Error\n            ? err.message\n            : tr('connection.loadFailed', 'Failed to load connection')\n        );\n      } finally {\n        if (!cancelled) setIsLoading(false);\n      }\n    })();\n    return () => {\n      cancelled = true;\n    };\n  }, [connectionId, apiGatewayUrl, authToken, organizationId, tr]);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    if (!connectionId) return;\n    setError(null);\n\n    let parsedCredentials: Record<string, unknown> | undefined;\n    if (credentials.trim()) {\n      try {\n        parsedCredentials = JSON.parse(credentials);\n      } catch {\n        setError(tr('connection.validation.credentialsJson', 'Credentials must be valid JSON'));\n        return;\n      }\n    }\n\n    let parsedMetadata: Record<string, unknown> | undefined;\n    if (platformMetadata.trim()) {\n      try {\n        parsedMetadata = JSON.parse(platformMetadata);\n      } catch {\n        setError(tr('connection.validation.metadataJson', 'Platform metadata must be valid JSON'));\n        return;\n      }\n    }\n\n    setIsSubmitting(true);\n    try {\n      const client = getGlobalChannelClient(apiGatewayUrl, authToken, organizationId);\n      await client.mutate<UpdateConnectionMutation>({\n        mutation: UpdateConnectionDocument,\n        variables: {\n          id: connectionId,\n          input: {\n            isActive,\n            credentials: parsedCredentials,\n            platformMetadata: parsedMetadata,\n          },\n        },\n      });\n      emitShellEvent('connection.updated', { id: connectionId });\n      navigate(`../${connectionId}`);\n    } catch (err: unknown) {\n      reportShellError(\n        err,\n        { module: 'channel', context: { action: 'EditConnectionPage.submit', connectionId } },\n        '[channel] Failed to update connection'\n      );\n      setError(\n        err instanceof Error\n          ? err.message\n          : tr('connection.updateFailed', 'Failed to update connection')\n      );\n    } finally {\n      setIsSubmitting(false);\n    }\n  };\n\n  if (isLoading) {\n    return (\n      <div className=\"container mx-auto p-6 flex items-center justify-center min-h-64\">\n        <Loader2 className=\"size-6 animate-spin text-fg-muted\" />\n      </div>\n    );\n  }\n\n  if (!connection) {\n    return (\n      <div className=\"container mx-auto p-6 max-w-2xl\">\n        <div className=\"bg-status-error-bg-subtle border border-status-error-bg-subtle rounded-lg p-4 flex gap-3\">\n          <AlertCircle className=\"size-5 text-status-error-text shrink-0\" />\n          <p className=\"text-sm text-status-error-text\">\n            {error ?? tr('connection.notFound', 'Connection not found')}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <PermissionGuard permission={CHANNEL_PERMISSIONS.CHANNEL_CONNECTION_UPDATE}>\n      <div className=\"container mx-auto p-6 max-w-2xl\">\n        <button\n          type=\"button\"\n          onClick={() => navigate(-1)}\n          className=\"flex items-center gap-2 text-fg-muted hover:text-fg mb-6\"\n        >\n          <ArrowLeft className=\"size-4 \" />\n          {tr('common.back', 'Back')}\n        </button>\n\n        <div className=\"flex items-center gap-3 mb-6\">\n          <Shield className=\"size-7 text-accent-blue\" />\n          <div>\n            <h1 className=\"text-2xl font-bold text-fg\">\n              {tr('connection.edit.title', 'Edit Connection')}\n            </h1>\n            <p className=\"text-sm text-fg-muted\">\n              {tr('connection.edit.subtitle', 'Update credentials, status, or platform metadata.')}\n            </p>\n          </div>\n        </div>\n\n        <PagePurpose icon={<Shield size={15} aria-hidden=\"true\" />} className=\"mb-6\">\n          {tr(\n            'connection.edit.purpose',\n            'Update an existing connection — rotate credentials, toggle it active or inactive, or refresh platform metadata. Use this when a token has expired, secrets have rotated, or you need to temporarily disable the link without removing it. Saved secrets are stored encrypted and never displayed back.'\n          )}\n        </PagePurpose>\n\n        {error && (\n          <div className=\"bg-status-error-bg-subtle border border-status-error-bg-subtle rounded-lg p-4 mb-6 flex gap-3\">\n            <AlertCircle className=\"size-5 text-status-error-text shrink-0\" />\n            <p className=\"text-sm text-status-error-text\">{error}</p>\n          </div>\n        )}\n\n        <EmphasisPanel className=\"p-6\">\n          <form onSubmit={handleSubmit} className=\"space-y-6\">\n            <div className=\"text-sm text-fg-muted\">\n              <span className=\"font-medium text-fg\">ID:</span> {connection.id}\n              <br />\n              <span className=\"font-medium text-fg\">\n                {tr('connection.field.authType', 'Auth Type')}:\n              </span>{' '}\n              {connection.authType}\n            </div>\n\n            <div>\n              <label className=\"flex items-center gap-2 text-sm font-medium text-fg\">\n                <input\n                  type=\"checkbox\"\n                  checked={isActive}\n                  onChange={(e) => setIsActive(e.target.checked)}\n                />\n                {tr('connection.field.isActive', 'Active')}\n              </label>\n            </div>\n\n            <div>\n              <label className=\"block text-sm font-medium text-fg mb-2\">\n                {tr('connection.field.credentials', 'Credentials (JSON)')}\n              </label>\n              <textarea\n                aria-label={tr(\n                  'connection.field.credentialsLeaveBlank',\n                  'Leave blank to keep existing credentials'\n                )}\n                value={credentials}\n                onChange={(e) => setCredentials(e.target.value)}\n                rows={6}\n                className=\"w-full px-3 py-2 bg-bg border border-border-subtle rounded-md font-mono text-sm text-fg\"\n                placeholder={tr(\n                  'connection.field.credentialsLeaveBlank',\n                  'Leave blank to keep existing credentials'\n                )}\n              />\n            </div>\n\n            <div>\n              <label\n                htmlFor=\"edit-conn-platform-metadata\"\n                className=\"block text-sm font-medium text-fg mb-2\"\n              >\n                {tr('connection.field.platformMetadata', 'Platform Metadata (JSON)')}\n              </label>\n              <textarea\n                id=\"edit-conn-platform-metadata\"\n                aria-label={tr('connection.field.platformMetadata', 'Platform Metadata (JSON)')}\n                value={platformMetadata}\n                onChange={(e) => setPlatformMetadata(e.target.value)}\n                rows={4}\n                className=\"w-full px-3 py-2 bg-bg border border-border-subtle rounded-md font-mono text-sm text-fg\"\n              />\n            </div>\n\n            <div className=\"flex gap-3 pt-2\">\n              <button\n                type=\"submit\"\n                disabled={isSubmitting}\n                className=\"flex items-center gap-2 px-4 py-2 bg-accent-blue text-fg-on-accent rounded-md disabled:opacity-50\"\n              >\n                {isSubmitting ? (\n                  <Loader2 className=\"size-4 animate-spin\" />\n                ) : (\n                  <Save className=\"size-4 \" />\n                )}\n                {tr('common.save', 'Save')}\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => navigate(-1)}\n                className=\"px-4 py-2 text-fg border border-border-subtle rounded-md\"\n              >\n                {tr('common.cancel', 'Cancel')}\n              </button>\n            </div>\n          </form>\n        </EmphasisPanel>\n      </div>\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"EditConnectionPage.js","names":["useChannelContext","EditConnectionPage","navigate","useNavigate","useParams","useChannel","useI18n","tr","value","t","key","fallback","connection","setConnection","useState","isLoading","setIsLoading","error","setError","isActive","setIsActive","credentials","setCredentials","platformMetadata","setPlatformMetadata","isSubmitting","setIsSubmitting","useEffect","connectionId","cancelled","result","getGlobalChannelClient","apiGatewayUrl","authToken","organizationId","GetConnectionDocument","conn","err","Loader2","PermissionGuard","CHANNEL_PERMISSIONS","ArrowLeft","Shield","PagePurpose","AlertCircle","EmphasisPanel","parsedCredentials","parsedMetadata","UpdateConnectionDocument","emitShellEvent","reportShellError","Save"],"sources":["../../../../../src/channel/modules/channels/pages/EditConnectionPage.tsx"],"sourcesContent":["/**\n * Edit Connection Page\n *\n * Standalone page mounted at /channels/connections/:connectionId/edit.\n * Fetches the connection directly via getConnection (no channelId required in URL).\n *\n * Form fields match UpdateConnectionInput exactly.\n */\n\nimport { useEffect, useState } from 'react';\nimport { useNavigate, useParams } from 'react-router';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { ArrowLeft, Loader2, AlertCircle, Save, Shield } from 'lucide-react';\nimport { EmphasisPanel, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useChannel as useChannelContext } from '../../../providers/ChannelProvider';\nimport { getGlobalChannelClient } from '../../../graphql/global-client';\nimport {\n  GetConnectionDocument,\n  UpdateConnectionDocument,\n  type GetConnectionQuery,\n  type UpdateConnectionMutation,\n} from '../../../../generated/global-operations';\nimport { PermissionGuard } from '../../../components/PermissionGuard';\nimport { CHANNEL_PERMISSIONS } from '../../../constants/permissions';\nimport { emitShellEvent, reportShellError } from '../../../utils/shellBridge';\n\ntype Connection = NonNullable<GetConnectionQuery['getConnection']>;\n\nexport function EditConnectionPage() {\n  const navigate = useNavigate();\n  const { connectionId } = useParams<{ connectionId: string }>();\n  const { authToken, apiGatewayUrl, organizationId } = useChannelContext();\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  const [connection, setConnection] = useState<Connection | null>(null);\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n\n  const [isActive, setIsActive] = useState(true);\n  const [credentials, setCredentials] = useState('');\n  const [platformMetadata, setPlatformMetadata] = useState('');\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  useEffect(() => {\n    if (!connectionId) return;\n    let cancelled = false;\n    void (async () => {\n      setIsLoading(true);\n      setError(null);\n      try {\n        const client = getGlobalChannelClient(apiGatewayUrl, authToken, organizationId);\n        const result = await client.query<GetConnectionQuery>({\n          query: GetConnectionDocument,\n          variables: { id: connectionId },\n          fetchPolicy: 'network-only',\n        });\n        if (cancelled) return;\n        const conn = result.data?.getConnection ?? null;\n        setConnection(conn);\n        setIsActive(conn?.isActive ?? true);\n      } catch (err: unknown) {\n        if (cancelled) return;\n        setError(\n          err instanceof Error\n            ? err.message\n            : tr('connection.loadFailed', 'Failed to load connection')\n        );\n      } finally {\n        if (!cancelled) setIsLoading(false);\n      }\n    })();\n    return () => {\n      cancelled = true;\n    };\n  }, [connectionId, apiGatewayUrl, authToken, organizationId, tr]);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    if (!connectionId) return;\n    setError(null);\n\n    let parsedCredentials: Record<string, unknown> | undefined;\n    if (credentials.trim()) {\n      try {\n        parsedCredentials = JSON.parse(credentials);\n      } catch {\n        setError(tr('connection.validation.credentialsJson', 'Credentials must be valid JSON'));\n        return;\n      }\n    }\n\n    let parsedMetadata: Record<string, unknown> | undefined;\n    if (platformMetadata.trim()) {\n      try {\n        parsedMetadata = JSON.parse(platformMetadata);\n      } catch {\n        setError(tr('connection.validation.metadataJson', 'Platform metadata must be valid JSON'));\n        return;\n      }\n    }\n\n    setIsSubmitting(true);\n    try {\n      const client = getGlobalChannelClient(apiGatewayUrl, authToken, organizationId);\n      await client.mutate<UpdateConnectionMutation>({\n        mutation: UpdateConnectionDocument,\n        variables: {\n          id: connectionId,\n          input: {\n            isActive,\n            credentials: parsedCredentials,\n            platformMetadata: parsedMetadata,\n          },\n        },\n      });\n      emitShellEvent('connection.updated', { id: connectionId });\n      navigate(`../${connectionId}`);\n    } catch (err: unknown) {\n      reportShellError(\n        err,\n        { module: 'channel', context: { action: 'EditConnectionPage.submit', connectionId } },\n        '[channel] Failed to update connection'\n      );\n      setError(\n        err instanceof Error\n          ? err.message\n          : tr('connection.updateFailed', 'Failed to update connection')\n      );\n    } finally {\n      setIsSubmitting(false);\n    }\n  };\n\n  if (isLoading) {\n    return (\n      <div className=\"container mx-auto p-6 flex items-center justify-center min-h-64\">\n        <Loader2 className=\"size-6 animate-spin text-fg-muted\" />\n      </div>\n    );\n  }\n\n  if (!connection) {\n    return (\n      <div className=\"container mx-auto p-6 max-w-2xl\">\n        <div className=\"bg-status-error-bg-subtle border border-status-error-bg-subtle rounded-lg p-4 flex gap-3\">\n          <AlertCircle className=\"size-5 text-status-error-text shrink-0\" />\n          <p className=\"text-sm text-status-error-text\">\n            {error ?? tr('connection.notFound', 'Connection not found')}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <PermissionGuard permission={CHANNEL_PERMISSIONS.CHANNEL_CONNECTION_UPDATE}>\n      <div className=\"container mx-auto p-6 max-w-2xl\">\n        <button\n          type=\"button\"\n          onClick={() => navigate(-1)}\n          className=\"flex items-center gap-2 text-fg-muted hover:text-fg mb-6\"\n        >\n          <ArrowLeft className=\"size-4 \" />\n          {tr('common.back', 'Back')}\n        </button>\n\n        <div className=\"flex items-center gap-3 mb-6\">\n          <Shield className=\"size-7 text-accent-blue\" />\n          <div>\n            <h1 className=\"text-2xl font-bold text-fg\">\n              {tr('connection.edit.title', 'Edit Connection')}\n            </h1>\n            <p className=\"text-sm text-fg-muted\">\n              {tr('connection.edit.subtitle', 'Update credentials, status, or platform metadata.')}\n            </p>\n          </div>\n        </div>\n\n        <PagePurpose icon={<Shield size={15} aria-hidden=\"true\" />} className=\"mb-6\">\n          {tr(\n            'connection.edit.purpose',\n            'Update an existing connection — rotate credentials, toggle it active or inactive, or refresh platform metadata. Use this when a token has expired, secrets have rotated, or you need to temporarily disable the link without removing it. Saved secrets are stored encrypted and never displayed back.'\n          )}\n        </PagePurpose>\n\n        {error && (\n          <div className=\"bg-status-error-bg-subtle border border-status-error-bg-subtle rounded-lg p-4 mb-6 flex gap-3\">\n            <AlertCircle className=\"size-5 text-status-error-text shrink-0\" />\n            <p className=\"text-sm text-status-error-text\">{error}</p>\n          </div>\n        )}\n\n        <EmphasisPanel className=\"p-6\">\n          <form onSubmit={handleSubmit} className=\"space-y-6\">\n            <div className=\"text-sm text-fg-muted\">\n              <span className=\"font-medium text-fg\">ID:</span> {connection.id}\n              <br />\n              <span className=\"font-medium text-fg\">\n                {tr('connection.field.authType', 'Auth Type')}:\n              </span>{' '}\n              {connection.authType}\n            </div>\n\n            <div>\n              <label className=\"flex items-center gap-2 text-sm font-medium text-fg\">\n                <input\n                  type=\"checkbox\"\n                  checked={isActive}\n                  onChange={(e) => setIsActive(e.target.checked)}\n                />\n                {tr('connection.field.isActive', 'Active')}\n              </label>\n            </div>\n\n            <div>\n              <label className=\"block text-sm font-medium text-fg mb-2\">\n                {tr('connection.field.credentials', 'Credentials (JSON)')}\n              </label>\n              <textarea\n                aria-label={tr(\n                  'connection.field.credentialsLeaveBlank',\n                  'Leave blank to keep existing credentials'\n                )}\n                value={credentials}\n                onChange={(e) => setCredentials(e.target.value)}\n                rows={6}\n                className=\"w-full px-3 py-2 bg-bg border border-border-subtle rounded-md font-mono text-sm text-fg\"\n                placeholder={tr(\n                  'connection.field.credentialsLeaveBlank',\n                  'Leave blank to keep existing credentials'\n                )}\n              />\n            </div>\n\n            <div>\n              <label\n                htmlFor=\"edit-conn-platform-metadata\"\n                className=\"block text-sm font-medium text-fg mb-2\"\n              >\n                {tr('connection.field.platformMetadata', 'Platform Metadata (JSON)')}\n              </label>\n              <textarea\n                id=\"edit-conn-platform-metadata\"\n                aria-label={tr('connection.field.platformMetadata', 'Platform Metadata (JSON)')}\n                value={platformMetadata}\n                onChange={(e) => setPlatformMetadata(e.target.value)}\n                rows={4}\n                className=\"w-full px-3 py-2 bg-bg border border-border-subtle rounded-md font-mono text-sm text-fg\"\n              />\n            </div>\n\n            <div className=\"flex gap-3 pt-2\">\n              <button\n                type=\"submit\"\n                disabled={isSubmitting}\n                className=\"flex items-center gap-2 px-4 py-2 bg-accent-blue text-fg-on-accent rounded-md disabled:opacity-50\"\n              >\n                {isSubmitting ? (\n                  <Loader2 className=\"size-4 animate-spin\" />\n                ) : (\n                  <Save className=\"size-4 \" />\n                )}\n                {tr('common.save', 'Save')}\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => navigate(-1)}\n                className=\"px-4 py-2 text-fg border border-border-subtle rounded-md\"\n              >\n                {tr('common.cancel', 'Cancel')}\n              </button>\n            </div>\n          </form>\n        </EmphasisPanel>\n      </div>\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}

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

@@ -4,5 +4,4 @@
  * UI for sending notifications/messages through channels.
  * Supports single and bulk delivery with recipient management.
  */
-export declare function SendMessagePage(): import("react").JSX.Element;
-//# sourceMappingURL=SendMessagePage.d.ts.map
+export declare function SendMessagePage(): import('react').JSX.Element;