@burdenoff/microfe-channel 2026.1013.1 → 2026.1107.1

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

@@ -1 +1 @@
-{"version":3,"file":"EditChannelPage.js","names":[],"sources":["../../../../../src/channel/modules/channels/pages/EditChannelPage.tsx"],"sourcesContent":["/**\n * Edit Channel Page\n *\n * Allows editing an existing channel's configuration.\n * Uses the same form structure as CreateChannelPage but pre-fills existing values.\n */\n\nimport { useState, useEffect, useRef, useMemo } from 'react';\nimport { useNavigate, useParams } from 'react-router';\nimport { useTr } from '../../../hooks/useTr';\nimport {\n  ArrowLeft,\n  Save,\n  Loader2,\n  AlertCircle,\n  Mail,\n  Smartphone,\n  Bell,\n  Inbox,\n  MessageSquare,\n  Hash,\n  Users,\n  MessageCircle,\n  Send,\n  Trash2,\n} from 'lucide-react';\nimport { useChannel, useChannels } from '../../../hooks/useChannels';\nimport {\n  type ChannelPlatform,\n  type AdapterType,\n  type ChannelStatus,\n  type UpdateChannelInput,\n} from '../../../hooks/useChannels';\nimport { EmphasisPanel, GlassCard, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { nativeImpact, nativeNotify } from '../../../../utils/nativeBridge';\nimport { PermissionGuard } from '../../../components/PermissionGuard';\nimport { CHANNEL_PERMISSIONS } from '../../../constants/permissions';\nimport { MarkdownEditor } from '../../../components/MarkdownEditor';\n\ntype PlatformOption = {\n  value: ChannelPlatform;\n  labelKey: string;\n  labelFallback: string;\n  descriptionKey: string;\n  descriptionFallback: string;\n  icon: typeof Mail;\n  color: string;\n  adapters: { value: AdapterType; labelKey: string; labelFallback: string }[];\n};\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport function EditChannelPage() {\n  const navigate = useNavigate();\n  const { channelId } = useParams<{ channelId: string }>();\n  const { channel, isLoading, error } = useChannel(channelId!);\n  const { updateChannel, deleteChannel } = useChannels();\n  const tr = useTr();\n\n  const PLATFORM_OPTIONS: PlatformOption[] = useMemo(\n    () => [\n      {\n        value: 'EMAIL',\n        labelKey: 'channel.platformLabel.email',\n        labelFallback: 'Email',\n        descriptionKey: 'channel.platformDescription.emailDescription',\n        descriptionFallback: 'Send emails via various providers',\n        icon: Mail,\n        color: 'text-status-info-text bg-status-info-bg-subtle border-status-info-border',\n        adapters: [\n          { value: 'AWS_SES', labelKey: 'channel.adapter.awsSes', labelFallback: 'AWS SES' },\n          { value: 'MAILGUN', labelKey: 'channel.adapter.mailgun', labelFallback: 'Mailgun' },\n          { value: 'POSTMARK', labelKey: 'channel.adapter.postmark', labelFallback: 'Postmark' },\n          { value: 'MANDRILL', labelKey: 'channel.adapter.mandrill', labelFallback: 'Mandrill' },\n          { value: 'RESEND', labelKey: 'channel.adapter.resend', labelFallback: 'Resend' },\n          {\n            value: 'AZURE_ACS',\n            labelKey: 'channel.adapter.azureAcs',\n            labelFallback: 'Azure Communication Services',\n          },\n          { value: 'SMTP', labelKey: 'channel.adapter.smtp', labelFallback: 'Custom SMTP' },\n        ],\n      },\n      {\n        value: 'SMS',\n        labelKey: 'channel.platformLabel.sms',\n        labelFallback: 'SMS',\n        descriptionKey: 'channel.platformDescription.smsDescription',\n        descriptionFallback: 'Send text messages',\n        icon: Smartphone,\n        color:\n          'text-status-success-text bg-status-success-bg-subtle border-status-success-border/30',\n        adapters: [\n          { value: 'TWILIO_SMS', labelKey: 'channel.adapter.twilio', labelFallback: 'Twilio' },\n          { value: 'AWS_SNS', labelKey: 'channel.adapter.awsSns', labelFallback: 'AWS SNS' },\n          { value: 'VONAGE', labelKey: 'channel.adapter.vonage', labelFallback: 'Vonage' },\n          { value: 'PLIVO', labelKey: 'channel.adapter.plivo', labelFallback: 'Plivo' },\n          {\n            value: 'MESSAGEBIRD',\n            labelKey: 'channel.adapter.messagebird',\n            labelFallback: 'MessageBird',\n          },\n          { value: 'INFOBIP', labelKey: 'channel.adapter.infobip', labelFallback: 'Infobip' },\n        ],\n      },\n      {\n        value: 'PUSH',\n        labelKey: 'channel.platformLabel.push',\n        labelFallback: 'Push',\n        descriptionKey: 'channel.platformDescription.pushDescription',\n        descriptionFallback: 'Mobile & web push',\n        icon: Bell,\n        color: 'text-accent-purple bg-accent-purple-subtle border-accent-purple/30',\n        adapters: [\n          {\n            value: 'FCM',\n            labelKey: 'channel.adapter.fcm',\n            labelFallback: 'Firebase Cloud Messaging',\n          },\n          {\n            value: 'APNS',\n            labelKey: 'channel.adapter.apns',\n            labelFallback: 'Apple Push Notification Service',\n          },\n          { value: 'ONESIGNAL', labelKey: 'channel.adapter.onesignal', labelFallback: 'OneSignal' },\n          { value: 'EXPO', labelKey: 'channel.adapter.expo', labelFallback: 'Expo Push' },\n        ],\n      },\n      {\n        value: 'INAPP',\n        labelKey: 'channel.platformLabel.inApp',\n        labelFallback: 'In-App',\n        descriptionKey: 'channel.platformDescription.inAppDescription',\n        descriptionFallback: 'Internal in-app notifications',\n        icon: Inbox,\n        color:\n          'text-status-warning-text bg-status-warning-bg-subtle border-status-warning-border/30',\n        adapters: [\n          {\n            value: 'INAPP_NATIVE',\n            labelKey: 'channel.adapter.inAppNative',\n            labelFallback: 'Native In-App',\n          },\n        ],\n      },\n      {\n        value: 'WHATSAPP',\n        labelKey: 'channel.platformLabel.whatsapp',\n        labelFallback: 'WhatsApp',\n        descriptionKey: 'channel.platformDescription.whatsappDescription',\n        descriptionFallback: 'WhatsApp Business messaging',\n        icon: MessageSquare,\n        color:\n          'text-status-success-text bg-status-success-bg-subtle border-status-success-border/30',\n        adapters: [\n          {\n            value: 'WHATSAPP_CLOUD',\n            labelKey: 'channel.adapter.whatsappCloud',\n            labelFallback: 'WhatsApp Cloud API',\n          },\n          {\n            value: 'WHATSAPP_TWILIO',\n            labelKey: 'channel.adapter.whatsappTwilio',\n            labelFallback: 'WhatsApp via Twilio',\n          },\n        ],\n      },\n      {\n        value: 'SLACK',\n        labelKey: 'channel.platformLabel.slack',\n        labelFallback: 'Slack',\n        descriptionKey: 'channel.platformDescription.slackDescription',\n        descriptionFallback: 'Slack bot & channels',\n        icon: Hash,\n        color: 'text-accent-purple bg-accent-purple-subtle border-accent-purple/30',\n        adapters: [\n          { value: 'SLACK_BOT', labelKey: 'channel.adapter.slackBot', labelFallback: 'Slack Bot' },\n        ],\n      },\n      {\n        value: 'TEAMS',\n        labelKey: 'channel.platformLabel.teams',\n        labelFallback: 'Teams',\n        descriptionKey: 'channel.platformDescription.teamsDescription',\n        descriptionFallback: 'Microsoft Teams',\n        icon: Users,\n        color: 'text-status-info-text bg-status-info-bg-subtle border-status-info-border',\n        adapters: [\n          { value: 'TEAMS_BOT', labelKey: 'channel.adapter.teamsBot', labelFallback: 'Teams Bot' },\n        ],\n      },\n      {\n        value: 'DISCORD',\n        labelKey: 'channel.platformLabel.discord',\n        labelFallback: 'Discord',\n        descriptionKey: 'channel.platformDescription.discordDescription',\n        descriptionFallback: 'Discord bots & webhooks',\n        icon: MessageCircle,\n        color: 'text-accent-indigo bg-accent-indigo-subtle border-accent-indigo/30',\n        adapters: [\n          {\n            value: 'DISCORD_BOT',\n            labelKey: 'channel.adapter.discordBot',\n            labelFallback: 'Discord Bot',\n          },\n        ],\n      },\n      {\n        value: 'WEBCHAT',\n        labelKey: 'channel.platformLabel.webchat',\n        labelFallback: 'Webchat',\n        descriptionKey: 'channel.platformDescription.webchatDescription',\n        descriptionFallback: 'Website live chat',\n        icon: MessageSquare,\n        color: 'text-accent-teal bg-accent-teal-subtle border-accent-teal/30',\n        adapters: [\n          {\n            value: 'WEBCHAT_NATIVE',\n            labelKey: 'channel.adapter.webchatNative',\n            labelFallback: 'Native Webchat',\n          },\n        ],\n      },\n      {\n        value: 'WEBHOOK',\n        labelKey: 'channel.platformLabel.webhook',\n        labelFallback: 'Webhook',\n        descriptionKey: 'channel.platformDescription.webhookDescription',\n        descriptionFallback: 'Generic HTTP webhook',\n        icon: Send,\n        color: 'text-text-secondary bg-bg-sunken/50 border-border-subtle',\n        adapters: [\n          {\n            value: 'WEBHOOK_HTTP',\n            labelKey: 'channel.adapter.webhookHttp',\n            labelFallback: 'HTTP Webhook',\n          },\n        ],\n      },\n    ],\n    []\n  );\n\n  const PRIORITY_OPTIONS = useMemo(\n    () => [\n      { value: 0, label: tr('channel.priorityLabel.lowest', '0 - Lowest') },\n      { value: 1, label: tr('channel.priorityLabel.low', '1 - Low') },\n      { value: 2, label: tr('channel.priorityLabel.normal', '2 - Normal') },\n      { value: 3, label: tr('channel.priorityLabel.high', '3 - High') },\n      { value: 4, label: tr('channel.priorityLabel.highest', '4 - Highest') },\n    ],\n    [tr]\n  );\n\n  // Form state\n  const [name, setName] = useState('');\n  const [description, setDescription] = useState('');\n  const [adapterType, setAdapterType] = useState<AdapterType>('AWS_SES');\n  const [priority, setPriority] = useState(2);\n  const [status, setStatus] = useState<ChannelStatus>('INACTIVE');\n\n  // UI state\n  const [isSaving, setIsSaving] = useState(false);\n  const [isDeleting, setIsDeleting] = useState(false);\n  const [saveError, setSaveError] = useState<string | null>(null);\n  const [deleteConfirm, setDeleteConfirm] = useState(false);\n\n  // Load channel data into form — guard against re-initialization and defer\n  // the state update to a microtask so setState does not run synchronously\n  // inside the effect body (react-hooks/set-state-in-effect).\n  const loadedChannelIdRef = useRef<string | null>(null);\n  useEffect(() => {\n    if (channel && channel.id !== loadedChannelIdRef.current) {\n      loadedChannelIdRef.current = channel.id;\n      void Promise.resolve().then(() => {\n        setName(channel.name || '');\n        setDescription(channel.description || '');\n        setAdapterType((channel.adapterType || 'AWS_SES') as AdapterType);\n        setPriority(channel.priority || 2);\n        setStatus((channel.status || 'INACTIVE') as ChannelStatus);\n      });\n    }\n  }, [channel]);\n\n  // Update adapter options when platform changes\n  const currentPlatform = (channel?.platform || 'EMAIL') as ChannelPlatform;\n  const selectedPlatform = PLATFORM_OPTIONS.find((p) => p.value === currentPlatform);\n\n  const handleSave = async () => {\n    if (!channelId) return;\n\n    if (!name.trim()) {\n      setSaveError(tr('channel.validation.nameRequired', 'Channel name is required'));\n      return;\n    }\n\n    setIsSaving(true);\n    setSaveError(null);\n\n    try {\n      const input: UpdateChannelInput = {\n        name: name.trim(),\n        description: description.trim() || undefined,\n        adapterType,\n        priority,\n        status,\n      };\n\n      const result = await updateChannel(channelId, input);\n      if (result) {\n        navigate(`/channels/${channelId}`);\n      } else {\n        setSaveError(tr('channel.updateFailed', 'Failed to update channel'));\n      }\n    } catch (err: unknown) {\n      const message =\n        err instanceof Error ? err.message : tr('channel.updateFailed', 'Failed to update channel');\n      setSaveError(message);\n    } finally {\n      setIsSaving(false);\n    }\n  };\n\n  const handleDelete = async () => {\n    if (!channelId || !deleteConfirm) return;\n    void nativeImpact('medium');\n\n    setIsDeleting(true);\n    try {\n      const success = await deleteChannel(channelId);\n      if (success) {\n        void nativeNotify('success');\n        navigate('../list');\n      } else {\n        void nativeNotify('error');\n      }\n    } catch (err: unknown) {\n      void nativeNotify('error');\n      const message =\n        err instanceof Error ? err.message : tr('channel.deleteFailed', 'Failed to delete channel');\n      setSaveError(message);\n      setIsDeleting(false);\n    }\n  };\n\n  if (isLoading) {\n    return (\n      <div className=\"flex items-center justify-center min-h-screen\">\n        <Loader2 className=\"size-8 animate-spin text-text-secondary\" />\n      </div>\n    );\n  }\n\n  if (error || !channel) {\n    return (\n      <div className=\"flex flex-col items-center justify-center min-h-screen gap-4\">\n        <AlertCircle className=\"size-12 text-status-error-text\" />\n        <h1 className=\"text-xl font-semibold\">\n          {tr('channel.channelNotFound', 'Channel not found')}\n        </h1>\n        <button\n          type=\"button\"\n          onClick={() => navigate('../list')}\n          className=\"text-primary hover:underline\"\n        >\n          {tr('channel.backToChannels', 'Back to channels')}\n        </button>\n      </div>\n    );\n  }\n\n  return (\n    <PermissionGuard permission={CHANNEL_PERMISSIONS.CHANNEL_UPDATE}>\n      <div className=\"min-h-screen bg-bg-surface\">\n        {/* Header */}\n        <div className=\"border-b bg-bg-surface\">\n          <div className=\"container mx-auto px-6 py-4\">\n            <div className=\"flex items-center gap-4\">\n              <button\n                type=\"button\"\n                onClick={() => navigate(`/channels/${channelId}`)}\n                className=\"p-2 hover:bg-bg-sunken rounded-lg transition-colors\"\n              >\n                <ArrowLeft className=\"size-5 \" />\n              </button>\n              <div>\n                <h1 className=\"text-2xl font-bold\">{tr('channel.editChannel', 'Edit Channel')}</h1>\n                <p className=\"text-sm text-text-secondary\">\n                  {tr('channel.updateChannelConfig', 'Update channel configuration')}\n                </p>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {/* Form */}\n        <div className=\"container mx-auto px-6 py-8 max-w-2xl\">\n          <div className=\"space-y-6\">\n            {/* Page purpose */}\n            <PagePurpose icon={<Save size={15} aria-hidden=\"true\" />}>\n              {tr(\n                'channel.editChannelPurpose',\n                \"Change how this channel behaves — its name, description, priority and status. The platform and provider stay fixed (they define what the channel is); to swap credentials use the channel's connection instead. Use this to rename a channel, bump its priority, or temporarily deactivate it without deleting it.\"\n              )}\n            </PagePurpose>\n\n            {/* Error Alert */}\n            {saveError && (\n              <div className=\"p-4 rounded-lg bg-status-error-bg/10 border border-status-error-border/20 flex items-center gap-3\">\n                <AlertCircle className=\"size-5 text-status-error-text shrink-0\" />\n                <p className=\"text-sm text-status-error-text\">{saveError}</p>\n              </div>\n            )}\n\n            {/* Channel Info (read-only) */}\n            <GlassCard treatment=\"insight\" className=\"p-4 border-border-seam space-y-2\">\n              <div className=\"flex items-center gap-2\">\n                {selectedPlatform && (\n                  <>\n                    {(() => {\n                      const Icon = selectedPlatform.icon;\n                      return <Icon className=\"size-5 text-text-secondary\" />;\n                    })()}\n                    <span className=\"font-medium\">\n                      {tr(selectedPlatform.labelKey, selectedPlatform.labelFallback)}\n                    </span>\n                  </>\n                )}\n              </div>\n              <p className=\"text-sm text-text-secondary\">\n                {tr(\n                  'channel.platformLockedHint',\n                  'Platform cannot be changed after channel creation. Create a new channel to use a different platform.'\n                )}\n              </p>\n            </GlassCard>\n\n            {/* Channel fields — the editable core of this page */}\n            <EmphasisPanel className=\"p-5 space-y-6\">\n              {/* Name */}\n              <div className=\"space-y-2\">\n                <label className=\"text-sm font-medium\">\n                  {tr('channel.channelName', 'Channel Name')} *\n                </label>\n                <input\n                  aria-label={tr(\n                    'channel.editNamePlaceholder',\n                    'e.g., Production Email, Customer SMS'\n                  )}\n                  type=\"text\"\n                  value={name}\n                  onChange={(e) => setName(e.target.value)}\n                  placeholder={tr(\n                    'channel.editNamePlaceholder',\n                    'e.g., Production Email, Customer SMS'\n                  )}\n                  className=\"w-full px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary\"\n                />\n              </div>\n\n              {/* Description */}\n              <div className=\"space-y-2\">\n                <label htmlFor=\"channel-edit-description\" className=\"text-sm font-medium\">\n                  {tr('channel.description', 'Description')}\n                </label>\n                <MarkdownEditor\n                  id=\"channel-edit-description\"\n                  value={description}\n                  onChange={setDescription}\n                  aria-label={tr(\n                    'channel.editDescriptionPlaceholder',\n                    'Optional description for this channel'\n                  )}\n                  placeholder={tr(\n                    'channel.editDescriptionPlaceholder',\n                    'Optional description for this channel'\n                  )}\n                  rows={3}\n                />\n              </div>\n\n              {/* Adapter Type */}\n              {selectedPlatform && (\n                <div className=\"space-y-2\">\n                  <label className=\"text-sm font-medium\">\n                    {tr('channel.adapterProvider', 'Adapter / Provider')}\n                  </label>\n                  <select\n                    value={adapterType}\n                    onChange={(e) => setAdapterType(e.target.value as AdapterType)}\n                    className=\"w-full px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary\"\n                  >\n                    {selectedPlatform.adapters.map((adapter) => (\n                      <option key={adapter.value} value={adapter.value}>\n                        {tr(adapter.labelKey, adapter.labelFallback)}\n                      </option>\n                    ))}\n                  </select>\n                </div>\n              )}\n\n              {/* Priority & Status */}\n              <div className=\"grid grid-cols-2 gap-4\">\n                <div className=\"space-y-2\">\n                  <label className=\"text-sm font-medium\">\n                    {tr('channel.priority', 'Priority')}\n                  </label>\n                  <select\n                    value={priority}\n                    onChange={(e) => setPriority(Number(e.target.value))}\n                    className=\"w-full px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary\"\n                  >\n                    {PRIORITY_OPTIONS.map((option) => (\n                      <option key={option.value} value={option.value}>\n                        {option.label}\n                      </option>\n                    ))}\n                  </select>\n                  <p className=\"text-xs text-text-secondary\">\n                    {tr(\n                      'channel.priorityFailoverHint',\n                      'Higher priority channels are used first in failover'\n                    )}\n                  </p>\n                </div>\n\n                <div className=\"space-y-2\">\n                  <label className=\"text-sm font-medium\">{tr('channel.status', 'Status')}</label>\n                  <select\n                    value={status}\n                    onChange={(e) => setStatus(e.target.value as ChannelStatus)}\n                    className=\"w-full px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary\"\n                  >\n                    <option value=\"INACTIVE\">\n                      {tr('channel.statusLabel.inactive', 'Inactive')}\n                    </option>\n                    <option value=\"ACTIVE\">{tr('channel.statusLabel.active', 'Active')}</option>\n                    <option value=\"SUSPENDED\">\n                      {tr('channel.statusLabel.suspended', 'Suspended')}\n                    </option>\n                  </select>\n                </div>\n              </div>\n            </EmphasisPanel>\n\n            {/* Actions */}\n            <div className=\"flex items-center justify-between pt-6 border-t\">\n              {/* Delete */}\n              <div>\n                {!deleteConfirm ? (\n                  <PermissionGuard permission={CHANNEL_PERMISSIONS.CHANNEL_DELETE}>\n                    <button\n                      type=\"button\"\n                      onClick={() => setDeleteConfirm(true)}\n                      className=\"px-4 py-2 text-sm text-status-error-text hover:bg-status-error-bg/10 rounded-lg transition-colors flex items-center gap-2\"\n                    >\n                      <Trash2 className=\"size-4 \" />\n                      {tr('channel.deleteChannel', 'Delete Channel')}\n                    </button>\n                  </PermissionGuard>\n                ) : (\n                  <div className=\"flex items-center gap-2\">\n                    <span className=\"text-sm text-text-secondary\">\n                      {tr('channel.confirmDelete', 'Confirm delete?')}\n                    </span>\n                    <button\n                      type=\"button\"\n                      onClick={handleDelete}\n                      disabled={isDeleting}\n                      className=\"px-4 py-2 text-sm bg-status-error-bg text-status-error-text rounded-lg hover:bg-status-error-bg/90 transition-colors flex items-center gap-2\"\n                    >\n                      {isDeleting ? (\n                        <Loader2 className=\"size-4 animate-spin\" />\n                      ) : (\n                        <Trash2 className=\"size-4 \" />\n                      )}\n                      {tr('channel.delete', 'Delete')}\n                    </button>\n                    <button\n                      type=\"button\"\n                      onClick={() => setDeleteConfirm(false)}\n                      className=\"px-4 py-2 text-sm text-text-secondary hover:bg-bg-sunken rounded-lg transition-colors\"\n                    >\n                      {tr('channel.cancel', 'Cancel')}\n                    </button>\n                  </div>\n                )}\n              </div>\n\n              {/* Save */}\n              <div className=\"flex items-center gap-3\">\n                <button\n                  type=\"button\"\n                  onClick={() => navigate(`/channels/${channelId}`)}\n                  className=\"px-4 py-2 text-sm text-text-secondary hover:bg-bg-sunken rounded-lg transition-colors\"\n                >\n                  {tr('channel.cancel', 'Cancel')}\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={handleSave}\n                  disabled={isSaving || !name.trim()}\n                  className=\"px-6 py-2 text-sm bg-action-primary-bg text-action-primary-text rounded-lg hover:bg-action-primary-bg/90 transition-colors flex items-center gap-2 disabled:opacity-50\"\n                >\n                  {isSaving ? (\n                    <Loader2 className=\"size-4 animate-spin\" />\n                  ) : (\n                    <Save className=\"size-4 \" />\n                  )}\n                  {tr('channel.saveChanges', 'Save Changes')}\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </PermissionGuard>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAsDA,SAAgB,IAAkB;CAChC,IAAM,IAAW,GAAa,EACxB,EAAE,iBAAc,GAAkC,EAClD,EAAE,YAAS,eAAW,cAAU,EAAW,EAAW,EACtD,EAAE,kBAAe,qBAAkB,GAAa,EAChD,IAAK,GAAO,EAEZ,IAAqC,QACnC;EACJ;GACE,OAAO;GACP,UAAU;GACV,eAAe;GACf,gBAAgB;GAChB,qBAAqB;GACrB,MAAM;GACN,OAAO;GACP,UAAU;IACR;KAAE,OAAO;KAAW,UAAU;KAA0B,eAAe;KAAW;IAClF;KAAE,OAAO;KAAW,UAAU;KAA2B,eAAe;KAAW;IACnF;KAAE,OAAO;KAAY,UAAU;KAA4B,eAAe;KAAY;IACtF;KAAE,OAAO;KAAY,UAAU;KAA4B,eAAe;KAAY;IACtF;KAAE,OAAO;KAAU,UAAU;KAA0B,eAAe;KAAU;IAChF;KACE,OAAO;KACP,UAAU;KACV,eAAe;KAChB;IACD;KAAE,OAAO;KAAQ,UAAU;KAAwB,eAAe;KAAe;IAClF;GACF;EACD;GACE,OAAO;GACP,UAAU;GACV,eAAe;GACf,gBAAgB;GAChB,qBAAqB;GACrB,MAAM;GACN,OACE;GACF,UAAU;IACR;KAAE,OAAO;KAAc,UAAU;KAA0B,eAAe;KAAU;IACpF;KAAE,OAAO;KAAW,UAAU;KAA0B,eAAe;KAAW;IAClF;KAAE,OAAO;KAAU,UAAU;KAA0B,eAAe;KAAU;IAChF;KAAE,OAAO;KAAS,UAAU;KAAyB,eAAe;KAAS;IAC7E;KACE,OAAO;KACP,UAAU;KACV,eAAe;KAChB;IACD;KAAE,OAAO;KAAW,UAAU;KAA2B,eAAe;KAAW;IACpF;GACF;EACD;GACE,OAAO;GACP,UAAU;GACV,eAAe;GACf,gBAAgB;GAChB,qBAAqB;GACrB,MAAM;GACN,OAAO;GACP,UAAU;IACR;KACE,OAAO;KACP,UAAU;KACV,eAAe;KAChB;IACD;KACE,OAAO;KACP,UAAU;KACV,eAAe;KAChB;IACD;KAAE,OAAO;KAAa,UAAU;KAA6B,eAAe;KAAa;IACzF;KAAE,OAAO;KAAQ,UAAU;KAAwB,eAAe;KAAa;IAChF;GACF;EACD;GACE,OAAO;GACP,UAAU;GACV,eAAe;GACf,gBAAgB;GAChB,qBAAqB;GACrB,MAAM;GACN,OACE;GACF,UAAU,CACR;IACE,OAAO;IACP,UAAU;IACV,eAAe;IAChB,CACF;GACF;EACD;GACE,OAAO;GACP,UAAU;GACV,eAAe;GACf,gBAAgB;GAChB,qBAAqB;GACrB,MAAM;GACN,OACE;GACF,UAAU,CACR;IACE,OAAO;IACP,UAAU;IACV,eAAe;IAChB,EACD;IACE,OAAO;IACP,UAAU;IACV,eAAe;IAChB,CACF;GACF;EACD;GACE,OAAO;GACP,UAAU;GACV,eAAe;GACf,gBAAgB;GAChB,qBAAqB;GACrB,MAAM;GACN,OAAO;GACP,UAAU,CACR;IAAE,OAAO;IAAa,UAAU;IAA4B,eAAe;IAAa,CACzF;GACF;EACD;GACE,OAAO;GACP,UAAU;GACV,eAAe;GACf,gBAAgB;GAChB,qBAAqB;GACrB,MAAM;GACN,OAAO;GACP,UAAU,CACR;IAAE,OAAO;IAAa,UAAU;IAA4B,eAAe;IAAa,CACzF;GACF;EACD;GACE,OAAO;GACP,UAAU;GACV,eAAe;GACf,gBAAgB;GAChB,qBAAqB;GACrB,MAAM;GACN,OAAO;GACP,UAAU,CACR;IACE,OAAO;IACP,UAAU;IACV,eAAe;IAChB,CACF;GACF;EACD;GACE,OAAO;GACP,UAAU;GACV,eAAe;GACf,gBAAgB;GAChB,qBAAqB;GACrB,MAAM;GACN,OAAO;GACP,UAAU,CACR;IACE,OAAO;IACP,UAAU;IACV,eAAe;IAChB,CACF;GACF;EACD;GACE,OAAO;GACP,UAAU;GACV,eAAe;GACf,gBAAgB;GAChB,qBAAqB;GACrB,MAAM;GACN,OAAO;GACP,UAAU,CACR;IACE,OAAO;IACP,UAAU;IACV,eAAe;IAChB,CACF;GACF;EACF,EACD,EAAE,CACH,EAEK,IAAmB,QACjB;EACJ;GAAE,OAAO;GAAG,OAAO,EAAG,gCAAgC,aAAa;GAAE;EACrE;GAAE,OAAO;GAAG,OAAO,EAAG,6BAA6B,UAAU;GAAE;EAC/D;GAAE,OAAO;GAAG,OAAO,EAAG,gCAAgC,aAAa;GAA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"}
+{"version":3,"file":"EditChannelPage.js","names":["_Fragment","EditChannelPage","navigate","useNavigate","useParams","useChannel","channelId","useChannels","tr","useTr","PLATFORM_OPTIONS","useMemo","Mail","Smartphone","Bell","Inbox","MessageSquare","Hash","Users","MessageCircle","Send","PRIORITY_OPTIONS","name","setName","useState","description","setDescription","adapterType","setAdapterType","priority","setPriority","status","setStatus","isSaving","setIsSaving","isDeleting","setIsDeleting","saveError","setSaveError","deleteConfirm","setDeleteConfirm","loadedChannelIdRef","useRef","channel","currentPlatform","selectedPlatform","p","isLoading","Loader2","error","AlertCircle","PermissionGuard","CHANNEL_PERMISSIONS","ArrowLeft","PagePurpose","Save","GlassCard","Fragment","Icon","EmphasisPanel","MarkdownEditor","adapter","option","nativeImpact","deleteChannel","nativeNotify","err","message","Trash2","input","updateChannel"],"sources":["../../../../../src/channel/modules/channels/pages/EditChannelPage.tsx"],"sourcesContent":["/**\n * Edit Channel Page\n *\n * Allows editing an existing channel's configuration.\n * Uses the same form structure as CreateChannelPage but pre-fills existing values.\n */\n\nimport { useState, useEffect, useRef, useMemo } from 'react';\nimport { useNavigate, useParams } from 'react-router';\nimport { useTr } from '../../../hooks/useTr';\nimport {\n  ArrowLeft,\n  Save,\n  Loader2,\n  AlertCircle,\n  Mail,\n  Smartphone,\n  Bell,\n  Inbox,\n  MessageSquare,\n  Hash,\n  Users,\n  MessageCircle,\n  Send,\n  Trash2,\n} from 'lucide-react';\nimport { useChannel, useChannels } from '../../../hooks/useChannels';\nimport {\n  type ChannelPlatform,\n  type AdapterType,\n  type ChannelStatus,\n  type UpdateChannelInput,\n} from '../../../hooks/useChannels';\nimport { EmphasisPanel, GlassCard, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { nativeImpact, nativeNotify } from '../../../../utils/nativeBridge';\nimport { PermissionGuard } from '../../../components/PermissionGuard';\nimport { CHANNEL_PERMISSIONS } from '../../../constants/permissions';\nimport { MarkdownEditor } from '../../../components/MarkdownEditor';\n\ntype PlatformOption = {\n  value: ChannelPlatform;\n  labelKey: string;\n  labelFallback: string;\n  descriptionKey: string;\n  descriptionFallback: string;\n  icon: typeof Mail;\n  color: string;\n  adapters: { value: AdapterType; labelKey: string; labelFallback: string }[];\n};\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport function EditChannelPage() {\n  const navigate = useNavigate();\n  const { channelId } = useParams<{ channelId: string }>();\n  const { channel, isLoading, error } = useChannel(channelId!);\n  const { updateChannel, deleteChannel } = useChannels();\n  const tr = useTr();\n\n  const PLATFORM_OPTIONS: PlatformOption[] = useMemo(\n    () => [\n      {\n        value: 'EMAIL',\n        labelKey: 'channel.platformLabel.email',\n        labelFallback: 'Email',\n        descriptionKey: 'channel.platformDescription.emailDescription',\n        descriptionFallback: 'Send emails via various providers',\n        icon: Mail,\n        color: 'text-status-info-text bg-status-info-bg-subtle border-status-info-border',\n        adapters: [\n          { value: 'AWS_SES', labelKey: 'channel.adapter.awsSes', labelFallback: 'AWS SES' },\n          { value: 'MAILGUN', labelKey: 'channel.adapter.mailgun', labelFallback: 'Mailgun' },\n          { value: 'POSTMARK', labelKey: 'channel.adapter.postmark', labelFallback: 'Postmark' },\n          { value: 'MANDRILL', labelKey: 'channel.adapter.mandrill', labelFallback: 'Mandrill' },\n          { value: 'RESEND', labelKey: 'channel.adapter.resend', labelFallback: 'Resend' },\n          {\n            value: 'AZURE_ACS',\n            labelKey: 'channel.adapter.azureAcs',\n            labelFallback: 'Azure Communication Services',\n          },\n          { value: 'SMTP', labelKey: 'channel.adapter.smtp', labelFallback: 'Custom SMTP' },\n        ],\n      },\n      {\n        value: 'SMS',\n        labelKey: 'channel.platformLabel.sms',\n        labelFallback: 'SMS',\n        descriptionKey: 'channel.platformDescription.smsDescription',\n        descriptionFallback: 'Send text messages',\n        icon: Smartphone,\n        color:\n          'text-status-success-text bg-status-success-bg-subtle border-status-success-border/30',\n        adapters: [\n          { value: 'TWILIO_SMS', labelKey: 'channel.adapter.twilio', labelFallback: 'Twilio' },\n          { value: 'AWS_SNS', labelKey: 'channel.adapter.awsSns', labelFallback: 'AWS SNS' },\n          { value: 'VONAGE', labelKey: 'channel.adapter.vonage', labelFallback: 'Vonage' },\n          { value: 'PLIVO', labelKey: 'channel.adapter.plivo', labelFallback: 'Plivo' },\n          {\n            value: 'MESSAGEBIRD',\n            labelKey: 'channel.adapter.messagebird',\n            labelFallback: 'MessageBird',\n          },\n          { value: 'INFOBIP', labelKey: 'channel.adapter.infobip', labelFallback: 'Infobip' },\n        ],\n      },\n      {\n        value: 'PUSH',\n        labelKey: 'channel.platformLabel.push',\n        labelFallback: 'Push',\n        descriptionKey: 'channel.platformDescription.pushDescription',\n        descriptionFallback: 'Mobile & web push',\n        icon: Bell,\n        color: 'text-accent-purple bg-accent-purple-subtle border-accent-purple/30',\n        adapters: [\n          {\n            value: 'FCM',\n            labelKey: 'channel.adapter.fcm',\n            labelFallback: 'Firebase Cloud Messaging',\n          },\n          {\n            value: 'APNS',\n            labelKey: 'channel.adapter.apns',\n            labelFallback: 'Apple Push Notification Service',\n          },\n          { value: 'ONESIGNAL', labelKey: 'channel.adapter.onesignal', labelFallback: 'OneSignal' },\n          { value: 'EXPO', labelKey: 'channel.adapter.expo', labelFallback: 'Expo Push' },\n        ],\n      },\n      {\n        value: 'INAPP',\n        labelKey: 'channel.platformLabel.inApp',\n        labelFallback: 'In-App',\n        descriptionKey: 'channel.platformDescription.inAppDescription',\n        descriptionFallback: 'Internal in-app notifications',\n        icon: Inbox,\n        color:\n          'text-status-warning-text bg-status-warning-bg-subtle border-status-warning-border/30',\n        adapters: [\n          {\n            value: 'INAPP_NATIVE',\n            labelKey: 'channel.adapter.inAppNative',\n            labelFallback: 'Native In-App',\n          },\n        ],\n      },\n      {\n        value: 'WHATSAPP',\n        labelKey: 'channel.platformLabel.whatsapp',\n        labelFallback: 'WhatsApp',\n        descriptionKey: 'channel.platformDescription.whatsappDescription',\n        descriptionFallback: 'WhatsApp Business messaging',\n        icon: MessageSquare,\n        color:\n          'text-status-success-text bg-status-success-bg-subtle border-status-success-border/30',\n        adapters: [\n          {\n            value: 'WHATSAPP_CLOUD',\n            labelKey: 'channel.adapter.whatsappCloud',\n            labelFallback: 'WhatsApp Cloud API',\n          },\n          {\n            value: 'WHATSAPP_TWILIO',\n            labelKey: 'channel.adapter.whatsappTwilio',\n            labelFallback: 'WhatsApp via Twilio',\n          },\n        ],\n      },\n      {\n        value: 'SLACK',\n        labelKey: 'channel.platformLabel.slack',\n        labelFallback: 'Slack',\n        descriptionKey: 'channel.platformDescription.slackDescription',\n        descriptionFallback: 'Slack bot & channels',\n        icon: Hash,\n        color: 'text-accent-purple bg-accent-purple-subtle border-accent-purple/30',\n        adapters: [\n          { value: 'SLACK_BOT', labelKey: 'channel.adapter.slackBot', labelFallback: 'Slack Bot' },\n        ],\n      },\n      {\n        value: 'TEAMS',\n        labelKey: 'channel.platformLabel.teams',\n        labelFallback: 'Teams',\n        descriptionKey: 'channel.platformDescription.teamsDescription',\n        descriptionFallback: 'Microsoft Teams',\n        icon: Users,\n        color: 'text-status-info-text bg-status-info-bg-subtle border-status-info-border',\n        adapters: [\n          { value: 'TEAMS_BOT', labelKey: 'channel.adapter.teamsBot', labelFallback: 'Teams Bot' },\n        ],\n      },\n      {\n        value: 'DISCORD',\n        labelKey: 'channel.platformLabel.discord',\n        labelFallback: 'Discord',\n        descriptionKey: 'channel.platformDescription.discordDescription',\n        descriptionFallback: 'Discord bots & webhooks',\n        icon: MessageCircle,\n        color: 'text-accent-indigo bg-accent-indigo-subtle border-accent-indigo/30',\n        adapters: [\n          {\n            value: 'DISCORD_BOT',\n            labelKey: 'channel.adapter.discordBot',\n            labelFallback: 'Discord Bot',\n          },\n        ],\n      },\n      {\n        value: 'WEBCHAT',\n        labelKey: 'channel.platformLabel.webchat',\n        labelFallback: 'Webchat',\n        descriptionKey: 'channel.platformDescription.webchatDescription',\n        descriptionFallback: 'Website live chat',\n        icon: MessageSquare,\n        color: 'text-accent-teal bg-accent-teal-subtle border-accent-teal/30',\n        adapters: [\n          {\n            value: 'WEBCHAT_NATIVE',\n            labelKey: 'channel.adapter.webchatNative',\n            labelFallback: 'Native Webchat',\n          },\n        ],\n      },\n      {\n        value: 'WEBHOOK',\n        labelKey: 'channel.platformLabel.webhook',\n        labelFallback: 'Webhook',\n        descriptionKey: 'channel.platformDescription.webhookDescription',\n        descriptionFallback: 'Generic HTTP webhook',\n        icon: Send,\n        color: 'text-text-secondary bg-bg-sunken/50 border-border-subtle',\n        adapters: [\n          {\n            value: 'WEBHOOK_HTTP',\n            labelKey: 'channel.adapter.webhookHttp',\n            labelFallback: 'HTTP Webhook',\n          },\n        ],\n      },\n    ],\n    []\n  );\n\n  const PRIORITY_OPTIONS = useMemo(\n    () => [\n      { value: 0, label: tr('channel.priorityLabel.lowest', '0 - Lowest') },\n      { value: 1, label: tr('channel.priorityLabel.low', '1 - Low') },\n      { value: 2, label: tr('channel.priorityLabel.normal', '2 - Normal') },\n      { value: 3, label: tr('channel.priorityLabel.high', '3 - High') },\n      { value: 4, label: tr('channel.priorityLabel.highest', '4 - Highest') },\n    ],\n    [tr]\n  );\n\n  // Form state\n  const [name, setName] = useState('');\n  const [description, setDescription] = useState('');\n  const [adapterType, setAdapterType] = useState<AdapterType>('AWS_SES');\n  const [priority, setPriority] = useState(2);\n  const [status, setStatus] = useState<ChannelStatus>('INACTIVE');\n\n  // UI state\n  const [isSaving, setIsSaving] = useState(false);\n  const [isDeleting, setIsDeleting] = useState(false);\n  const [saveError, setSaveError] = useState<string | null>(null);\n  const [deleteConfirm, setDeleteConfirm] = useState(false);\n\n  // Load channel data into form — guard against re-initialization and defer\n  // the state update to a microtask so setState does not run synchronously\n  // inside the effect body (react-hooks/set-state-in-effect).\n  const loadedChannelIdRef = useRef<string | null>(null);\n  useEffect(() => {\n    if (channel && channel.id !== loadedChannelIdRef.current) {\n      loadedChannelIdRef.current = channel.id;\n      void Promise.resolve().then(() => {\n        setName(channel.name || '');\n        setDescription(channel.description || '');\n        setAdapterType((channel.adapterType || 'AWS_SES') as AdapterType);\n        setPriority(channel.priority || 2);\n        setStatus((channel.status || 'INACTIVE') as ChannelStatus);\n      });\n    }\n  }, [channel]);\n\n  // Update adapter options when platform changes\n  const currentPlatform = (channel?.platform || 'EMAIL') as ChannelPlatform;\n  const selectedPlatform = PLATFORM_OPTIONS.find((p) => p.value === currentPlatform);\n\n  const handleSave = async () => {\n    if (!channelId) return;\n\n    if (!name.trim()) {\n      setSaveError(tr('channel.validation.nameRequired', 'Channel name is required'));\n      return;\n    }\n\n    setIsSaving(true);\n    setSaveError(null);\n\n    try {\n      const input: UpdateChannelInput = {\n        name: name.trim(),\n        description: description.trim() || undefined,\n        adapterType,\n        priority,\n        status,\n      };\n\n      const result = await updateChannel(channelId, input);\n      if (result) {\n        navigate(`/channels/${channelId}`);\n      } else {\n        setSaveError(tr('channel.updateFailed', 'Failed to update channel'));\n      }\n    } catch (err: unknown) {\n      const message =\n        err instanceof Error ? err.message : tr('channel.updateFailed', 'Failed to update channel');\n      setSaveError(message);\n    } finally {\n      setIsSaving(false);\n    }\n  };\n\n  const handleDelete = async () => {\n    if (!channelId || !deleteConfirm) return;\n    void nativeImpact('medium');\n\n    setIsDeleting(true);\n    try {\n      const success = await deleteChannel(channelId);\n      if (success) {\n        void nativeNotify('success');\n        navigate('../list');\n      } else {\n        void nativeNotify('error');\n      }\n    } catch (err: unknown) {\n      void nativeNotify('error');\n      const message =\n        err instanceof Error ? err.message : tr('channel.deleteFailed', 'Failed to delete channel');\n      setSaveError(message);\n      setIsDeleting(false);\n    }\n  };\n\n  if (isLoading) {\n    return (\n      <div className=\"flex items-center justify-center min-h-screen\">\n        <Loader2 className=\"size-8 animate-spin text-text-secondary\" />\n      </div>\n    );\n  }\n\n  if (error || !channel) {\n    return (\n      <div className=\"flex flex-col items-center justify-center min-h-screen gap-4\">\n        <AlertCircle className=\"size-12 text-status-error-text\" />\n        <h1 className=\"text-xl font-semibold\">\n          {tr('channel.channelNotFound', 'Channel not found')}\n        </h1>\n        <button\n          type=\"button\"\n          onClick={() => navigate('../list')}\n          className=\"text-primary hover:underline\"\n        >\n          {tr('channel.backToChannels', 'Back to channels')}\n        </button>\n      </div>\n    );\n  }\n\n  return (\n    <PermissionGuard permission={CHANNEL_PERMISSIONS.CHANNEL_UPDATE}>\n      <div className=\"min-h-screen bg-bg-surface\">\n        {/* Header */}\n        <div className=\"border-b bg-bg-surface\">\n          <div className=\"container mx-auto px-6 py-4\">\n            <div className=\"flex items-center gap-4\">\n              <button\n                type=\"button\"\n                onClick={() => navigate(`/channels/${channelId}`)}\n                className=\"p-2 hover:bg-bg-sunken rounded-lg transition-colors\"\n              >\n                <ArrowLeft className=\"size-5 \" />\n              </button>\n              <div>\n                <h1 className=\"text-2xl font-bold\">{tr('channel.editChannel', 'Edit Channel')}</h1>\n                <p className=\"text-sm text-text-secondary\">\n                  {tr('channel.updateChannelConfig', 'Update channel configuration')}\n                </p>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {/* Form */}\n        <div className=\"container mx-auto px-6 py-8 max-w-2xl\">\n          <div className=\"space-y-6\">\n            {/* Page purpose */}\n            <PagePurpose icon={<Save size={15} aria-hidden=\"true\" />}>\n              {tr(\n                'channel.editChannelPurpose',\n                \"Change how this channel behaves — its name, description, priority and status. The platform and provider stay fixed (they define what the channel is); to swap credentials use the channel's connection instead. Use this to rename a channel, bump its priority, or temporarily deactivate it without deleting it.\"\n              )}\n            </PagePurpose>\n\n            {/* Error Alert */}\n            {saveError && (\n              <div className=\"p-4 rounded-lg bg-status-error-bg/10 border border-status-error-border/20 flex items-center gap-3\">\n                <AlertCircle className=\"size-5 text-status-error-text shrink-0\" />\n                <p className=\"text-sm text-status-error-text\">{saveError}</p>\n              </div>\n            )}\n\n            {/* Channel Info (read-only) */}\n            <GlassCard treatment=\"insight\" className=\"p-4 border-border-seam space-y-2\">\n              <div className=\"flex items-center gap-2\">\n                {selectedPlatform && (\n                  <>\n                    {(() => {\n                      const Icon = selectedPlatform.icon;\n                      return <Icon className=\"size-5 text-text-secondary\" />;\n                    })()}\n                    <span className=\"font-medium\">\n                      {tr(selectedPlatform.labelKey, selectedPlatform.labelFallback)}\n                    </span>\n                  </>\n                )}\n              </div>\n              <p className=\"text-sm text-text-secondary\">\n                {tr(\n                  'channel.platformLockedHint',\n                  'Platform cannot be changed after channel creation. Create a new channel to use a different platform.'\n                )}\n              </p>\n            </GlassCard>\n\n            {/* Channel fields — the editable core of this page */}\n            <EmphasisPanel className=\"p-5 space-y-6\">\n              {/* Name */}\n              <div className=\"space-y-2\">\n                <label className=\"text-sm font-medium\">\n                  {tr('channel.channelName', 'Channel Name')} *\n                </label>\n                <input\n                  aria-label={tr(\n                    'channel.editNamePlaceholder',\n                    'e.g., Production Email, Customer SMS'\n                  )}\n                  type=\"text\"\n                  value={name}\n                  onChange={(e) => setName(e.target.value)}\n                  placeholder={tr(\n                    'channel.editNamePlaceholder',\n                    'e.g., Production Email, Customer SMS'\n                  )}\n                  className=\"w-full px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary\"\n                />\n              </div>\n\n              {/* Description */}\n              <div className=\"space-y-2\">\n                <label htmlFor=\"channel-edit-description\" className=\"text-sm font-medium\">\n                  {tr('channel.description', 'Description')}\n                </label>\n                <MarkdownEditor\n                  id=\"channel-edit-description\"\n                  value={description}\n                  onChange={setDescription}\n                  aria-label={tr(\n                    'channel.editDescriptionPlaceholder',\n                    'Optional description for this channel'\n                  )}\n                  placeholder={tr(\n                    'channel.editDescriptionPlaceholder',\n                    'Optional description for this channel'\n                  )}\n                  rows={3}\n                />\n              </div>\n\n              {/* Adapter Type */}\n              {selectedPlatform && (\n                <div className=\"space-y-2\">\n                  <label className=\"text-sm font-medium\">\n                    {tr('channel.adapterProvider', 'Adapter / Provider')}\n                  </label>\n                  <select\n                    value={adapterType}\n                    onChange={(e) => setAdapterType(e.target.value as AdapterType)}\n                    className=\"w-full px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary\"\n                  >\n                    {selectedPlatform.adapters.map((adapter) => (\n                      <option key={adapter.value} value={adapter.value}>\n                        {tr(adapter.labelKey, adapter.labelFallback)}\n                      </option>\n                    ))}\n                  </select>\n                </div>\n              )}\n\n              {/* Priority & Status */}\n              <div className=\"grid grid-cols-2 gap-4\">\n                <div className=\"space-y-2\">\n                  <label className=\"text-sm font-medium\">\n                    {tr('channel.priority', 'Priority')}\n                  </label>\n                  <select\n                    value={priority}\n                    onChange={(e) => setPriority(Number(e.target.value))}\n                    className=\"w-full px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary\"\n                  >\n                    {PRIORITY_OPTIONS.map((option) => (\n                      <option key={option.value} value={option.value}>\n                        {option.label}\n                      </option>\n                    ))}\n                  </select>\n                  <p className=\"text-xs text-text-secondary\">\n                    {tr(\n                      'channel.priorityFailoverHint',\n                      'Higher priority channels are used first in failover'\n                    )}\n                  </p>\n                </div>\n\n                <div className=\"space-y-2\">\n                  <label className=\"text-sm font-medium\">{tr('channel.status', 'Status')}</label>\n                  <select\n                    value={status}\n                    onChange={(e) => setStatus(e.target.value as ChannelStatus)}\n                    className=\"w-full px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary\"\n                  >\n                    <option value=\"INACTIVE\">\n                      {tr('channel.statusLabel.inactive', 'Inactive')}\n                    </option>\n                    <option value=\"ACTIVE\">{tr('channel.statusLabel.active', 'Active')}</option>\n                    <option value=\"SUSPENDED\">\n                      {tr('channel.statusLabel.suspended', 'Suspended')}\n                    </option>\n                  </select>\n                </div>\n              </div>\n            </EmphasisPanel>\n\n            {/* Actions */}\n            <div className=\"flex items-center justify-between pt-6 border-t\">\n              {/* Delete */}\n              <div>\n                {!deleteConfirm ? (\n                  <PermissionGuard permission={CHANNEL_PERMISSIONS.CHANNEL_DELETE}>\n                    <button\n                      type=\"button\"\n                      onClick={() => setDeleteConfirm(true)}\n                      className=\"px-4 py-2 text-sm text-status-error-text hover:bg-status-error-bg/10 rounded-lg transition-colors flex items-center gap-2\"\n                    >\n                      <Trash2 className=\"size-4 \" />\n                      {tr('channel.deleteChannel', 'Delete Channel')}\n                    </button>\n                  </PermissionGuard>\n                ) : (\n                  <div className=\"flex items-center gap-2\">\n                    <span className=\"text-sm text-text-secondary\">\n                      {tr('channel.confirmDelete', 'Confirm delete?')}\n                    </span>\n                    <button\n                      type=\"button\"\n                      onClick={handleDelete}\n                      disabled={isDeleting}\n                      className=\"px-4 py-2 text-sm bg-status-error-bg text-status-error-text rounded-lg hover:bg-status-error-bg/90 transition-colors flex items-center gap-2\"\n                    >\n                      {isDeleting ? (\n                        <Loader2 className=\"size-4 animate-spin\" />\n                      ) : (\n                        <Trash2 className=\"size-4 \" />\n                      )}\n                      {tr('channel.delete', 'Delete')}\n                    </button>\n                    <button\n                      type=\"button\"\n                      onClick={() => setDeleteConfirm(false)}\n                      className=\"px-4 py-2 text-sm text-text-secondary hover:bg-bg-sunken rounded-lg transition-colors\"\n                    >\n                      {tr('channel.cancel', 'Cancel')}\n                    </button>\n                  </div>\n                )}\n              </div>\n\n              {/* Save */}\n              <div className=\"flex items-center gap-3\">\n                <button\n                  type=\"button\"\n                  onClick={() => navigate(`/channels/${channelId}`)}\n                  className=\"px-4 py-2 text-sm text-text-secondary hover:bg-bg-sunken rounded-lg transition-colors\"\n                >\n                  {tr('channel.cancel', 'Cancel')}\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={handleSave}\n                  disabled={isSaving || !name.trim()}\n                  className=\"px-6 py-2 text-sm bg-action-primary-bg text-action-primary-text rounded-lg hover:bg-action-primary-bg/90 transition-colors flex items-center gap-2 disabled:opacity-50\"\n                >\n                  {isSaving ? (\n                    <Loader2 className=\"size-4 animate-spin\" />\n                  ) : (\n                    <Save className=\"size-4 \" />\n                  )}\n                  {tr('channel.saveChanges', 'Save Changes')}\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </PermissionGuard>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAsDA,SAAgBC,IAAkB;CAChC,IAAMC,IAAWC,EAAY,GACvB,EAAE,iBAAcC,EAAiC,GACjD,EAAE,YAAS,eAAW,cAAUC,EAAWC,CAAU,GACrD,EAAE,kBAAe,qBAAkBC,EAAY,GAC/CC,IAAKC,EAAM,GAEXC,IAAqCC,QACnC;EACJ;GACE,OAAO;GACP,UAAU;GACV,eAAe;GACf,gBAAgB;GAChB,qBAAqB;GACrB,MAAMC;GACN,OAAO;GACP,UAAU;IACR;KAAE,OAAO;KAAW,UAAU;KAA0B,eAAe;IAAU;IACjF;KAAE,OAAO;KAAW,UAAU;KAA2B,eAAe;IAAU;IAClF;KAAE,OAAO;KAAY,UAAU;KAA4B,eAAe;IAAW;IACrF;KAAE,OAAO;KAAY,UAAU;KAA4B,eAAe;IAAW;IACrF;KAAE,OAAO;KAAU,UAAU;KAA0B,eAAe;IAAS;IAC/E;KACE,OAAO;KACP,UAAU;KACV,eAAe;IACjB;IACA;KAAE,OAAO;KAAQ,UAAU;KAAwB,eAAe;IAAc;GAClF;EACF;EACA;GACE,OAAO;GACP,UAAU;GACV,eAAe;GACf,gBAAgB;GAChB,qBAAqB;GACrB,MAAMC;GACN,OACE;GACF,UAAU;IACR;KAAE,OAAO;KAAc,UAAU;KAA0B,eAAe;IAAS;IACnF;KAAE,OAAO;KAAW,UAAU;KAA0B,eAAe;IAAU;IACjF;KAAE,OAAO;KAAU,UAAU;KAA0B,eAAe;IAAS;IAC/E;KAAE,OAAO;KAAS,UAAU;KAAyB,eAAe;IAAQ;IAC5E;KACE,OAAO;KACP,UAAU;KACV,eAAe;IACjB;IACA;KAAE,OAAO;KAAW,UAAU;KAA2B,eAAe;IAAU;GACpF;EACF;EACA;GACE,OAAO;GACP,UAAU;GACV,eAAe;GACf,gBAAgB;GAChB,qBAAqB;GACrB,MAAMC;GACN,OAAO;GACP,UAAU;IACR;KACE,OAAO;KACP,UAAU;KACV,eAAe;IACjB;IACA;KACE,OAAO;KACP,UAAU;KACV,eAAe;IACjB;IACA;KAAE,OAAO;KAAa,UAAU;KAA6B,eAAe;IAAY;IACxF;KAAE,OAAO;KAAQ,UAAU;KAAwB,eAAe;IAAY;GAChF;EACF;EACA;GACE,OAAO;GACP,UAAU;GACV,eAAe;GACf,gBAAgB;GAChB,qBAAqB;GACrB,MAAMC;GACN,OACE;GACF,UAAU,CACR;IACE,OAAO;IACP,UAAU;IACV,eAAe;GACjB,CACF;EACF;EACA;GACE,OAAO;GACP,UAAU;GACV,eAAe;GACf,gBAAgB;GAChB,qBAAqB;GACrB,MAAMC;GACN,OACE;GACF,UAAU,CACR;IACE,OAAO;IACP,UAAU;IACV,eAAe;GACjB,GACA;IACE,OAAO;IACP,UAAU;IACV,eAAe;GACjB,CACF;EACF;EACA;GACE,OAAO;GACP,UAAU;GACV,eAAe;GACf,gBAAgB;GAChB,qBAAqB;GACrB,MAAMC;GACN,OAAO;GACP,UAAU,CACR;IAAE,OAAO;IAAa,UAAU;IAA4B,eAAe;GAAY,CACzF;EACF;EACA;GACE,OAAO;GACP,UAAU;GACV,eAAe;GACf,gBAAgB;GAChB,qBAAqB;GACrB,MAAMC;GACN,OAAO;GACP,UAAU,CACR;IAAE,OAAO;IAAa,UAAU;IAA4B,eAAe;GAAY,CACzF;EACF;EACA;GACE,OAAO;GACP,UAAU;GACV,eAAe;GACf,gBAAgB;GAChB,qBAAqB;GACrB,MAAMC;GACN,OAAO;GACP,UAAU,CACR;IACE,OAAO;IACP,UAAU;IACV,eAAe;GACjB,CACF;EACF;EACA;GACE,OAAO;GACP,UAAU;GACV,eAAe;GACf,gBAAgB;GAChB,qBAAqB;GACrB,MAAMH;GACN,OAAO;GACP,UAAU,CACR;IACE,OAAO;IACP,UAAU;IACV,eAAe;GACjB,CACF;EACF;EACA;GACE,OAAO;GACP,UAAU;GACV,eAAe;GACf,gBAAgB;GAChB,qBAAqB;GACrB,MAAMI;GACN,OAAO;GACP,UAAU,CACR;IACE,OAAO;IACP,UAAU;IACV,eAAe;GACjB,CACF;EACF;CACF,GACA,CAAC,CACH,GAEMC,IAAmBV,QACjB;EACJ;GAAE,OAAO;GAAG,OAAOH,EAAG,gCAAgC,YAAY;EAAE;EACpE;GAAE,OAAO;GAAG,OAAOA,EAAG,6BAA6B,SAAS;EAAE;EAC9D;GAAE,OAAO;GAAG,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"}

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":";;;;;;;;;;;;;AA4BA,SAAgB,IAAqB;CACnC,IAAM,IAAW,GAAa,EACxB,EAAE,oBAAiB,GAAqC,EACxD,EAAE,cAAW,kBAAe,sBAAmB,GAAmB,EAClE,EAAE,SAAM,GAAS,EACjB,KAAM,GAAa,MAA6B;EACpD,IAAM,IAAQ,EAAE,EAAI;AACpB,SAAO,MAAU,IAAM,IAAW;IAG9B,CAAC,GAAY,KAAiB,EAA4B,KAAK,EAC/D,CAAC,GAAW,KAAgB,EAAS,GAAK,EAC1C,CAAC,GAAO,KAAY,EAAwB,KAAK,EAEjD,CAAC,GAAU,KAAe,EAAS,GAAK,EACxC,CAAC,GAAa,KAAkB,EAAS,GAAG,EAC5C,CAAC,GAAkB,KAAuB,EAAS,GAAG,EACtD,CAAC,GAAc,KAAmB,EAAS,GAAM;AAiHvD,QA/GA,QAAgB;AACd,MAAI,CAAC,EAAc;EACnB,IAAI,IAAY;AA0BhB,UAzBM,YAAY;AAEhB,GADA,EAAa,GAAK,EAClB,EAAS,KAAK;AACd,OAAI;IAEF,IAAM,IAAS,MADA,EAAuB,GAAe,GAAW,EAAe,CACnD,MAA0B;KACpD,OAAO;KACP,WAAW,EAAE,IAAI,GAAc;KAC/B,aAAa;KACd,CAAC;AACF,QAAI,EAAW;IACf,IAAM,IAAO,EAAO,MAAM,iBAAiB;AAE3C,IADA,EAAc,EAAK,EACnB,EAAY,GAAM,YAAY,GAAK;YAC5B,GAAc;AACrB,QAAI,EAAW;AACf,MACE,aAAe,QACX,EAAI,UACJ,EAAG,yBAAyB,4BAA4B,CAC7D;aACO;AACR,IAAK,KAAW,EAAa,GAAM;;MAEnC,QACS;AACX,OAAY;;IAEb;EAAC;EAAc;EAAe;EAAW;EAAgB;EAAG,CAAC,EA2D5D,IAEA,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAS,WAAU,qCAAsC,CAAA;EACrD,CAAA,GAIL,IAcH,kBAAC,GAAD;EAAiB,YAAY,EAAoB;YAC/C,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,EAAS,GAAG;KAC3B,WAAU;eAHZ,CAKE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAChC,EAAG,eAAe,OAAO,CACnB;;IAET,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,2BAA4B,CAAA,EAC9C,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAG,yBAAyB,kBAAkB;MAC5C,CAAA,EACL,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAG,4BAA4B,oDAAoD;MAClF,CAAA,CACA,EAAA,CAAA,CACF;;IAEN,kBAAC,GAAD;KAAa,MAAM,kBAAC,GAAD;MAAQ,MAAM;MAAI,eAAY;MAAS,CAAA;KAAE,WAAU;eACnE,EACC,2BACA,ySACD;KACW,CAAA;IAEb,KACC,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAa,WAAU,0CAA2C,CAAA,EAClE,kBAAC,KAAD;MAAG,WAAU;gBAAkC;MAAU,CAAA,CACrD;;IAGR,kBAAC,GAAD;KAAe,WAAU;eACvB,kBAAC,QAAD;MAAM,UArHO,OAAO,MAAuB;AAEjD,WADA,EAAE,gBAAgB,EACd,CAAC,EAAc;AACnB,SAAS,KAAK;OAEd,IAAI;AACJ,WAAI,EAAY,MAAM,CACpB,KAAI;AACF,YAAoB,KAAK,MAAM,EAAY;eACrC;AACN,UAAS,EAAG,yCAAyC,iCAAiC,CAAC;AACvF;;OAIJ,IAAI;AACJ,WAAI,EAAiB,MAAM,CACzB,KAAI;AACF,YAAiB,KAAK,MAAM,EAAiB;eACvC;AACN,UAAS,EAAG,sCAAsC,uCAAuC,CAAC;AAC1F;;AAIJ,SAAgB,GAAK;AACrB,WAAI;AAcF,QAZA,MADe,EAAuB,GAAe,GAAW,EAAe,CAClE,OAAiC;SAC5C,UAAU;SACV,WAAW;UACT,IAAI;UACJ,OAAO;WACL;WACA,aAAa;WACb,kBAAkB;WACnB;UACF;SACF,CAAC,EACF,EAAe,sBAAsB,EAAE,IAAI,GAAc,CAAC,EAC1D,EAAS,MAAM,IAAe;gBACvB,GAAc;AAMrB,QALA,EACE,GACA;SAAE,QAAQ;SAAW,SAAS;UAAE,QAAQ;UAA6B;UAAc;SAAE,EACrF,wCACD,EACD,EACE,aAAe,QACX,EAAI,UACJ,EAAG,2BAA2B,8BAA8B,CACjE;iBACO;AACR,UAAgB,GAAM;;;MAgEY,WAAU;gBAAxC;OACE,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,QAAD;UAAM,WAAU;oBAAsB;UAAU,CAAA;;SAAE,EAAW;SAC7D,kBAAC,MAAD,EAAM,CAAA;SACN,kBAAC,QAAD;UAAM,WAAU;oBAAhB,CACG,EAAG,6BAA6B,YAAY,EAAC,IACzC;;SAAC;SACP,EAAW;SACR;;OAEN,kBAAC,OAAD,EAAA,UACE,kBAAC,SAAD;QAAO,WAAU;kBAAjB,CACE,kBAAC,SAAD;SACE,MAAK;SACL,SAAS;SACT,WAAW,MAAM,EAAY,EAAE,OAAO,QAAQ;SAC9C,CAAA,EACD,EAAG,6BAA6B,SAAS,CACpC;WACJ,CAAA;OAEN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;QAAO,WAAU;kBACd,EAAG,gCAAgC,qBAAqB;QACnD,CAAA,EACR,kBAAC,YAAD;QACE,cAAY,EACV,0CACA,2CACD;QACD,OAAO;QACP,WAAW,MAAM,EAAe,EAAE,OAAO,MAAM;QAC/C,MAAM;QACN,WAAU;QACV,aAAa,EACX,0CACA,2CACD;QACD,CAAA,CACE,EAAA,CAAA;OAEN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;QACE,SAAQ;QACR,WAAU;kBAET,EAAG,qCAAqC,2BAA2B;QAC9D,CAAA,EACR,kBAAC,YAAD;QACE,IAAG;QACH,cAAY,EAAG,qCAAqC,2BAA2B;QAC/E,OAAO;QACP,WAAW,MAAM,EAAoB,EAAE,OAAO,MAAM;QACpD,MAAM;QACN,WAAU;QACV,CAAA,CACE,EAAA,CAAA;OAEN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,UAAD;SACE,MAAK;SACL,UAAU;SACV,WAAU;mBAHZ,CAKG,IACC,kBAAC,GAAD,EAAS,WAAU,uBAAwB,CAAA,GAE3C,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAE7B,EAAG,eAAe,OAAO,CACnB;YACT,kBAAC,UAAD;SACE,MAAK;SACL,eAAe,EAAS,GAAG;SAC3B,WAAU;mBAET,EAAG,iBAAiB,SAAS;SACvB,CAAA,CACL;;OACD;;KACO,CAAA;IACZ;;EACU,CAAA,GApIhB,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAa,WAAU,0CAA2C,CAAA,EAClE,kBAAC,KAAD;IAAG,WAAU;cACV,KAAS,EAAG,uBAAuB,uBAAuB;IACzD,CAAA,CACA;;EACF,CAAA"}
+{"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;