@burdenoff/microfe-channel 2026.626.1 → 2026.715.2

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

@@ -0,0 +1,10 @@
+/**
+ * Edit Connection Page
+ *
+ * Standalone page mounted at /channels/connections/:connectionId/edit.
+ * Fetches the connection directly via getConnection (no channelId required in URL).
+ *
+ * Form fields match UpdateConnectionInput exactly.
+ */
+export declare function EditConnectionPage(): import("react").JSX.Element;
+//# sourceMappingURL=EditConnectionPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditConnectionPage.d.ts","sourceRoot":"","sources":["../../../../../src/channel/modules/channels/pages/EditConnectionPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAqBH,wBAAgB,kBAAkB,gCA6PjC"}

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-dom';\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":[],"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-dom';\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

@@ -0,0 +1,8 @@
+/**
+ * Send Message Page
+ *
+ * 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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SendMessagePage.d.ts","sourceRoot":"","sources":["../../../../../src/channel/modules/channels/pages/SendMessagePage.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAgFH,wBAAgB,eAAe,gCA2hB9B"}

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

@@ -1 +1 @@
-{"version":3,"file":"SendMessagePage.js","names":[],"sources":["../../../../../src/channel/modules/channels/pages/SendMessagePage.tsx"],"sourcesContent":["/**\n * Send Message Page\n *\n * UI for sending notifications/messages through channels.\n * Supports single and bulk delivery with recipient management.\n */\n\nimport { useState, useCallback, useRef } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  ArrowLeft,\n  Send,\n  Loader2,\n  AlertCircle,\n  CheckCircle2,\n  XCircle,\n  Plus,\n  X,\n  Mail,\n  Smartphone,\n  Bell,\n  MessageSquare,\n  Hash,\n  Users,\n  MessageCircle,\n} from 'lucide-react';\nimport { EmphasisPanel, GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useChannel as useChannelContext } from '../../../providers/ChannelProvider';\nimport { useChannels } from '../../../hooks/useChannels';\nimport { getGlobalChannelClient } from '../../../graphql/global-client';\nimport { useSendNotificationMutation } from '../../../../generated/global-operations';\nimport {\n  ChannelPlatform,\n  NotificationChannel,\n  NotificationPriority,\n  RecipientInput,\n  TriggerNotificationInput,\n} from '../../../../generated/global-types';\nimport { PermissionGuard } from '../../../components/PermissionGuard';\nimport { CHANNEL_PERMISSIONS } from '../../../constants/permissions';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface Recipient {\n  id: string;\n  address: string;\n  name?: string;\n}\n\ninterface DeliveryResult {\n  recipientId: string;\n  success: boolean;\n  messageId?: string;\n  error?: string;\n}\n\n// ============================================================================\n// PLATFORM CONFIG\n// ============================================================================\n\nconst PLATFORM_ICONS: Record<string, typeof Mail> = {\n  EMAIL: Mail,\n  SMS: Smartphone,\n  PUSH: Bell,\n  WHATSAPP: MessageSquare,\n  SLACK: Hash,\n  TEAMS: Users,\n  DISCORD: MessageCircle,\n  INAPP: Bell,\n  WEBCHAT: MessageSquare,\n  WEBHOOK: Send,\n};\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport function SendMessagePage() {\n  const navigate = useNavigate();\n  const { channels } = useChannels();\n  const { organizationId, authToken, apiGatewayUrl } = 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  // Get Apollo client for notification mutations\n  const client = getGlobalChannelClient(apiGatewayUrl, authToken, organizationId);\n\n  // Send notification via notification-svc (which calls channel-svc with service actor)\n  const [sendNotification, { loading: isSending }] = useSendNotificationMutation({ client });\n\n  // Channel selection\n  const [selectedChannelId, setSelectedChannelId] = useState('');\n  const [platform, setPlatform] = useState<ChannelPlatform>('EMAIL' as ChannelPlatform);\n\n  // Recipients\n  const [recipients, setRecipients] = useState<Recipient[]>([]);\n  const recipientIdCounter = useRef(0);\n  const [newAddress, setNewAddress] = useState('');\n  const [newName, setNewName] = useState('');\n\n  // Message content\n  const [subject, setSubject] = useState('');\n  const [body, setBody] = useState('');\n  const [priority, setPriority] = useState<NotificationPriority>(NotificationPriority.Medium);\n\n  // UI state\n  const [results, setResults] = useState<DeliveryResult[] | null>(null);\n  const [error, setError] = useState<string | null>(null);\n\n  // Filter channels by platform\n  const filteredChannels = channels.filter((ch) => ch.platform === platform);\n\n  // Add recipient\n  const addRecipient = useCallback(() => {\n    if (!newAddress.trim()) return;\n\n    const recipient: Recipient = {\n      id: `r-${++recipientIdCounter.current}`,\n      address: newAddress.trim(),\n      name: newName.trim() || undefined,\n    };\n\n    setRecipients((prev) => [...prev, recipient]);\n    setNewAddress('');\n    setNewName('');\n  }, [newAddress, newName]);\n\n  // Remove recipient\n  const removeRecipient = useCallback((id: string) => {\n    setRecipients((prev) => prev.filter((r) => r.id !== id));\n  }, []);\n\n  // Clear results and reset\n  const handleReset = useCallback(() => {\n    setResults(null);\n    setError(null);\n    setSubject('');\n    setBody('');\n    setRecipients([]);\n  }, []);\n\n  // Send message via notification-svc (which handles service actor auth to channel-svc)\n  const handleSend = async () => {\n    if (!selectedChannelId) {\n      setError(tr('channel.validation.selectChannel', 'Please select a channel'));\n      return;\n    }\n\n    if (recipients.length === 0) {\n      setError(tr('channel.validation.addRecipient', 'Please add at least one recipient'));\n      return;\n    }\n\n    if (!body.trim()) {\n      setError(tr('channel.validation.enterMessage', 'Please enter a message'));\n      return;\n    }\n\n    setError(null);\n    setResults(null);\n\n    try {\n      // Find the selected channel to get platform and connection info\n      const selectedChannel = channels.find((ch) => ch.id === selectedChannelId);\n      if (!selectedChannel) {\n        setError(tr('channel.error.channelNotFound', 'Selected channel not found'));\n        return;\n      }\n\n      // Map ChannelPlatform to NotificationChannel\n      // Most platforms have the same name (EMAIL, SMS, PUSH, etc.)\n      // ChannelPlatform uses 'INAPP' but there's no INAPP in ChannelPlatform enum\n      // (only in PLATFORM_ICONS). We check using string literal.\n      const platformStr = platform as string;\n      const notificationChannel =\n        platformStr === 'INAPP'\n          ? NotificationChannel.InApp\n          : (platform as unknown as NotificationChannel);\n\n      // Send to each recipient in parallel via notification-svc\n      const deliveryResults: DeliveryResult[] = await Promise.all(\n        recipients.map(async (recipient): Promise<DeliveryResult> => {\n          // Build recipient input for notification-svc\n          const recipientInput: RecipientInput = {};\n          switch (platform) {\n            case 'EMAIL':\n              recipientInput.email = recipient.address;\n              break;\n            case 'SMS':\n            case 'WHATSAPP':\n              recipientInput.phoneNumber = recipient.address;\n              break;\n            case 'PUSH':\n              recipientInput.pushToken = recipient.address;\n              break;\n            case 'SLACK':\n              recipientInput.slackUserId = recipient.address;\n              break;\n            case 'TEAMS':\n              recipientInput.teamsUserId = recipient.address;\n              break;\n            case 'WEBHOOK':\n              recipientInput.webhookUrl = recipient.address;\n              break;\n            default:\n              recipientInput.email = recipient.address;\n          }\n\n          // Build TriggerNotificationInput - creates notification AND triggers delivery\n          const triggerInput: TriggerNotificationInput = {\n            channelId: selectedChannel.id,\n            platform: notificationChannel,\n            notification: {\n              body: body,\n              channel: notificationChannel,\n              recipient: recipientInput,\n              subject: platform === 'EMAIL' ? subject : undefined,\n              priority: priority,\n            },\n          };\n\n          try {\n            const result = await sendNotification({ variables: { input: triggerInput } });\n\n            if (result.data?.triggerNotification) {\n              const notification = result.data.triggerNotification;\n              // deliveryStatus is null at trigger time (async delivery hasn't completed yet).\n              // Use triggerStatus + status to determine immediate send success.\n              const failed =\n                notification.status === 'FAILED' || notification.triggerStatus === 'FAILED';\n              const errorDetail = notification.errorMessage || notification.errorCode;\n              return {\n                recipientId: recipient.id,\n                success: !failed,\n                messageId: notification.id,\n                error: failed\n                  ? errorDetail\n                    ? `Delivery failed: ${errorDetail}`\n                    : 'Delivery failed'\n                  : undefined,\n              };\n            }\n            return {\n              recipientId: recipient.id,\n              success: false,\n              error: result.error?.message || 'Failed to send notification',\n            };\n          } catch (err: unknown) {\n            return {\n              recipientId: recipient.id,\n              success: false,\n              error: err instanceof Error ? err.message : 'Failed to send notification',\n            };\n          }\n        })\n      );\n\n      setResults(deliveryResults);\n    } catch (err: unknown) {\n      const message = err instanceof Error ? err.message : 'Failed to send message';\n      setError(message);\n    }\n  };\n\n  const successCount = results?.filter((r) => r.success).length ?? 0;\n  const failCount = results?.filter((r) => !r.success).length ?? 0;\n\n  return (\n    <PermissionGuard permission={CHANNEL_PERMISSIONS.CHANNEL_DELIVERY_SEND}>\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/list')}\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.sendMessage', 'Send Message')}</h1>\n                <p className=\"text-sm text-text-secondary\">\n                  {tr(\n                    'channel.sendMessageSubtitle',\n                    'Send notifications through configured channels'\n                  )}\n                </p>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {/* Content */}\n        <div className=\"container mx-auto px-6 py-8 max-w-3xl space-y-6\">\n          <PagePurpose icon={<Send size={15} aria-hidden=\"true\" />}>\n            {tr(\n              'channel.sendMessagePurpose',\n              'Compose and fire off a one-off notification through any configured channel — handy for testing a freshly set-up channel, sending a quick announcement, or reproducing a delivery problem. Pick the platform and channel, add one or more recipients, write your message, and send; you will get a per-recipient success/failure breakdown so you know exactly what got through.'\n            )}\n          </PagePurpose>\n\n          {results === null ? (\n            <div className=\"space-y-6\">\n              {/* Error Alert */}\n              {error && (\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\">{error}</p>\n                </div>\n              )}\n\n              {/* Platform Selection */}\n              <div className=\"space-y-3\">\n                <label className=\"text-sm font-medium\">{tr('channel.platform', 'Platform')}</label>\n                <div className=\"flex flex-wrap gap-2\">\n                  {(\n                    [\n                      'EMAIL',\n                      'SMS',\n                      'PUSH',\n                      'WHATSAPP',\n                      'SLACK',\n                      'TEAMS',\n                      'WEBHOOK',\n                    ] as ChannelPlatform[]\n                  ).map((p) => {\n                    const Icon = PLATFORM_ICONS[p] || Send;\n                    const isSelected = platform === p;\n                    return (\n                      <button\n                        type=\"button\"\n                        key={p}\n                        onClick={() => {\n                          setPlatform(p);\n                          setSelectedChannelId('');\n                        }}\n                        className={`px-4 py-2 rounded-lg border flex items-center gap-2 transition-all ${\n                          isSelected\n                            ? 'bg-action-primary-bg text-action-primary-text border-primary'\n                            : 'bg-bg-surface hover:bg-bg-sunken border-border-subtle'\n                        }`}\n                      >\n                        <Icon className=\"size-4 \" />\n                        <span className=\"text-sm\">{p}</span>\n                      </button>\n                    );\n                  })}\n                </div>\n              </div>\n\n              {/* Channel Selection */}\n              <div className=\"space-y-2\">\n                <label className=\"text-sm font-medium\">{tr('channel.channel', 'Channel')} *</label>\n                {filteredChannels.length === 0 ? (\n                  <div className=\"rounded-lg border border-dashed\">\n                    <IllustratedEmptyState\n                      illustration=\"empty-data\"\n                      title={tr('channel.noPlatformChannels', `No ${platform} channels configured`)}\n                      description={tr(\n                        'channel.noPlatformChannelsHint',\n                        'Create a channel for this platform to be able to send through it.'\n                      )}\n                      action={\n                        <button\n                          type=\"button\"\n                          onClick={() => navigate('./create')}\n                          className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg-hover\"\n                        >\n                          <Plus className=\"size-4\" aria-hidden=\"true\" />\n                          {tr('channel.createChannel', 'Create Channel')}\n                        </button>\n                      }\n                    />\n                  </div>\n                ) : (\n                  <select\n                    value={selectedChannelId}\n                    onChange={(e) => setSelectedChannelId(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                    <option value=\"\">{tr('channel.selectChannel', 'Select a channel...')}</option>\n                    {filteredChannels.map((ch) => (\n                      <option key={ch.id} value={ch.id}>\n                        {ch.name} ({ch.adapterType})\n                      </option>\n                    ))}\n                  </select>\n                )}\n              </div>\n\n              {/* Recipients */}\n              <div className=\"space-y-3\">\n                <label className=\"text-sm font-medium\">\n                  {tr('channel.recipients', 'Recipients')}\n                </label>\n\n                {/* Add recipient form */}\n                <div className=\"flex gap-2\">\n                  <input\n                    aria-label={platform === 'EMAIL' ? 'email@example.com' : '+1234567890'}\n                    type=\"text\"\n                    value={newAddress}\n                    onChange={(e) => setNewAddress(e.target.value)}\n                    placeholder={platform === 'EMAIL' ? 'email@example.com' : '+1234567890'}\n                    className=\"flex-1 px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary\"\n                  />\n                  <input\n                    aria-label={tr('channel.nameOptional', 'Name (optional)')}\n                    type=\"text\"\n                    value={newName}\n                    onChange={(e) => setNewName(e.target.value)}\n                    placeholder={tr('channel.nameOptional', 'Name (optional)')}\n                    className=\"w-full sm:w-48 px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary\"\n                  />\n                  <button\n                    type=\"button\"\n                    onClick={addRecipient}\n                    disabled={!newAddress.trim()}\n                    className=\"px-4 py-2 rounded-lg bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50 flex items-center gap-2\"\n                  >\n                    <Plus className=\"size-4 \" />\n                    {tr('channel.add', 'Add')}\n                  </button>\n                </div>\n\n                {/* recipient list */}\n                {recipients.length > 0 ? (\n                  <GlassCard\n                    treatment=\"plain\"\n                    className=\"border-border-seam rounded-lg p-0 divide-y divide-[var(--color-border-seam)] overflow-hidden\"\n                  >\n                    {recipients.map((r) => (\n                      <div key={r.id} className=\"p-3 flex items-center justify-between\">\n                        <div>\n                          <p className=\"text-sm font-medium\">{r.address}</p>\n                          {r.name && <p className=\"text-xs text-text-secondary\">{r.name}</p>}\n                        </div>\n                        <button\n                          type=\"button\"\n                          onClick={() => removeRecipient(r.id)}\n                          className=\"p-1 hover:bg-bg-sunken rounded transition-colors\"\n                        >\n                          <X className=\"size-4 text-text-secondary\" />\n                        </button>\n                      </div>\n                    ))}\n                  </GlassCard>\n                ) : (\n                  <IllustratedEmptyState\n                    illustration=\"empty-people\"\n                    title={tr('channel.noRecipientsYet', 'No recipients added yet')}\n                    description={tr(\n                      'channel.addRecipientsHint',\n                      'Add one or more recipients above to send this message to.'\n                    )}\n                  />\n                )}\n              </div>\n\n              {/* Message Content */}\n              <div className=\"space-y-3\">\n                <label className=\"text-sm font-medium\">\n                  {tr('channel.messageContent', 'Message Content')} *\n                </label>\n\n                {platform === 'EMAIL' && (\n                  <input\n                    aria-label=\"Subject\"\n                    type=\"text\"\n                    value={subject}\n                    onChange={(e) => setSubject(e.target.value)}\n                    placeholder=\"Subject\"\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                )}\n\n                <textarea\n                  aria-label=\"Enter your message...\"\n                  value={body}\n                  onChange={(e) => setBody(e.target.value)}\n                  placeholder=\"Enter your message...\"\n                  rows={6}\n                  className=\"w-full px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary resize-none\"\n                />\n              </div>\n\n              {/* Priority */}\n              <div className=\"space-y-2\">\n                <label className=\"text-sm font-medium\">{tr('channel.priority', 'Priority')}</label>\n                <div className=\"flex gap-2\">\n                  {(\n                    [\n                      NotificationPriority.Low,\n                      NotificationPriority.Medium,\n                      NotificationPriority.High,\n                      NotificationPriority.Urgent,\n                    ] as const\n                  ).map((p) => (\n                    <button\n                      type=\"button\"\n                      key={p}\n                      onClick={() => setPriority(p)}\n                      className={`px-4 py-2 rounded-lg border text-sm transition-all ${\n                        priority === p\n                          ? 'bg-action-primary-bg text-action-primary-text border-primary'\n                          : 'bg-bg-surface hover:bg-bg-sunken border-border-subtle'\n                      }`}\n                    >\n                      {p}\n                    </button>\n                  ))}\n                </div>\n              </div>\n\n              {/* Send Button */}\n              <div className=\"flex justify-end pt-4\">\n                <button\n                  type=\"button\"\n                  onClick={handleSend}\n                  disabled={\n                    isSending || !selectedChannelId || recipients.length === 0 || !body.trim()\n                  }\n                  className=\"px-6 py-3 rounded-lg bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50 flex items-center gap-2\"\n                >\n                  {isSending ? (\n                    <>\n                      <Loader2 className=\"size-5 animate-spin\" />\n                      {tr('channel.sending', 'Sending...')}\n                    </>\n                  ) : (\n                    <>\n                      <Send className=\"size-5 \" />\n                      {tr('channel.sendTo', 'Send to')} {recipients.length}{' '}\n                      {recipients.length !== 1\n                        ? tr('channel.recipients', 'recipients')\n                        : tr('channel.recipient', 'recipient')}\n                    </>\n                  )}\n                </button>\n              </div>\n            </div>\n          ) : (\n            /* Results View */\n            <div className=\"space-y-6\">\n              {/* Summary */}\n              <EmphasisPanel className=\"p-4 flex items-center justify-between\">\n                <div className=\"flex items-center gap-4\">\n                  {failCount === 0 ? (\n                    <CheckCircle2 className=\"size-8 text-status-success-text\" />\n                  ) : (\n                    <AlertCircle className=\"size-8 text-status-warning-text\" />\n                  )}\n                  <div>\n                    <h2 className=\"text-lg font-semibold\">\n                      {failCount === 0\n                        ? tr('channel.allMessagesSent', 'All messages sent!')\n                        : `${successCount} of ${recipients.length} sent`}\n                    </h2>\n                    <p className=\"text-sm text-text-secondary\">\n                      {successCount} {tr('channel.successful', 'successful')}, {failCount}{' '}\n                      {tr('channel.failed', 'failed')}\n                    </p>\n                  </div>\n                </div>\n                <button\n                  type=\"button\"\n                  onClick={handleReset}\n                  className=\"px-4 py-2 rounded-lg border hover:bg-bg-sunken transition-colors\"\n                >\n                  {tr('channel.sendAnother', 'Send Another')}\n                </button>\n              </EmphasisPanel>\n\n              {/* Results List */}\n              <GlassCard\n                treatment=\"plain\"\n                className=\"border-border-seam rounded-lg p-0 divide-y divide-[var(--color-border-seam)] overflow-hidden\"\n              >\n                {results.map((result) => {\n                  const recipient = recipients.find((r) => r.id === result.recipientId);\n                  return (\n                    <div key={result.recipientId} className=\"p-4 flex items-center justify-between\">\n                      <div>\n                        <p className=\"text-sm font-medium\">{recipient?.address}</p>\n                        {recipient?.name && (\n                          <p className=\"text-xs text-text-secondary\">{recipient.name}</p>\n                        )}\n                        {result.messageId && (\n                          <p className=\"text-xs text-text-secondary font-mono\">\n                            {result.messageId}\n                          </p>\n                        )}\n                        {result.error && <p className=\"text-xs text-status-error-text\">{result.error}</p>}\n                      </div>\n                      {result.success ? (\n                        <CheckCircle2 className=\"size-5 text-status-success-text\" />\n                      ) : (\n                        <XCircle className=\"size-5 text-status-error-text\" />\n                      )}\n                    </div>\n                  );\n                })}\n              </GlassCard>\n            </div>\n          )}\n        </div>\n      </div>\n    </PermissionGuard>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AA+DA,IAAM,KAA8C;CAClD,OAAO;CACP,KAAK;CACL,MAAM;CACN,UAAU;CACV,OAAO;CACP,OAAO;CACP,SAAS;CACT,OAAO;CACP,SAAS;CACT,SAAS;CACV;AAMD,SAAgB,IAAkB;CAChC,IAAM,IAAW,IAAa,EACxB,EAAE,gBAAa,GAAa,EAC5B,EAAE,mBAAgB,cAAW,qBAAkB,GAAmB,EAClE,EAAE,SAAM,GAAS,EACjB,KAAM,GAAa,MAA6B;EACpD,IAAM,IAAQ,EAAE,EAAI;AACpB,SAAO,MAAU,IAAM,IAAW;IAO9B,CAAC,GAAkB,EAAE,SAAS,OAAe,EAA4B,EAAE,QAHlE,EAAuB,GAAe,GAAW,EAAe,EAGU,CAAC,EAGpF,CAAC,GAAmB,KAAwB,EAAS,GAAG,EACxD,CAAC,GAAU,KAAe,EAA0B,QAA2B,EAG/E,CAAC,GAAY,KAAiB,EAAsB,EAAE,CAAC,EACvD,KAAqB,EAAO,EAAE,EAC9B,CAAC,GAAY,KAAiB,EAAS,GAAG,EAC1C,CAAC,GAAS,KAAc,EAAS,GAAG,EAGpC,CAAC,GAAS,KAAc,EAAS,GAAG,EACpC,CAAC,GAAM,KAAW,EAAS,GAAG,EAC9B,CAAC,GAAU,MAAe,EAA+B,EAAqB,OAAO,EAGrF,CAAC,GAAS,KAAc,EAAkC,KAAK,EAC/D,CAAC,GAAO,KAAY,EAAwB,KAAK,EAGjD,IAAmB,EAAS,QAAQ,MAAO,EAAG,aAAa,EAAS,EAGpE,KAAe,QAAkB;AACrC,MAAI,CAAC,EAAW,MAAM,CAAE;EAExB,IAAM,IAAuB;GAC3B,IAAI,KAAK,EAAE,GAAmB;GAC9B,SAAS,EAAW,MAAM;GAC1B,MAAM,EAAQ,MAAM,IAAI,KAAA;GACzB;AAID,EAFA,GAAe,MAAS,CAAC,GAAG,GAAM,EAAU,CAAC,EAC7C,EAAc,GAAG,EACjB,EAAW,GAAG;IACb,CAAC,GAAY,EAAQ,CAAC,EAGnB,KAAkB,GAAa,MAAe;AAClD,KAAe,MAAS,EAAK,QAAQ,MAAM,EAAE,OAAO,EAAG,CAAC;IACvD,EAAE,CAAC,EAGA,KAAc,QAAkB;AAKpC,EAJA,EAAW,KAAK,EAChB,EAAS,KAAK,EACd,EAAW,GAAG,EACd,EAAQ,GAAG,EACX,EAAc,EAAE,CAAC;IAChB,EAAE,CAAC,EAGA,KAAa,YAAY;AAC7B,MAAI,CAAC,GAAmB;AACtB,KAAS,EAAG,oCAAoC,0BAA0B,CAAC;AAC3E;;AAGF,MAAI,EAAW,WAAW,GAAG;AAC3B,KAAS,EAAG,mCAAmC,oCAAoC,CAAC;AACpF;;AAGF,MAAI,CAAC,EAAK,MAAM,EAAE;AAChB,KAAS,EAAG,mCAAmC,yBAAyB,CAAC;AACzE;;AAIF,EADA,EAAS,KAAK,EACd,EAAW,KAAK;AAEhB,MAAI;GAEF,IAAM,IAAkB,EAAS,MAAM,MAAO,EAAG,OAAO,EAAkB;AAC1E,OAAI,CAAC,GAAiB;AACpB,MAAS,EAAG,iCAAiC,6BAA6B,CAAC;AAC3E;;GAQF,IAAM,IADc,MAEF,UACZ,EAAoB,QACnB;AAgFP,KA7E0C,MAAM,QAAQ,IACtD,EAAW,IAAI,OAAO,MAAuC;IAE3D,IAAM,IAAiC,EAAE;AACzC,YAAQ,GAAR;KACE,KAAK;AACH,QAAe,QAAQ,EAAU;AACjC;KACF,KAAK;KACL,KAAK;AACH,QAAe,cAAc,EAAU;AACvC;KACF,KAAK;AACH,QAAe,YAAY,EAAU;AACrC;KACF,KAAK;AACH,QAAe,cAAc,EAAU;AACvC;KACF,KAAK;AACH,QAAe,cAAc,EAAU;AACvC;KACF,KAAK;AACH,QAAe,aAAa,EAAU;AACtC;KACF,QACE,GAAe,QAAQ,EAAU;;IAIrC,IAAM,IAAyC;KAC7C,WAAW,EAAgB;KAC3B,UAAU;KACV,cAAc;MACN;MACN,SAAS;MACT,WAAW;MACX,SAAS,MAAa,UAAU,IAAU,KAAA;MAChC;MACX;KACF;AAED,QAAI;KACF,IAAM,IAAS,MAAM,EAAiB,EAAE,WAAW,EAAE,OAAO,GAAc,EAAE,CAAC;AAE7E,SAAI,EAAO,MAAM,qBAAqB;MACpC,IAAM,IAAe,EAAO,KAAK,qBAG3B,IACJ,EAAa,WAAW,YAAY,EAAa,kBAAkB,UAC/D,IAAc,EAAa,gBAAgB,EAAa;AAC9D,aAAO;OACL,aAAa,EAAU;OACvB,SAAS,CAAC;OACV,WAAW,EAAa;OACxB,OAAO,IACH,IACE,oBAAoB,MACpB,oBACF,KAAA;OACL;;AAEH,YAAO;MACL,aAAa,EAAU;MACvB,SAAS;MACT,OAAO,EAAO,OAAO,WAAW;MACjC;aACM,GAAc;AACrB,YAAO;MACL,aAAa,EAAU;MACvB,SAAS;MACT,OAAO,aAAe,QAAQ,EAAI,UAAU;MAC7C;;KAEH,CACH,CAE0B;WACpB,GAAc;AAErB,KADgB,aAAe,QAAQ,EAAI,UAAU,yBACpC;;IAIf,IAAe,GAAS,QAAQ,MAAM,EAAE,QAAQ,CAAC,UAAU,GAC3D,IAAY,GAAS,QAAQ,MAAM,CAAC,EAAE,QAAQ,CAAC,UAAU;AAE/D,QACE,kBAAC,GAAD;EAAiB,YAAY,GAAoB;YAC/C,kBAAC,OAAD;GAAK,WAAU;aAAf,CAEE,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAS,iBAAiB;OACzC,WAAU;iBAEV,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;OAC1B,CAAA,EACT,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAsB,EAAG,uBAAuB,eAAe;OAAM,CAAA,EACnF,kBAAC,KAAD;OAAG,WAAU;iBACV,EACC,+BACA,iDACD;OACC,CAAA,CACA,EAAA,CAAA,CACF;;KACF,CAAA;IACF,CAAA,EAGN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,IAAD;KAAa,MAAM,kBAAC,GAAD;MAAM,MAAM;MAAI,eAAY;MAAS,CAAA;eACrD,EACC,8BACA,kXACD;KACW,CAAA,EAEb,MAAY,OACX,kBAAC,OAAD;KAAK,WAAU;eAAf;MAEG,KACC,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAa,WAAU,0CAA2C,CAAA,EAClE,kBAAC,KAAD;QAAG,WAAU;kBAAkC;QAAU,CAAA,CACrD;;MAIR,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,SAAD;QAAO,WAAU;kBAAuB,EAAG,oBAAoB,WAAW;QAAS,CAAA,EACnF,kBAAC,OAAD;QAAK,WAAU;kBAEX;SACE;SACA;SACA;SACA;SACA;SACA;SACA;SACD,CACD,KAAK,MAAM;SACX,IAAM,IAAO,GAAe,MAAM;AAElC,gBACE,kBAAC,UAAD;UACE,MAAK;UAEL,eAAe;AAEb,WADA,EAAY,EAAE,EACd,EAAqB,GAAG;;UAE1B,WAAW,sEATI,MAAa,IAWtB,iEACA;oBAVR,CAaE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAC5B,kBAAC,QAAD;WAAM,WAAU;qBAAW;WAAS,CAAA,CAC7B;YAbF,EAaE;UAEX;QACE,CAAA,CACF;;MAGN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,SAAD;QAAO,WAAU;kBAAjB,CAAwC,EAAG,mBAAmB,UAAU,EAAC,KAAU;WAClF,EAAiB,WAAW,IAC3B,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,GAAD;SACE,cAAa;SACb,OAAO,EAAG,8BAA8B,MAAM,EAAS,sBAAsB;SAC7E,aAAa,EACX,kCACA,oEACD;SACD,QACE,kBAAC,UAAD;UACE,MAAK;UACL,eAAe,EAAS,WAAW;UACnC,WAAU;oBAHZ,CAKE,kBAAC,GAAD;WAAM,WAAU;WAAS,eAAY;WAAS,CAAA,EAC7C,EAAG,yBAAyB,iBAAiB,CACvC;;SAEX,CAAA;QACE,CAAA,GAEN,kBAAC,UAAD;QACE,OAAO;QACP,WAAW,MAAM,EAAqB,EAAE,OAAO,MAAM;QACrD,WAAU;kBAHZ,CAKE,kBAAC,UAAD;SAAQ,OAAM;mBAAI,EAAG,yBAAyB,sBAAsB;SAAU,CAAA,EAC7E,EAAiB,KAAK,MACrB,kBAAC,UAAD;SAAoB,OAAO,EAAG;mBAA9B;UACG,EAAG;UAAK;UAAG,EAAG;UAAY;UACpB;WAFI,EAAG,GAEP,CACT,CACK;UAEP;;MAGN,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,SAAD;SAAO,WAAU;mBACd,EAAG,sBAAsB,aAAa;SACjC,CAAA;QAGR,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,SAAD;WACE,cAAY,MAAa,UAAU,sBAAsB;WACzD,MAAK;WACL,OAAO;WACP,WAAW,MAAM,EAAc,EAAE,OAAO,MAAM;WAC9C,aAAa,MAAa,UAAU,sBAAsB;WAC1D,WAAU;WACV,CAAA;UACF,kBAAC,SAAD;WACE,cAAY,EAAG,wBAAwB,kBAAkB;WACzD,MAAK;WACL,OAAO;WACP,WAAW,MAAM,EAAW,EAAE,OAAO,MAAM;WAC3C,aAAa,EAAG,wBAAwB,kBAAkB;WAC1D,WAAU;WACV,CAAA;UACF,kBAAC,UAAD;WACE,MAAK;WACL,SAAS;WACT,UAAU,CAAC,EAAW,MAAM;WAC5B,WAAU;qBAJZ,CAME,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAC3B,EAAG,eAAe,MAAM,CAClB;;UACL;;QAGL,EAAW,SAAS,IACnB,kBAAC,GAAD;SACE,WAAU;SACV,WAAU;mBAET,EAAW,KAAK,MACf,kBAAC,OAAD;UAAgB,WAAU;oBAA1B,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;WAAG,WAAU;qBAAuB,EAAE;WAAY,CAAA,EACjD,EAAE,QAAQ,kBAAC,KAAD;WAAG,WAAU;qBAA+B,EAAE;WAAS,CAAA,CAC9D,EAAA,CAAA,EACN,kBAAC,UAAD;WACE,MAAK;WACL,eAAe,GAAgB,EAAE,GAAG;WACpC,WAAU;qBAEV,kBAAC,IAAD,EAAG,WAAU,8BAA+B,CAAA;WACrC,CAAA,CACL;YAZI,EAAE,GAYN,CACN;SACQ,CAAA,GAEZ,kBAAC,GAAD;SACE,cAAa;SACb,OAAO,EAAG,2BAA2B,0BAA0B;SAC/D,aAAa,EACX,6BACA,4DACD;SACD,CAAA;QAEA;;MAGN,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,SAAD;SAAO,WAAU;mBAAjB,CACG,EAAG,0BAA0B,kBAAkB,EAAC,KAC3C;;QAEP,MAAa,WACZ,kBAAC,SAAD;SACE,cAAW;SACX,MAAK;SACL,OAAO;SACP,WAAW,MAAM,EAAW,EAAE,OAAO,MAAM;SAC3C,aAAY;SACZ,WAAU;SACV,CAAA;QAGJ,kBAAC,YAAD;SACE,cAAW;SACX,OAAO;SACP,WAAW,MAAM,EAAQ,EAAE,OAAO,MAAM;SACxC,aAAY;SACZ,MAAM;SACN,WAAU;SACV,CAAA;QACE;;MAGN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,SAAD;QAAO,WAAU;kBAAuB,EAAG,oBAAoB,WAAW;QAAS,CAAA,EACnF,kBAAC,OAAD;QAAK,WAAU;kBAEX;SACE,EAAqB;SACrB,EAAqB;SACrB,EAAqB;SACrB,EAAqB;SACtB,CACD,KAAK,MACL,kBAAC,UAAD;SACE,MAAK;SAEL,eAAe,GAAY,EAAE;SAC7B,WAAW,sDACT,MAAa,IACT,iEACA;mBAGL;SACM,EATF,EASE,CACT;QACE,CAAA,CACF;;MAGN,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,UAAD;QACE,MAAK;QACL,SAAS;QACT,UACE,KAAa,CAAC,KAAqB,EAAW,WAAW,KAAK,CAAC,EAAK,MAAM;QAE5E,WAAU;kBAET,IACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAS,WAAU,uBAAwB,CAAA,EAC1C,EAAG,mBAAmB,aAAa,CACnC,EAAA,CAAA,GAEH,kBAAA,GAAA,EAAA,UAAA;SACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;SAC3B,EAAG,kBAAkB,UAAU;SAAC;SAAE,EAAW;SAAQ;SACrD,EAAW,WAAW,IAEnB,EAAG,qBAAqB,YAAY,GADpC,EAAG,sBAAsB,aAAa;SAEzC,EAAA,CAAA;QAEE,CAAA;OACL,CAAA;MACF;SAGN,kBAAC,OAAD;KAAK,WAAU;eAAf,CAEE,kBAAC,GAAD;MAAe,WAAU;gBAAzB,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACG,MAAc,IACb,kBAAC,GAAD,EAAc,WAAU,mCAAoC,CAAA,GAE5D,kBAAC,GAAD,EAAa,WAAU,mCAAoC,CAAA,EAE7D,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;QAAI,WAAU;kBACX,MAAc,IACX,EAAG,2BAA2B,qBAAqB,GACnD,GAAG,EAAa,MAAM,EAAW,OAAO;QACzC,CAAA,EACL,kBAAC,KAAD;QAAG,WAAU;kBAAb;SACG;SAAa;SAAE,EAAG,sBAAsB,aAAa;SAAC;SAAG;SAAW;SACpE,EAAG,kBAAkB,SAAS;SAC7B;UACA,EAAA,CAAA,CACF;UACN,kBAAC,UAAD;OACE,MAAK;OACL,SAAS;OACT,WAAU;iBAET,EAAG,uBAAuB,eAAe;OACnC,CAAA,CACK;SAGhB,kBAAC,GAAD;MACE,WAAU;MACV,WAAU;gBAET,EAAQ,KAAK,MAAW;OACvB,IAAM,IAAY,EAAW,MAAM,MAAM,EAAE,OAAO,EAAO,YAAY;AACrE,cACE,kBAAC,OAAD;QAA8B,WAAU;kBAAxC,CACE,kBAAC,OAAD,EAAA,UAAA;SACE,kBAAC,KAAD;UAAG,WAAU;oBAAuB,GAAW;UAAY,CAAA;SAC1D,GAAW,QACV,kBAAC,KAAD;UAAG,WAAU;oBAA+B,EAAU;UAAS,CAAA;SAEhE,EAAO,aACN,kBAAC,KAAD;UAAG,WAAU;oBACV,EAAO;UACN,CAAA;SAEL,EAAO,SAAS,kBAAC,KAAD;UAAG,WAAU;oBAAkC,EAAO;UAAU,CAAA;SAC7E,EAAA,CAAA,EACL,EAAO,UACN,kBAAC,GAAD,EAAc,WAAU,mCAAoC,CAAA,GAE5D,kBAAC,IAAD,EAAS,WAAU,iCAAkC,CAAA,CAEnD;UAlBI,EAAO,YAkBX;QAER;MACQ,CAAA,CACR;OAEJ;MACF;;EACU,CAAA"}
+{"version":3,"file":"SendMessagePage.js","names":[],"sources":["../../../../../src/channel/modules/channels/pages/SendMessagePage.tsx"],"sourcesContent":["/**\n * Send Message Page\n *\n * UI for sending notifications/messages through channels.\n * Supports single and bulk delivery with recipient management.\n */\n\nimport { useState, useCallback, useRef } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  ArrowLeft,\n  Send,\n  Loader2,\n  AlertCircle,\n  CheckCircle2,\n  XCircle,\n  Plus,\n  X,\n  Mail,\n  Smartphone,\n  Bell,\n  MessageSquare,\n  Hash,\n  Users,\n  MessageCircle,\n} from 'lucide-react';\nimport {\n  EmphasisPanel,\n  GlassCard,\n  IllustratedEmptyState,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { useChannel as useChannelContext } from '../../../providers/ChannelProvider';\nimport { useChannels } from '../../../hooks/useChannels';\nimport { getGlobalChannelClient } from '../../../graphql/global-client';\nimport { useSendNotificationMutation } from '../../../../generated/global-operations';\nimport {\n  ChannelPlatform,\n  NotificationChannel,\n  NotificationPriority,\n  RecipientInput,\n  TriggerNotificationInput,\n} from '../../../../generated/global-types';\nimport { PermissionGuard } from '../../../components/PermissionGuard';\nimport { CHANNEL_PERMISSIONS } from '../../../constants/permissions';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface Recipient {\n  id: string;\n  address: string;\n  name?: string;\n}\n\ninterface DeliveryResult {\n  recipientId: string;\n  success: boolean;\n  messageId?: string;\n  error?: string;\n}\n\n// ============================================================================\n// PLATFORM CONFIG\n// ============================================================================\n\nconst PLATFORM_ICONS: Record<string, typeof Mail> = {\n  EMAIL: Mail,\n  SMS: Smartphone,\n  PUSH: Bell,\n  WHATSAPP: MessageSquare,\n  SLACK: Hash,\n  TEAMS: Users,\n  DISCORD: MessageCircle,\n  INAPP: Bell,\n  WEBCHAT: MessageSquare,\n  WEBHOOK: Send,\n};\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport function SendMessagePage() {\n  const navigate = useNavigate();\n  const { channels } = useChannels();\n  const { organizationId, authToken, apiGatewayUrl } = 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  // Get Apollo client for notification mutations\n  const client = getGlobalChannelClient(apiGatewayUrl, authToken, organizationId);\n\n  // Send notification via notification-svc (which calls channel-svc with service actor)\n  const [sendNotification, { loading: isSending }] = useSendNotificationMutation({ client });\n\n  // Channel selection\n  const [selectedChannelId, setSelectedChannelId] = useState('');\n  const [platform, setPlatform] = useState<ChannelPlatform>('EMAIL' as ChannelPlatform);\n\n  // Recipients\n  const [recipients, setRecipients] = useState<Recipient[]>([]);\n  const recipientIdCounter = useRef(0);\n  const [newAddress, setNewAddress] = useState('');\n  const [newName, setNewName] = useState('');\n\n  // Message content\n  const [subject, setSubject] = useState('');\n  const [body, setBody] = useState('');\n  const [priority, setPriority] = useState<NotificationPriority>(NotificationPriority.Medium);\n\n  // UI state\n  const [results, setResults] = useState<DeliveryResult[] | null>(null);\n  const [error, setError] = useState<string | null>(null);\n\n  // Filter channels by platform\n  const filteredChannels = channels.filter((ch) => ch.platform === platform);\n\n  // Add recipient\n  const addRecipient = useCallback(() => {\n    if (!newAddress.trim()) return;\n\n    const recipient: Recipient = {\n      id: `r-${++recipientIdCounter.current}`,\n      address: newAddress.trim(),\n      name: newName.trim() || undefined,\n    };\n\n    setRecipients((prev) => [...prev, recipient]);\n    setNewAddress('');\n    setNewName('');\n  }, [newAddress, newName]);\n\n  // Remove recipient\n  const removeRecipient = useCallback((id: string) => {\n    setRecipients((prev) => prev.filter((r) => r.id !== id));\n  }, []);\n\n  // Clear results and reset\n  const handleReset = useCallback(() => {\n    setResults(null);\n    setError(null);\n    setSubject('');\n    setBody('');\n    setRecipients([]);\n  }, []);\n\n  // Send message via notification-svc (which handles service actor auth to channel-svc)\n  const handleSend = async () => {\n    if (!selectedChannelId) {\n      setError(tr('channel.validation.selectChannel', 'Please select a channel'));\n      return;\n    }\n\n    if (recipients.length === 0) {\n      setError(tr('channel.validation.addRecipient', 'Please add at least one recipient'));\n      return;\n    }\n\n    if (!body.trim()) {\n      setError(tr('channel.validation.enterMessage', 'Please enter a message'));\n      return;\n    }\n\n    setError(null);\n    setResults(null);\n\n    try {\n      // Find the selected channel to get platform and connection info\n      const selectedChannel = channels.find((ch) => ch.id === selectedChannelId);\n      if (!selectedChannel) {\n        setError(tr('channel.error.channelNotFound', 'Selected channel not found'));\n        return;\n      }\n\n      // Map ChannelPlatform to NotificationChannel\n      // Most platforms have the same name (EMAIL, SMS, PUSH, etc.)\n      // ChannelPlatform uses 'INAPP' but there's no INAPP in ChannelPlatform enum\n      // (only in PLATFORM_ICONS). We check using string literal.\n      const platformStr = platform as string;\n      const notificationChannel =\n        platformStr === 'INAPP'\n          ? NotificationChannel.InApp\n          : (platform as unknown as NotificationChannel);\n\n      // Send to each recipient in parallel via notification-svc\n      const deliveryResults: DeliveryResult[] = await Promise.all(\n        recipients.map(async (recipient): Promise<DeliveryResult> => {\n          // Build recipient input for notification-svc\n          const recipientInput: RecipientInput = {};\n          switch (platform) {\n            case 'EMAIL':\n              recipientInput.email = recipient.address;\n              break;\n            case 'SMS':\n            case 'WHATSAPP':\n              recipientInput.phoneNumber = recipient.address;\n              break;\n            case 'PUSH':\n              recipientInput.pushToken = recipient.address;\n              break;\n            case 'SLACK':\n              recipientInput.slackUserId = recipient.address;\n              break;\n            case 'TEAMS':\n              recipientInput.teamsUserId = recipient.address;\n              break;\n            case 'WEBHOOK':\n              recipientInput.webhookUrl = recipient.address;\n              break;\n            default:\n              recipientInput.email = recipient.address;\n          }\n\n          // Build TriggerNotificationInput - creates notification AND triggers delivery\n          const triggerInput: TriggerNotificationInput = {\n            channelId: selectedChannel.id,\n            platform: notificationChannel,\n            notification: {\n              body: body,\n              channel: notificationChannel,\n              recipient: recipientInput,\n              subject: platform === 'EMAIL' ? subject : undefined,\n              priority: priority,\n            },\n          };\n\n          try {\n            const result = await sendNotification({ variables: { input: triggerInput } });\n\n            if (result.data?.triggerNotification) {\n              const notification = result.data.triggerNotification;\n              // deliveryStatus is null at trigger time (async delivery hasn't completed yet).\n              // Use triggerStatus + status to determine immediate send success.\n              const failed =\n                notification.status === 'FAILED' || notification.triggerStatus === 'FAILED';\n              const errorDetail = notification.errorMessage || notification.errorCode;\n              return {\n                recipientId: recipient.id,\n                success: !failed,\n                messageId: notification.id,\n                error: failed\n                  ? errorDetail\n                    ? `Delivery failed: ${errorDetail}`\n                    : 'Delivery failed'\n                  : undefined,\n              };\n            }\n            return {\n              recipientId: recipient.id,\n              success: false,\n              error: result.error?.message || 'Failed to send notification',\n            };\n          } catch (err: unknown) {\n            return {\n              recipientId: recipient.id,\n              success: false,\n              error: err instanceof Error ? err.message : 'Failed to send notification',\n            };\n          }\n        })\n      );\n\n      setResults(deliveryResults);\n    } catch (err: unknown) {\n      const message = err instanceof Error ? err.message : 'Failed to send message';\n      setError(message);\n    }\n  };\n\n  const successCount = results?.filter((r) => r.success).length ?? 0;\n  const failCount = results?.filter((r) => !r.success).length ?? 0;\n\n  return (\n    <PermissionGuard permission={CHANNEL_PERMISSIONS.CHANNEL_DELIVERY_SEND}>\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/list')}\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.sendMessage', 'Send Message')}</h1>\n                <p className=\"text-sm text-text-secondary\">\n                  {tr(\n                    'channel.sendMessageSubtitle',\n                    'Send notifications through configured channels'\n                  )}\n                </p>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {/* Content */}\n        <div className=\"container mx-auto px-6 py-8 max-w-3xl space-y-6\">\n          <PagePurpose icon={<Send size={15} aria-hidden=\"true\" />}>\n            {tr(\n              'channel.sendMessagePurpose',\n              'Compose and fire off a one-off notification through any configured channel — handy for testing a freshly set-up channel, sending a quick announcement, or reproducing a delivery problem. Pick the platform and channel, add one or more recipients, write your message, and send; you will get a per-recipient success/failure breakdown so you know exactly what got through.'\n            )}\n          </PagePurpose>\n\n          {results === null ? (\n            <div className=\"space-y-6\">\n              {/* Error Alert */}\n              {error && (\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\">{error}</p>\n                </div>\n              )}\n\n              {/* Platform Selection */}\n              <div className=\"space-y-3\">\n                <label className=\"text-sm font-medium\">{tr('channel.platform', 'Platform')}</label>\n                <div className=\"flex flex-wrap gap-2\">\n                  {(\n                    [\n                      'EMAIL',\n                      'SMS',\n                      'PUSH',\n                      'WHATSAPP',\n                      'SLACK',\n                      'TEAMS',\n                      'WEBHOOK',\n                    ] as ChannelPlatform[]\n                  ).map((p) => {\n                    const Icon = PLATFORM_ICONS[p] || Send;\n                    const isSelected = platform === p;\n                    return (\n                      <button\n                        type=\"button\"\n                        key={p}\n                        onClick={() => {\n                          setPlatform(p);\n                          setSelectedChannelId('');\n                        }}\n                        className={`px-4 py-2 rounded-lg border flex items-center gap-2 transition-all ${\n                          isSelected\n                            ? 'bg-action-primary-bg text-action-primary-text border-primary'\n                            : 'bg-bg-surface hover:bg-bg-sunken border-border-subtle'\n                        }`}\n                      >\n                        <Icon className=\"size-4 \" />\n                        <span className=\"text-sm\">{p}</span>\n                      </button>\n                    );\n                  })}\n                </div>\n              </div>\n\n              {/* Channel Selection */}\n              <div className=\"space-y-2\">\n                <label className=\"text-sm font-medium\">{tr('channel.channel', 'Channel')} *</label>\n                {filteredChannels.length === 0 ? (\n                  <div className=\"rounded-lg border border-dashed\">\n                    <IllustratedEmptyState\n                      illustration=\"empty-data\"\n                      title={tr('channel.noPlatformChannels', `No ${platform} channels configured`)}\n                      description={tr(\n                        'channel.noPlatformChannelsHint',\n                        'Create a channel for this platform to be able to send through it.'\n                      )}\n                      action={\n                        <button\n                          type=\"button\"\n                          onClick={() => navigate('./create')}\n                          className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg-hover\"\n                        >\n                          <Plus className=\"size-4\" aria-hidden=\"true\" />\n                          {tr('channel.createChannel', 'Create Channel')}\n                        </button>\n                      }\n                    />\n                  </div>\n                ) : (\n                  <select\n                    value={selectedChannelId}\n                    onChange={(e) => setSelectedChannelId(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                    <option value=\"\">{tr('channel.selectChannel', 'Select a channel...')}</option>\n                    {filteredChannels.map((ch) => (\n                      <option key={ch.id} value={ch.id}>\n                        {ch.name} ({ch.adapterType})\n                      </option>\n                    ))}\n                  </select>\n                )}\n              </div>\n\n              {/* Recipients */}\n              <div className=\"space-y-3\">\n                <label className=\"text-sm font-medium\">\n                  {tr('channel.recipients', 'Recipients')}\n                </label>\n\n                {/* Add recipient form */}\n                <div className=\"flex gap-2\">\n                  <input\n                    aria-label={platform === 'EMAIL' ? 'email@example.com' : '+1234567890'}\n                    type=\"text\"\n                    value={newAddress}\n                    onChange={(e) => setNewAddress(e.target.value)}\n                    placeholder={platform === 'EMAIL' ? 'email@example.com' : '+1234567890'}\n                    className=\"flex-1 px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary\"\n                  />\n                  <input\n                    aria-label={tr('channel.nameOptional', 'Name (optional)')}\n                    type=\"text\"\n                    value={newName}\n                    onChange={(e) => setNewName(e.target.value)}\n                    placeholder={tr('channel.nameOptional', 'Name (optional)')}\n                    className=\"w-full sm:w-48 px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary\"\n                  />\n                  <button\n                    type=\"button\"\n                    onClick={addRecipient}\n                    disabled={!newAddress.trim()}\n                    className=\"px-4 py-2 rounded-lg bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50 flex items-center gap-2\"\n                  >\n                    <Plus className=\"size-4 \" />\n                    {tr('channel.add', 'Add')}\n                  </button>\n                </div>\n\n                {/* recipient list */}\n                {recipients.length > 0 ? (\n                  <GlassCard\n                    treatment=\"plain\"\n                    className=\"border-border-seam rounded-lg p-0 divide-y divide-[var(--color-border-seam)] overflow-hidden\"\n                  >\n                    {recipients.map((r) => (\n                      <div key={r.id} className=\"p-3 flex items-center justify-between\">\n                        <div>\n                          <p className=\"text-sm font-medium\">{r.address}</p>\n                          {r.name && <p className=\"text-xs text-text-secondary\">{r.name}</p>}\n                        </div>\n                        <button\n                          type=\"button\"\n                          onClick={() => removeRecipient(r.id)}\n                          className=\"p-1 hover:bg-bg-sunken rounded transition-colors\"\n                        >\n                          <X className=\"size-4 text-text-secondary\" />\n                        </button>\n                      </div>\n                    ))}\n                  </GlassCard>\n                ) : (\n                  <IllustratedEmptyState\n                    illustration=\"empty-people\"\n                    title={tr('channel.noRecipientsYet', 'No recipients added yet')}\n                    description={tr(\n                      'channel.addRecipientsHint',\n                      'Add one or more recipients above to send this message to.'\n                    )}\n                  />\n                )}\n              </div>\n\n              {/* Message Content */}\n              <div className=\"space-y-3\">\n                <label className=\"text-sm font-medium\">\n                  {tr('channel.messageContent', 'Message Content')} *\n                </label>\n\n                {platform === 'EMAIL' && (\n                  <input\n                    aria-label=\"Subject\"\n                    type=\"text\"\n                    value={subject}\n                    onChange={(e) => setSubject(e.target.value)}\n                    placeholder=\"Subject\"\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                )}\n\n                <textarea\n                  aria-label=\"Enter your message...\"\n                  value={body}\n                  onChange={(e) => setBody(e.target.value)}\n                  placeholder=\"Enter your message...\"\n                  rows={6}\n                  className=\"w-full px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary resize-none\"\n                />\n              </div>\n\n              {/* Priority */}\n              <div className=\"space-y-2\">\n                <label className=\"text-sm font-medium\">{tr('channel.priority', 'Priority')}</label>\n                <div className=\"flex gap-2\">\n                  {(\n                    [\n                      NotificationPriority.Low,\n                      NotificationPriority.Medium,\n                      NotificationPriority.High,\n                      NotificationPriority.Urgent,\n                    ] as const\n                  ).map((p) => (\n                    <button\n                      type=\"button\"\n                      key={p}\n                      onClick={() => setPriority(p)}\n                      className={`px-4 py-2 rounded-lg border text-sm transition-all ${\n                        priority === p\n                          ? 'bg-action-primary-bg text-action-primary-text border-primary'\n                          : 'bg-bg-surface hover:bg-bg-sunken border-border-subtle'\n                      }`}\n                    >\n                      {p}\n                    </button>\n                  ))}\n                </div>\n              </div>\n\n              {/* Send Button */}\n              <div className=\"flex justify-end pt-4\">\n                <button\n                  type=\"button\"\n                  onClick={handleSend}\n                  disabled={\n                    isSending || !selectedChannelId || recipients.length === 0 || !body.trim()\n                  }\n                  className=\"px-6 py-3 rounded-lg bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50 flex items-center gap-2\"\n                >\n                  {isSending ? (\n                    <>\n                      <Loader2 className=\"size-5 animate-spin\" />\n                      {tr('channel.sending', 'Sending...')}\n                    </>\n                  ) : (\n                    <>\n                      <Send className=\"size-5 \" />\n                      {tr('channel.sendTo', 'Send to')} {recipients.length}{' '}\n                      {recipients.length !== 1\n                        ? tr('channel.recipients', 'recipients')\n                        : tr('channel.recipient', 'recipient')}\n                    </>\n                  )}\n                </button>\n              </div>\n            </div>\n          ) : (\n            /* Results View */\n            <div className=\"space-y-6\">\n              {/* Summary */}\n              <EmphasisPanel className=\"p-4 flex items-center justify-between\">\n                <div className=\"flex items-center gap-4\">\n                  {failCount === 0 ? (\n                    <CheckCircle2 className=\"size-8 text-status-success-text\" />\n                  ) : (\n                    <AlertCircle className=\"size-8 text-status-warning-text\" />\n                  )}\n                  <div>\n                    <h2 className=\"text-lg font-semibold\">\n                      {failCount === 0\n                        ? tr('channel.allMessagesSent', 'All messages sent!')\n                        : `${successCount} of ${recipients.length} sent`}\n                    </h2>\n                    <p className=\"text-sm text-text-secondary\">\n                      {successCount} {tr('channel.successful', 'successful')}, {failCount}{' '}\n                      {tr('channel.failed', 'failed')}\n                    </p>\n                  </div>\n                </div>\n                <button\n                  type=\"button\"\n                  onClick={handleReset}\n                  className=\"px-4 py-2 rounded-lg border hover:bg-bg-sunken transition-colors\"\n                >\n                  {tr('channel.sendAnother', 'Send Another')}\n                </button>\n              </EmphasisPanel>\n\n              {/* Results List */}\n              <GlassCard\n                treatment=\"plain\"\n                className=\"border-border-seam rounded-lg p-0 divide-y divide-[var(--color-border-seam)] overflow-hidden\"\n              >\n                {results.map((result) => {\n                  const recipient = recipients.find((r) => r.id === result.recipientId);\n                  return (\n                    <div key={result.recipientId} className=\"p-4 flex items-center justify-between\">\n                      <div>\n                        <p className=\"text-sm font-medium\">{recipient?.address}</p>\n                        {recipient?.name && (\n                          <p className=\"text-xs text-text-secondary\">{recipient.name}</p>\n                        )}\n                        {result.messageId && (\n                          <p className=\"text-xs text-text-secondary font-mono\">\n                            {result.messageId}\n                          </p>\n                        )}\n                        {result.error && (\n                          <p className=\"text-xs text-status-error-text\">{result.error}</p>\n                        )}\n                      </div>\n                      {result.success ? (\n                        <CheckCircle2 className=\"size-5 text-status-success-text\" />\n                      ) : (\n                        <XCircle className=\"size-5 text-status-error-text\" />\n                      )}\n                    </div>\n                  );\n                })}\n              </GlassCard>\n            </div>\n          )}\n        </div>\n      </div>\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+/**
+ * Webhook Events Page
+ *
+ * Displays webhook event history for a specific channel
+ */
+export declare function WebhookEventsPage(): import("react").JSX.Element;
+//# sourceMappingURL=WebhookEventsPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WebhookEventsPage.d.ts","sourceRoot":"","sources":["../../../../../src/channel/modules/channels/pages/WebhookEventsPage.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAkEH,wBAAgB,iBAAiB,gCAoZhC"}

package/dist/channel/pages/ChannelLandingPage.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Tabbed landing page for the Channel microfrontend.
+ *
+ * The first tab ("dashboard") uses a clean URL with no `tab` query param.
+ * Detail routes (e.g. /:channelId, /:channelId/edit) remain registered in
+ * ChannelRoutes so existing deep links continue to work.
+ */
+export declare function ChannelLandingPage(): import("react").JSX.Element;
+//# sourceMappingURL=ChannelLandingPage.d.ts.map

package/dist/channel/pages/ChannelLandingPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelLandingPage.d.ts","sourceRoot":"","sources":["../../../src/channel/pages/ChannelLandingPage.tsx"],"names":[],"mappings":"AA8BA;;;;;;GAMG;AACH,wBAAgB,kBAAkB,gCAiEjC"}

package/dist/channel/providers/ChannelProvider.d.ts

@@ -0,0 +1,16 @@
+import { FC, PropsWithChildren } from 'react';
+import { ChannelRootProps } from '../types';
+
+/**
+ * Hook to access Channel context
+ */
+export declare const useChannel: () => ChannelRootProps;
+/**
+ * Provider component for Channel microfrontend
+ * Sets up routing and context
+ *
+ * When integrated into a shell (basePath provided), the shell already has a router
+ * so we don't create another one. When standalone (no basePath), use MemoryRouter.
+ */
+export declare const ChannelProvider: FC<PropsWithChildren<ChannelRootProps>>;
+//# sourceMappingURL=ChannelProvider.d.ts.map

package/dist/channel/providers/ChannelProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelProvider.d.ts","sourceRoot":"","sources":["../../../src/channel/providers/ChannelProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AASjD;;GAEG;AACH,eAAO,MAAM,UAAU,wBAMtB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAkDnE,CAAC"}

package/dist/channel/types/index.d.ts

@@ -0,0 +1,89 @@
+import { ReactNode } from 'react';
+
+/**
+ * Navigation item for shell integration
+ */
+export interface NavItem {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    path: string;
+    badge?: number;
+    order?: number;
+    group?: string;
+    visible?: boolean;
+    children?: NavItem[];
+}
+/**
+ * Footer item for shell integration
+ */
+export interface FooterItem {
+    id: string;
+    label: string;
+    icon?: string;
+    onClick?: () => void;
+    type?: 'status' | 'action' | 'info';
+    order?: number;
+    badge?: string;
+    section?: 'left' | 'center' | 'right';
+    visible?: boolean;
+}
+/**
+ * Base user type
+ */
+export interface User {
+    id: string;
+    email: string;
+    firstName?: string;
+    lastName?: string;
+    avatar?: string;
+    username?: string;
+    name?: string;
+    role?: string;
+}
+/**
+ * Props for the ChannelRoot component
+ */
+export interface ChannelRootProps {
+    /**
+     * Base path for the microfrontend (e.g., '/channels')
+     */
+    basePath: string;
+    /**
+     * Navigation function injected by the host shell
+     */
+    navigate: (path: string) => void;
+    /**
+     * Current authenticated user
+     */
+    currentUser?: User;
+    /**
+     * Workspace ID for Channel context
+     */
+    workspaceId?: string;
+    /**
+     * Organization ID for Channel context
+     */
+    organizationId?: string;
+    /**
+     * Tenant ID for RBAC permission checks (global gateway scope)
+     */
+    tenantId?: string;
+    /**
+     * API Gateway URL
+     */
+    apiGatewayUrl?: string;
+    /**
+     * Authentication token
+     */
+    authToken?: string;
+    /**
+     * Optional function to register navigation items with the shell
+     */
+    registerNavItems?: (items: NavItem | NavItem[]) => () => void;
+    /**
+     * Optional function to register footer items with the shell
+     */
+    registerFooterItems?: (items: FooterItem | FooterItem[]) => () => void;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/channel/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/channel/types/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,IAAI;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjC;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC;IAEnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,EAAE,KAAK,MAAM,IAAI,CAAC;IAE9D;;OAEG;IACH,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,EAAE,KAAK,MAAM,IAAI,CAAC;CACxE"}

package/dist/channel/utils/shellBridge.d.ts

@@ -0,0 +1,59 @@
+/**
+ * Shell bridge — unified accessor for capabilities exposed by the host app
+ * shell on `globalThis.__burdenoffShell`. Each accessor is fully optional:
+ * the MFE must work in isolation (Storybook/standalone Vite dev) when the
+ * shell global is absent.
+ *
+ * Capabilities consumed:
+ *  - `eventBus`        — cross-MFE pub/sub bus per spec MFE-047
+ *  - `reportError`     — central SRE error sink (Rybbit + backend forward)
+ *  - `graphqlWsClient` — graphql-ws Client instance (probe-only; subs falls
+ *                        back to polling when absent)
+ */
+export interface ShellEventBus {
+    /** Emit a domain event onto the shell bus. */
+    emit?: (name: string, payload?: unknown, options?: Record<string, unknown>) => void;
+    /** Subscribe; returns an unsubscribe function. */
+    on?: (name: string, handler: (event: unknown) => void) => () => void;
+}
+export interface ShellReportErrorMeta {
+    module: string;
+    context?: Record<string, unknown>;
+    componentStack?: string;
+}
+/**
+ * Minimal subset of a graphql-ws Client we rely on.
+ * https://the-guild.dev/graphql/ws/recipes#use-the-client-without-apollo
+ */
+export interface GraphqlWsLike {
+    subscribe: (payload: {
+        query: string;
+        variables?: Record<string, unknown>;
+        operationName?: string;
+    }, sink: {
+        next: (value: {
+            data?: unknown;
+            errors?: readonly unknown[];
+        }) => void;
+        error: (err: unknown) => void;
+        complete: () => void;
+    }) => () => void;
+}
+/**
+ * Emit a domain event onto the shell bus. Safe no-op when the shell or bus
+ * is absent. `name` follows `<domain>.<entity>.<verb>` (per spec 47).
+ */
+export declare function emitShellEvent(name: string, payload?: unknown): void;
+/**
+ * Subscribe to a shell-bus event; returns an unsubscribe function. Returns a
+ * no-op unsubscribe when the bus is absent.
+ */
+export declare function subscribeShellEvent(name: string, handler: (event: unknown) => void): () => void;
+/**
+ * Forward an error to the shell's central error sink. Falls back to
+ * `console.error` only when the sink is missing — mirrors the pattern in
+ * `microfe-tags/src/tags/components/RouteHelpers.tsx`.
+ */
+export declare function reportShellError(error: unknown, meta: ShellReportErrorMeta, fallbackLabel?: string): void;
+export declare function getGraphqlWsClient(): GraphqlWsLike | undefined;
+//# sourceMappingURL=shellBridge.d.ts.map

package/dist/channel/utils/shellBridge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shellBridge.d.ts","sourceRoot":"","sources":["../../../src/channel/utils/shellBridge.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,MAAM,WAAW,aAAa;IAC5B,8CAA8C;IAC9C,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACpF,kDAAkD;IAClD,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,KAAK,MAAM,IAAI,CAAC;CACtE;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,CACT,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAAC,aAAa,CAAC,EAAE,MAAM,CAAA;KAAE,EACvF,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC,KAAK,EAAE;YAAE,IAAI,CAAC,EAAE,OAAO,CAAC;YAAC,MAAM,CAAC,EAAE,SAAS,OAAO,EAAE,CAAA;SAAE,KAAK,IAAI,CAAC;QACvE,KAAK,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;QAC9B,QAAQ,EAAE,MAAM,IAAI,CAAC;KACtB,KACE,MAAM,IAAI,CAAC;CACjB;AAoBD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAMpE;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GAAG,MAAM,IAAI,CAQ/F;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,OAAO,EACd,IAAI,EAAE,oBAAoB,EAC1B,aAAa,CAAC,EAAE,MAAM,GACrB,IAAI,CAkBN;AAED,wBAAgB,kBAAkB,IAAI,aAAa,GAAG,SAAS,CAE9D"}

package/dist/dev/App.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Development app wrapper
+ * Provides mock props and Apollo Client setup for local development
+ */
+export declare function App(): import("react").JSX.Element;
+//# sourceMappingURL=App.d.ts.map

package/dist/dev/App.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../src/dev/App.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AA8CH,wBAAgB,GAAG,gCAMlB"}

package/dist/dev/main.d.ts

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=main.d.ts.map

package/dist/dev/main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/dev/main.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAKH,OAAO,aAAa,CAAC"}