@burdenoff/microfe-devportal 2026.609.4 → 2026.611.2

package/dist/devportal/pages/WebhookDetailPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"WebhookDetailPage.js","names":[],"sources":["../../../src/devportal/pages/WebhookDetailPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useMemo, useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n  CheckCircle,\n  Clock,\n  ExternalLink,\n  Loader2,\n  Pause,\n  Play,\n  Send,\n  Trash2,\n  Webhook,\n  XCircle,\n  AlertCircle,\n} from \"lucide-react\";\nimport { format } from \"date-fns\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { StatCard, StatCardGrid } from \"../components/StatCard\";\nimport { ConfirmDialog, Alert } from \"../components/ConfirmDialog\";\nimport { DataTable, DetailList } from \"../components/DataTable\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { SecretDisplay } from \"../components/SecretDisplay\";\nimport { StatusBadge } from \"../components/StatusBadge\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { nativeImpact, nativeNotify } from \"../../utils/nativeBridge\";\nimport {\n  type GetWebhookDetailQuery,\n  getErrorMessage,\n  useDeleteWebhookMutation,\n  useGetWebhookDetailQuery,\n  useTestWebhookMutation,\n  useUpdateWebhookMutation,\n} from \"../hooks\";\nimport { DEVPORTAL_PERMISSIONS } from \"../constants/permissions\";\nimport { useDevportalPermission } from \"../hooks/usePermission\";\n\nconst formatTimestamp = (value?: string | null) => {\n  if (!value) return \"Never\";\n  return format(new Date(value), \"MMM d, yyyy HH:mm:ss\");\n};\n\ntype WebhookDeliveryEntry =\n  GetWebhookDetailQuery[\"webhookDeliveries\"][\"edges\"][number][\"node\"];\n\nexport const WebhookDetailPage: FC = () => {\n  const { appId, webhookId } = useParams<{\n    appId: string;\n    webhookId: string;\n  }>();\n  const { navigate, basePath } = useDevportal();\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  const { allowed: canUpdate } = useDevportalPermission(\n    DEVPORTAL_PERMISSIONS.WEBHOOK_UPDATE,\n  );\n  const { allowed: canDelete } = useDevportalPermission(\n    DEVPORTAL_PERMISSIONS.WEBHOOK_DELETE,\n  );\n  const [showDeleteDialog, setShowDeleteDialog] = useState(false);\n  const [showTestDialog, setShowTestDialog] = useState(false);\n  const [testMessage, setTestMessage] = useState<string | null>(null);\n  const [testSuccess, setTestSuccess] = useState(false);\n\n  const { data, loading, error, refetch } = useGetWebhookDetailQuery({\n    variables: {\n      id: webhookId || \"\",\n      limit: 20,\n      offset: 0,\n    },\n    skip: !webhookId,\n    fetchPolicy: \"cache-and-network\",\n  });\n  const [updateWebhook, { loading: updateLoading }] =\n    useUpdateWebhookMutation();\n  const [deleteWebhook, { loading: deleteLoading }] =\n    useDeleteWebhookMutation();\n  const [testWebhook, { loading: testLoading }] = useTestWebhookMutation();\n\n  const webhook = data?.webhook;\n  const deliveries: WebhookDeliveryEntry[] =\n    data?.webhookDeliveries?.edges?.map(\n      (edge: GetWebhookDetailQuery[\"webhookDeliveries\"][\"edges\"][number]) =>\n        edge.node,\n    ) ?? [];\n  const backAppId = appId || webhook?.applicationId;\n  const successRate = useMemo(() => {\n    if (!webhook) return 0;\n    const total = (webhook.successCount ?? 0) + (webhook.failureCount ?? 0);\n    if (total === 0) return 100;\n    return Math.round(((webhook.successCount ?? 0) / total) * 100);\n  }, [webhook]);\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  const handleToggleActive = async () => {\n    if (!webhook) return;\n\n    await updateWebhook({\n      variables: {\n        id: webhook.id,\n        input: {\n          isActive: !webhook.isActive,\n        },\n      },\n    });\n\n    await refetch();\n  };\n\n  const handleDelete = async () => {\n    if (!webhook) return;\n    void nativeImpact(\"medium\");\n\n    try {\n      await deleteWebhook({\n        variables: {\n          id: webhook.id,\n        },\n      });\n      void nativeNotify(\"success\");\n      handleNavigate(`/apps/${webhook.applicationId}/webhooks`);\n    } catch {\n      void nativeNotify(\"error\");\n    }\n  };\n\n  const handleTest = async () => {\n    if (!webhook) return;\n\n    const result = await testWebhook({\n      variables: {\n        id: webhook.id,\n        eventType: webhook.events[0] || \"application.updated\",\n      },\n    });\n\n    const response = result.data?.testWebhook;\n    if (!response) {\n      setTestSuccess(false);\n      setTestMessage(\"Test request did not return a response.\");\n      return;\n    }\n\n    setTestSuccess(response.success);\n    setTestMessage(\n      response.success\n        ? `Test delivery succeeded with HTTP ${response.statusCode ?? 200}.`\n        : response.error || \"Webhook test failed.\",\n    );\n\n    await refetch();\n  };\n\n  if (loading && !webhook) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.webhook\", \"Webhook\")}\n        description={tr(\n          \"devportal.loadingWebhookDetails\",\n          \"Loading webhook details\",\n        )}\n        backLink={backAppId ? `/apps/${backAppId}/webhooks` : \"/webhooks\"}\n        backLabel={tr(\"devportal.backToWebhooks\", \"Back to Webhooks\")}\n      >\n        <div className=\"flex items-center justify-center py-16 text-muted-foreground\">\n          <Loader2 className=\"h-8 w-8 animate-spin\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (error || !webhook) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.webhook\", \"Webhook\")}\n        description={tr(\"devportal.webhookDetails\", \"Webhook details\")}\n        backLink={backAppId ? `/apps/${backAppId}/webhooks` : \"/webhooks\"}\n        backLabel={tr(\"devportal.backToWebhooks\", \"Back to Webhooks\")}\n      >\n        <EmptyState\n          icon={<AlertCircle size={32} className=\"text-status-error-text\" />}\n          title={tr(\"devportal.unableToLoadWebhook\", \"Unable to load webhook\")}\n          description={\n            error\n              ? getErrorMessage(error)\n              : tr(\"devportal.webhookNotFound\", \"Webhook not found\")\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title={webhook.name}\n      description={\n        webhook.description || \"Webhook configuration and delivery history\"\n      }\n      backLink={`/apps/${backAppId}/webhooks`}\n      backLabel={tr(\"devportal.backToWebhooks\", \"Back to Webhooks\")}\n      actions={\n        <div className=\"flex flex-wrap gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => {\n              setTestMessage(null);\n              setShowTestDialog(true);\n            }}\n            className=\"inline-flex items-center gap-2 rounded-md border px-3 py-2 text-sm font-medium hover:bg-accent\"\n          >\n            <Send size={16} />\n            {tr(\"devportal.test\", \"Test\")}\n          </button>\n          <button\n            type=\"button\"\n            disabled={updateLoading || !canUpdate}\n            aria-disabled={!canUpdate}\n            onClick={() => void handleToggleActive()}\n            className=\"inline-flex items-center gap-2 rounded-md border px-3 py-2 text-sm font-medium hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50\"\n          >\n            {webhook.isActive ? <Pause size={16} /> : <Play size={16} />}\n            {webhook.isActive\n              ? tr(\"devportal.pauseWebhook\", \"Pause\")\n              : tr(\"devportal.resumeWebhook\", \"Resume\")}\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => setShowDeleteDialog(true)}\n            disabled={!canDelete}\n            aria-disabled={!canDelete}\n            className=\"inline-flex items-center gap-2 rounded-md border border-status-error-border px-3 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle disabled:opacity-50\"\n          >\n            <Trash2 size={16} />\n            {tr(\"devportal.deleteWebhook\", \"Delete\")}\n          </button>\n        </div>\n      }\n    >\n      <StatCardGrid columns={4}>\n        <StatCard\n          title={tr(\"devportal.successRate\", \"Success Rate\")}\n          value={`${successRate}%`}\n          icon={<CheckCircle size={20} />}\n        />\n        <StatCard\n          title={tr(\"devportal.successfulDeliveries\", \"Successful Deliveries\")}\n          value={(webhook.successCount ?? 0).toLocaleString()}\n          icon={<CheckCircle size={20} />}\n        />\n        <StatCard\n          title={tr(\"devportal.failedDeliveries\", \"Failed Deliveries\")}\n          value={(webhook.failureCount ?? 0).toLocaleString()}\n          icon={<XCircle size={20} />}\n        />\n        <StatCard\n          title={tr(\"devportal.lastTriggered\", \"Last Triggered\")}\n          value={\n            webhook.lastTriggeredAt\n              ? format(new Date(webhook.lastTriggeredAt), \"MMM d, HH:mm\")\n              : tr(\"devportal.never\", \"Never\")\n          }\n          icon={<Clock size={20} />}\n        />\n      </StatCardGrid>\n\n      <PageSection title={tr(\"devportal.configuration\", \"Configuration\")}>\n        <DetailList\n          items={[\n            {\n              label: tr(\"devportal.status\", \"Status\"),\n              value: <StatusBadge status={webhook.status} type=\"webhook\" />,\n            },\n            {\n              label: tr(\"devportal.endpointUrl\", \"Endpoint URL\"),\n              value: (\n                <span className=\"flex flex-wrap items-center gap-2 font-mono text-sm\">\n                  <span className=\"break-all\">{webhook.url}</span>\n                  <a\n                    href={webhook.url}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    className=\"text-primary\"\n                  >\n                    <ExternalLink size={14} />\n                  </a>\n                </span>\n              ),\n            },\n            {\n              label: tr(\"devportal.signingSecret\", \"Signing Secret\"),\n              value: (\n                <SecretDisplay value={webhook.secret || \"******\"} label=\"\" />\n              ),\n            },\n            {\n              label: tr(\"devportal.subscribedEvents\", \"Subscribed Events\"),\n              value: (\n                <div className=\"flex flex-wrap gap-1\">\n                  {webhook.events.map((eventName: string) => (\n                    <code\n                      key={eventName}\n                      className=\"rounded bg-muted px-1.5 py-0.5 text-xs\"\n                    >\n                      {eventName}\n                    </code>\n                  ))}\n                </div>\n              ),\n            },\n            {\n              label: tr(\"devportal.retryPolicy\", \"Retry Policy\"),\n              value: webhook.retryEnabled\n                ? tr(\n                    \"devportal.retryPolicyEnabled\",\n                    `Up to ${webhook.maxRetries ?? 0} retries`,\n                  )\n                : tr(\"devportal.retriesDisabled\", \"Retries disabled\"),\n            },\n            {\n              label: tr(\"devportal.created\", \"Created\"),\n              value: formatTimestamp(webhook.createdAt),\n            },\n            {\n              label: tr(\"devportal.updated\", \"Updated\"),\n              value: formatTimestamp(webhook.updatedAt),\n            },\n          ]}\n        />\n      </PageSection>\n\n      <PageSection\n        title={tr(\"devportal.recentDeliveries\", \"Recent Deliveries\")}\n      >\n        {deliveries.length > 0 ? (\n          <DataTable\n            data={deliveries}\n            keyField=\"id\"\n            columns={[\n              {\n                key: \"status\",\n                header: tr(\"devportal.status\", \"Status\"),\n                render: (delivery) => (\n                  <div className=\"flex items-center gap-2\">\n                    <StatusBadge status={delivery.status} type=\"delivery\" />\n                  </div>\n                ),\n              },\n              {\n                key: \"eventType\",\n                header: tr(\"devportal.event\", \"Event\"),\n                render: (delivery) => (\n                  <code className=\"text-xs\">{delivery.eventType}</code>\n                ),\n              },\n              {\n                key: \"responseStatus\",\n                header: tr(\"devportal.response\", \"Response\"),\n                render: (delivery) => delivery.responseStatus ?? \"-\",\n              },\n              {\n                key: \"attemptNumber\",\n                header: tr(\"devportal.attempts\", \"Attempts\"),\n                render: (delivery) => delivery.attemptNumber,\n              },\n              {\n                key: \"createdAt\",\n                header: tr(\"devportal.created\", \"Created\"),\n                render: (delivery) => formatTimestamp(delivery.createdAt),\n              },\n            ]}\n          />\n        ) : (\n          <EmptyState\n            icon={<Webhook size={24} />}\n            title={tr(\"devportal.noDeliveriesYet\", \"No deliveries yet\")}\n            description={tr(\n              \"devportal.noDeliveriesYetDescription\",\n              \"Deliveries will appear here after the first matching event is sent to this endpoint.\",\n            )}\n          />\n        )}\n      </PageSection>\n\n      <ConfirmDialog\n        open={showDeleteDialog}\n        onOpenChange={setShowDeleteDialog}\n        onConfirm={() => void handleDelete()}\n        loading={deleteLoading}\n        title={tr(\"devportal.deleteWebhookTitle\", \"Delete webhook\")}\n        description={tr(\n          \"devportal.deleteWebhookDescription\",\n          \"Deleting this webhook stops all future deliveries for this endpoint.\",\n        )}\n        confirmLabel={tr(\"devportal.deleteWebhookConfirm\", \"Delete webhook\")}\n        variant=\"danger\"\n      />\n\n      <ConfirmDialog\n        open={showTestDialog}\n        onOpenChange={(open) => {\n          setShowTestDialog(open);\n          if (!open) {\n            setTestMessage(null);\n          }\n        }}\n        onConfirm={() => void handleTest()}\n        loading={testLoading}\n        title={tr(\"devportal.sendTestDelivery\", \"Send test delivery\")}\n        description={tr(\n          \"devportal.sendTestDeliveryDescription\",\n          \"A signed test event will be sent to the configured endpoint through the public gateway.\",\n        )}\n        confirmLabel={tr(\"devportal.sendTestEvent\", \"Send test event\")}\n      >\n        {testMessage && (\n          <Alert variant={testSuccess ? \"success\" : \"error\"}>\n            {testMessage}\n          </Alert>\n        )}\n      </ConfirmDialog>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"WebhookDetailPage.js","names":[],"sources":["../../../src/devportal/pages/WebhookDetailPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n  CheckCircle,\n  Clock,\n  ExternalLink,\n  Loader2,\n  Pause,\n  Play,\n  Send,\n  Trash2,\n  Webhook,\n  XCircle,\n  AlertCircle,\n} from \"lucide-react\";\nimport { format } from \"date-fns\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { StatCard, StatCardGrid } from \"../components/StatCard\";\nimport { ConfirmDialog, Alert } from \"../components/ConfirmDialog\";\nimport { DataTable, DetailList } from \"../components/DataTable\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { SecretDisplay } from \"../components/SecretDisplay\";\nimport { StatusBadge } from \"../components/StatusBadge\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { nativeImpact, nativeNotify } from \"../../utils/nativeBridge\";\nimport {\n  type GetWebhookDetailQuery,\n  getErrorMessage,\n  useDeleteWebhookMutation,\n  useGetApplicationQuery,\n  useGetWebhookDetailQuery,\n  useTestWebhookMutation,\n  useUpdateWebhookMutation,\n} from \"../hooks\";\nimport { DEVPORTAL_PERMISSIONS } from \"../constants/permissions\";\nimport { useDevportalPermission } from \"../hooks/usePermission\";\n\nconst formatTimestamp = (value?: string | null) => {\n  if (!value) return \"Never\";\n  return format(new Date(value), \"MMM d, yyyy HH:mm:ss\");\n};\n\ntype WebhookDeliveryEntry =\n  GetWebhookDetailQuery[\"webhookDeliveries\"][\"edges\"][number][\"node\"];\n\nexport const WebhookDetailPage: FC = () => {\n  const { appId, webhookId } = useParams<{\n    appId: string;\n    webhookId: string;\n  }>();\n  const { navigate, basePath } = useDevportal();\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  const { allowed: canUpdate } = useDevportalPermission(\n    DEVPORTAL_PERMISSIONS.WEBHOOK_UPDATE,\n  );\n  const { allowed: canDelete } = useDevportalPermission(\n    DEVPORTAL_PERMISSIONS.WEBHOOK_DELETE,\n  );\n  const [showDeleteDialog, setShowDeleteDialog] = useState(false);\n  const [showTestDialog, setShowTestDialog] = useState(false);\n  const [testMessage, setTestMessage] = useState<string | null>(null);\n  const [testSuccess, setTestSuccess] = useState(false);\n\n  const { data: appData } = useGetApplicationQuery({\n    variables: { id: appId ?? \"\" },\n    skip: !appId,\n    fetchPolicy: \"cache-first\",\n  });\n\n  useEffect(() => {\n    const name = appData?.application?.name;\n    if (!appId || !name) return;\n    const reg = (\n      window as unknown as {\n        __breadcrumbRegistry?: {\n          register: (id: string, name: string) => void;\n          unregister: (id: string) => void;\n        };\n      }\n    ).__breadcrumbRegistry;\n    reg?.register(appId, name);\n    return () => reg?.unregister(appId);\n  }, [appId, appData?.application?.name]);\n\n  const { data, loading, error, refetch } = useGetWebhookDetailQuery({\n    variables: {\n      id: webhookId || \"\",\n      limit: 20,\n      offset: 0,\n    },\n    skip: !webhookId,\n    fetchPolicy: \"cache-and-network\",\n  });\n  const [updateWebhook, { loading: updateLoading }] =\n    useUpdateWebhookMutation();\n  const [deleteWebhook, { loading: deleteLoading }] =\n    useDeleteWebhookMutation();\n  const [testWebhook, { loading: testLoading }] = useTestWebhookMutation();\n\n  const webhook = data?.webhook;\n\n  useEffect(() => {\n    const name = webhook?.name;\n    if (!webhookId || !name) return;\n    const reg = (\n      window as unknown as {\n        __breadcrumbRegistry?: {\n          register: (id: string, name: string) => void;\n          unregister: (id: string) => void;\n        };\n      }\n    ).__breadcrumbRegistry;\n    reg?.register(webhookId, name);\n    return () => reg?.unregister(webhookId);\n  }, [webhookId, webhook?.name]);\n\n  const deliveries: WebhookDeliveryEntry[] =\n    data?.webhookDeliveries?.edges?.map(\n      (edge: GetWebhookDetailQuery[\"webhookDeliveries\"][\"edges\"][number]) =>\n        edge.node,\n    ) ?? [];\n  const backAppId = appId || webhook?.applicationId;\n  const successRate = useMemo(() => {\n    if (!webhook) return 0;\n    const total = (webhook.successCount ?? 0) + (webhook.failureCount ?? 0);\n    if (total === 0) return 100;\n    return Math.round(((webhook.successCount ?? 0) / total) * 100);\n  }, [webhook]);\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  const handleToggleActive = async () => {\n    if (!webhook) return;\n\n    await updateWebhook({\n      variables: {\n        id: webhook.id,\n        input: {\n          isActive: !webhook.isActive,\n        },\n      },\n    });\n\n    await refetch();\n  };\n\n  const handleDelete = async () => {\n    if (!webhook) return;\n    void nativeImpact(\"medium\");\n\n    try {\n      await deleteWebhook({\n        variables: {\n          id: webhook.id,\n        },\n      });\n      void nativeNotify(\"success\");\n      handleNavigate(`/apps/${webhook.applicationId}/webhooks`);\n    } catch {\n      void nativeNotify(\"error\");\n    }\n  };\n\n  const handleTest = async () => {\n    if (!webhook) return;\n\n    const result = await testWebhook({\n      variables: {\n        id: webhook.id,\n        eventType: webhook.events[0] || \"application.updated\",\n      },\n    });\n\n    const response = result.data?.testWebhook;\n    if (!response) {\n      setTestSuccess(false);\n      setTestMessage(\"Test request did not return a response.\");\n      return;\n    }\n\n    setTestSuccess(response.success);\n    setTestMessage(\n      response.success\n        ? `Test delivery succeeded with HTTP ${response.statusCode ?? 200}.`\n        : response.error || \"Webhook test failed.\",\n    );\n\n    await refetch();\n  };\n\n  if (loading && !webhook) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.webhook\", \"Webhook\")}\n        description={tr(\n          \"devportal.loadingWebhookDetails\",\n          \"Loading webhook details\",\n        )}\n        backLink={backAppId ? `/apps/${backAppId}/webhooks` : \"/webhooks\"}\n        backLabel={tr(\"devportal.backToWebhooks\", \"Back to Webhooks\")}\n      >\n        <div className=\"flex items-center justify-center py-16 text-muted-foreground\">\n          <Loader2 className=\"h-8 w-8 animate-spin\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (error || !webhook) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.webhook\", \"Webhook\")}\n        description={tr(\"devportal.webhookDetails\", \"Webhook details\")}\n        backLink={backAppId ? `/apps/${backAppId}/webhooks` : \"/webhooks\"}\n        backLabel={tr(\"devportal.backToWebhooks\", \"Back to Webhooks\")}\n      >\n        <EmptyState\n          icon={<AlertCircle size={32} className=\"text-status-error-text\" />}\n          title={tr(\"devportal.unableToLoadWebhook\", \"Unable to load webhook\")}\n          description={\n            error\n              ? getErrorMessage(error)\n              : tr(\"devportal.webhookNotFound\", \"Webhook not found\")\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title={webhook.name}\n      description={\n        webhook.description || \"Webhook configuration and delivery history\"\n      }\n      backLink={`/apps/${backAppId}/webhooks`}\n      backLabel={tr(\"devportal.backToWebhooks\", \"Back to Webhooks\")}\n      actions={\n        <div className=\"flex flex-wrap gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => {\n              setTestMessage(null);\n              setShowTestDialog(true);\n            }}\n            className=\"inline-flex items-center gap-2 rounded-md border px-3 py-2 text-sm font-medium hover:bg-accent\"\n          >\n            <Send size={16} />\n            {tr(\"devportal.test\", \"Test\")}\n          </button>\n          <button\n            type=\"button\"\n            disabled={updateLoading || !canUpdate}\n            aria-disabled={!canUpdate}\n            onClick={() => void handleToggleActive()}\n            className=\"inline-flex items-center gap-2 rounded-md border px-3 py-2 text-sm font-medium hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50\"\n          >\n            {webhook.isActive ? <Pause size={16} /> : <Play size={16} />}\n            {webhook.isActive\n              ? tr(\"devportal.pauseWebhook\", \"Pause\")\n              : tr(\"devportal.resumeWebhook\", \"Resume\")}\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => setShowDeleteDialog(true)}\n            disabled={!canDelete}\n            aria-disabled={!canDelete}\n            className=\"inline-flex items-center gap-2 rounded-md border border-status-error-border px-3 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle disabled:opacity-50\"\n          >\n            <Trash2 size={16} />\n            {tr(\"devportal.deleteWebhook\", \"Delete\")}\n          </button>\n        </div>\n      }\n    >\n      <StatCardGrid columns={4}>\n        <StatCard\n          title={tr(\"devportal.successRate\", \"Success Rate\")}\n          value={`${successRate}%`}\n          icon={<CheckCircle size={20} />}\n        />\n        <StatCard\n          title={tr(\"devportal.successfulDeliveries\", \"Successful Deliveries\")}\n          value={(webhook.successCount ?? 0).toLocaleString()}\n          icon={<CheckCircle size={20} />}\n        />\n        <StatCard\n          title={tr(\"devportal.failedDeliveries\", \"Failed Deliveries\")}\n          value={(webhook.failureCount ?? 0).toLocaleString()}\n          icon={<XCircle size={20} />}\n        />\n        <StatCard\n          title={tr(\"devportal.lastTriggered\", \"Last Triggered\")}\n          value={\n            webhook.lastTriggeredAt\n              ? format(new Date(webhook.lastTriggeredAt), \"MMM d, HH:mm\")\n              : tr(\"devportal.never\", \"Never\")\n          }\n          icon={<Clock size={20} />}\n        />\n      </StatCardGrid>\n\n      <PageSection title={tr(\"devportal.configuration\", \"Configuration\")}>\n        <DetailList\n          items={[\n            {\n              label: tr(\"devportal.status\", \"Status\"),\n              value: <StatusBadge status={webhook.status} type=\"webhook\" />,\n            },\n            {\n              label: tr(\"devportal.endpointUrl\", \"Endpoint URL\"),\n              value: (\n                <span className=\"flex flex-wrap items-center gap-2 font-mono text-sm\">\n                  <span className=\"break-all\">{webhook.url}</span>\n                  <a\n                    href={webhook.url}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    className=\"text-primary\"\n                  >\n                    <ExternalLink size={14} />\n                  </a>\n                </span>\n              ),\n            },\n            {\n              label: tr(\"devportal.signingSecret\", \"Signing Secret\"),\n              value: (\n                <SecretDisplay value={webhook.secret || \"******\"} label=\"\" />\n              ),\n            },\n            {\n              label: tr(\"devportal.subscribedEvents\", \"Subscribed Events\"),\n              value: (\n                <div className=\"flex flex-wrap gap-1\">\n                  {webhook.events.map((eventName: string) => (\n                    <code\n                      key={eventName}\n                      className=\"rounded bg-muted px-1.5 py-0.5 text-xs\"\n                    >\n                      {eventName}\n                    </code>\n                  ))}\n                </div>\n              ),\n            },\n            {\n              label: tr(\"devportal.retryPolicy\", \"Retry Policy\"),\n              value: webhook.retryEnabled\n                ? tr(\n                    \"devportal.retryPolicyEnabled\",\n                    `Up to ${webhook.maxRetries ?? 0} retries`,\n                  )\n                : tr(\"devportal.retriesDisabled\", \"Retries disabled\"),\n            },\n            {\n              label: tr(\"devportal.created\", \"Created\"),\n              value: formatTimestamp(webhook.createdAt),\n            },\n            {\n              label: tr(\"devportal.updated\", \"Updated\"),\n              value: formatTimestamp(webhook.updatedAt),\n            },\n          ]}\n        />\n      </PageSection>\n\n      <PageSection\n        title={tr(\"devportal.recentDeliveries\", \"Recent Deliveries\")}\n      >\n        {deliveries.length > 0 ? (\n          <DataTable\n            data={deliveries}\n            keyField=\"id\"\n            columns={[\n              {\n                key: \"status\",\n                header: tr(\"devportal.status\", \"Status\"),\n                render: (delivery) => (\n                  <div className=\"flex items-center gap-2\">\n                    <StatusBadge status={delivery.status} type=\"delivery\" />\n                  </div>\n                ),\n              },\n              {\n                key: \"eventType\",\n                header: tr(\"devportal.event\", \"Event\"),\n                render: (delivery) => (\n                  <code className=\"text-xs\">{delivery.eventType}</code>\n                ),\n              },\n              {\n                key: \"responseStatus\",\n                header: tr(\"devportal.response\", \"Response\"),\n                render: (delivery) => delivery.responseStatus ?? \"-\",\n              },\n              {\n                key: \"attemptNumber\",\n                header: tr(\"devportal.attempts\", \"Attempts\"),\n                render: (delivery) => delivery.attemptNumber,\n              },\n              {\n                key: \"createdAt\",\n                header: tr(\"devportal.created\", \"Created\"),\n                render: (delivery) => formatTimestamp(delivery.createdAt),\n              },\n            ]}\n          />\n        ) : (\n          <EmptyState\n            icon={<Webhook size={24} />}\n            title={tr(\"devportal.noDeliveriesYet\", \"No deliveries yet\")}\n            description={tr(\n              \"devportal.noDeliveriesYetDescription\",\n              \"Deliveries will appear here after the first matching event is sent to this endpoint.\",\n            )}\n          />\n        )}\n      </PageSection>\n\n      <ConfirmDialog\n        open={showDeleteDialog}\n        onOpenChange={setShowDeleteDialog}\n        onConfirm={() => void handleDelete()}\n        loading={deleteLoading}\n        title={tr(\"devportal.deleteWebhookTitle\", \"Delete webhook\")}\n        description={tr(\n          \"devportal.deleteWebhookDescription\",\n          \"Deleting this webhook stops all future deliveries for this endpoint.\",\n        )}\n        confirmLabel={tr(\"devportal.deleteWebhookConfirm\", \"Delete webhook\")}\n        variant=\"danger\"\n      />\n\n      <ConfirmDialog\n        open={showTestDialog}\n        onOpenChange={(open) => {\n          setShowTestDialog(open);\n          if (!open) {\n            setTestMessage(null);\n          }\n        }}\n        onConfirm={() => void handleTest()}\n        loading={testLoading}\n        title={tr(\"devportal.sendTestDelivery\", \"Send test delivery\")}\n        description={tr(\n          \"devportal.sendTestDeliveryDescription\",\n          \"A signed test event will be sent to the configured endpoint through the public gateway.\",\n        )}\n        confirmLabel={tr(\"devportal.sendTestEvent\", \"Send test event\")}\n      >\n        {testMessage && (\n          <Alert variant={testSuccess ? \"success\" : \"error\"}>\n            {testMessage}\n          </Alert>\n        )}\n      </ConfirmDialog>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}