@marinoscar/platform-web 0.1.0-next.19 → 0.1.0-next.21

package/dist/webhooks/ui/WebhookSecretDialog.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// =============================================================================
+// The signing secret, shown once (issue #1046)
+// =============================================================================
+//
+// The same arrangement as the node credential and personal access token
+// reveal dialogs: a warning first, a read-only monospace field with a copy
+// button, one "Done". The API stores the secret in the credentials store and
+// never returns it again, so the copy states the consequence plainly. The
+// secret lives in the page's state only while this dialog is open.
+// =============================================================================
+import CheckIcon from '@mui/icons-material/Check';
+import ContentCopyIcon from '@mui/icons-material/ContentCopy';
+import { Alert, Box, Button, Dialog, DialogActions, DialogContent, DialogTitle, IconButton, InputAdornment, TextField, Tooltip, Typography, } from '@mui/material';
+import { useState } from 'react';
+import { formatDateTime, useDisplayTimeZone } from '../../core/index.js';
+/**
+ * The one-time display of a webhook signing secret, with a copy button.
+ *
+ * @param props - see {@link WebhookSecretDialogProps}.
+ * @returns the dialog.
+ *
+ * @extensionPoint component
+ * @stability experimental
+ */
+export function WebhookSecretDialog({ secret, reason, previousSecretValidUntil, onClose }) {
+    useDisplayTimeZone();
+    const [copied, setCopied] = useState(false);
+    const copy = async () => {
+        if (!secret)
+            return;
+        try {
+            await navigator.clipboard.writeText(secret);
+            setCopied(true);
+        }
+        catch {
+            // Clipboard denied: the field stays complete and selectable.
+        }
+    };
+    const close = () => {
+        setCopied(false);
+        onClose();
+    };
+    return (_jsxs(Dialog, { open: secret !== null, onClose: close, maxWidth: "sm", fullWidth: true, "aria-labelledby": "webhook-secret-title", children: [_jsx(DialogTitle, { id: "webhook-secret-title", children: reason === 'created' ? 'Endpoint created' : 'Secret rotated' }), _jsx(DialogContent, { children: _jsxs(Box, { sx: { pt: 1 }, children: [_jsx(Alert, { severity: "warning", sx: { mb: 2 }, children: "Copy this signing secret now. You won't see it again: if you lose it, rotate the secret to get a new one." }), _jsx(TextField, { label: "Signing secret", value: secret ?? '', fullWidth: true, slotProps: {
+                                input: {
+                                    readOnly: true,
+                                    sx: { fontFamily: 'monospace' },
+                                    endAdornment: (_jsx(InputAdornment, { position: "end", children: _jsx(Tooltip, { title: copied ? 'Copied' : 'Copy secret', children: _jsx(IconButton, { onClick: () => void copy(), edge: "end", "aria-label": "Copy signing secret", sx: { width: 44, height: 44 }, children: copied ? _jsx(CheckIcon, { color: "success" }) : _jsx(ContentCopyIcon, {}) }) }) })),
+                                },
+                            } }), copied ? (_jsx(Alert, { severity: "success", sx: { mt: 1 }, children: "Secret copied to the clipboard" })) : null, _jsxs(Typography, { variant: "body2", color: "text.secondary", sx: { mt: 2 }, children: ["Your receiver uses it to verify the ", _jsx("code", { children: "webhook-signature" }), " header of every delivery."] }), reason === 'rotated' && previousSecretValidUntil ? (_jsxs(Typography, { variant: "body2", color: "text.secondary", sx: { mt: 1 }, children: ["Deliveries are signed with both the old and the new secret until ", formatDateTime(previousSecretValidUntil), ". Update your receiver before then."] })) : null] }) }), _jsx(DialogActions, { children: _jsx(Button, { variant: "contained", onClick: close, sx: { minHeight: 44 }, children: "Done" }) })] }));
+}
+//# sourceMappingURL=WebhookSecretDialog.js.map

package/dist/webhooks/ui/WebhookSecretDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebhookSecretDialog.js","sourceRoot":"","sources":["../../../src/webhooks/ui/WebhookSecretDialog.tsx"],"names":[],"mappings":"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"}

package/dist/webhooks/ui/WebhookSignatureHelp.d.ts

@@ -0,0 +1,18 @@
+import type { ReactElement } from 'react';
+/**
+ * The Node snippet the help panel shows: verify a delivery with
+ * `verifyWebhookSignature` from `@marinoscar/platform-contract/webhooks`.
+ *
+ * @stability experimental
+ */
+export declare const WEBHOOK_VERIFY_SNIPPET: string;
+/**
+ * The collapsible "Verifying signatures" help panel.
+ *
+ * @returns the panel.
+ *
+ * @extensionPoint component
+ * @stability experimental
+ */
+export declare function WebhookSignatureHelp(): ReactElement;
+//# sourceMappingURL=WebhookSignatureHelp.d.ts.map

package/dist/webhooks/ui/WebhookSignatureHelp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebhookSignatureHelp.d.ts","sourceRoot":"","sources":["../../../src/webhooks/ui/WebhookSignatureHelp.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,QAe/B,CAAC;AAEL;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,IAAI,YAAY,CA8BnD"}

package/dist/webhooks/ui/WebhookSignatureHelp.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// "Verifying signatures" (issue #1046): how a receiver checks a delivery,
+// with the contract's own helper. Static text; nothing is sent anywhere.
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import { Accordion, AccordionDetails, AccordionSummary, Box, Typography } from '@mui/material';
+import { WEBHOOK_HEADERS } from '@marinoscar/platform-contract/webhooks';
+/**
+ * The Node snippet the help panel shows: verify a delivery with
+ * `verifyWebhookSignature` from `@marinoscar/platform-contract/webhooks`.
+ *
+ * @stability experimental
+ */
+export const WEBHOOK_VERIFY_SNIPPET = `import { verifyWebhookSignature } from '@marinoscar/platform-contract/webhooks';
+
+// Read the RAW body: verify before parsing JSON.
+app.post('/hook', express.raw({ type: 'application/json' }), async (req, res) => {
+  const ok = await verifyWebhookSignature({
+    secret: process.env.WEBHOOK_SECRET, // whsec_...
+    id: req.get('${WEBHOOK_HEADERS.ID}'),
+    timestamp: req.get('${WEBHOOK_HEADERS.TIMESTAMP}'),
+    signatureHeader: req.get('${WEBHOOK_HEADERS.SIGNATURE}'),
+    body: req.body.toString('utf8'),
+  });
+  if (!ok) return res.status(401).end();
+  const event = JSON.parse(req.body.toString('utf8'));
+  // Deduplicate on event.id: a retry carries the same id.
+  res.status(204).end();
+});`;
+/**
+ * The collapsible "Verifying signatures" help panel.
+ *
+ * @returns the panel.
+ *
+ * @extensionPoint component
+ * @stability experimental
+ */
+export function WebhookSignatureHelp() {
+    return (_jsxs(Accordion, { variant: "outlined", disableGutters: true, children: [_jsx(AccordionSummary, { expandIcon: _jsx(ExpandMoreIcon, {}), "aria-controls": "webhook-signature-help", id: "webhook-signature-help-header", children: _jsx(Typography, { variant: "subtitle1", component: "h2", children: "Verifying signatures" }) }), _jsxs(AccordionDetails, { id: "webhook-signature-help", children: [_jsxs(Typography, { variant: "body2", sx: { mb: 1 }, children: ["Every delivery carries ", _jsx("code", { children: WEBHOOK_HEADERS.ID }), ", ", _jsx("code", { children: WEBHOOK_HEADERS.TIMESTAMP }), " and", ' ', _jsx("code", { children: WEBHOOK_HEADERS.SIGNATURE }), " headers (the Standard Webhooks scheme): an HMAC-SHA256 of", ' ', _jsx("code", { children: 'id.timestamp.body' }), " made with the endpoint's signing secret. While a rotated secret is still accepted, the signature header holds two entries; accept either."] }), _jsx(Typography, { variant: "body2", sx: { mb: 1 }, children: "Reject a delivery whose signature does not verify or whose timestamp is more than five minutes old, and deduplicate on the event id, which stays the same across retries." }), _jsx(Box, { component: "pre", "aria-label": "Signature verification example", tabIndex: 0, sx: { m: 0, p: 1.5, bgcolor: 'action.hover', borderRadius: 1, fontFamily: 'monospace', fontSize: 13, overflowX: 'auto' }, children: WEBHOOK_VERIFY_SNIPPET })] })] }));
+}
+//# sourceMappingURL=WebhookSignatureHelp.js.map

package/dist/webhooks/ui/WebhookSignatureHelp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebhookSignatureHelp.js","sourceRoot":"","sources":["../../../src/webhooks/ui/WebhookSignatureHelp.tsx"],"names":[],"mappings":";AAAA,0EAA0E;AAC1E,yEAAyE;AAEzE,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG/F,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAEzE;;;;;GAKG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG;;;;;;mBAMnB,eAAe,CAAC,EAAE;0BACX,eAAe,CAAC,SAAS;gCACnB,eAAe,CAAC,SAAS;;;;;;;IAOrD,CAAC;AAEL;;;;;;;GAOG;AACH,MAAM,UAAU,oBAAoB;IAClC,OAAO,CACL,MAAC,SAAS,IAAC,OAAO,EAAC,UAAU,EAAC,cAAc,mBAC1C,KAAC,gBAAgB,IAAC,UAAU,EAAE,KAAC,cAAc,KAAG,mBAAgB,wBAAwB,EAAC,EAAE,EAAC,+BAA+B,YACzH,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAC,IAAI,qCAEjC,GACI,EACnB,MAAC,gBAAgB,IAAC,EAAE,EAAC,wBAAwB,aAC3C,MAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,wCAChB,yBAAO,eAAe,CAAC,EAAE,GAAQ,QAAE,yBAAO,eAAe,CAAC,SAAS,GAAQ,UAAK,GAAG,EAC1G,yBAAO,eAAe,CAAC,SAAS,GAAQ,gEAA2D,GAAG,EACtG,yBAAO,mBAAmB,GAAQ,kJAEvB,EACb,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,0LAG5B,EACb,KAAC,GAAG,IACF,SAAS,EAAC,KAAK,gBACJ,gCAAgC,EAC3C,QAAQ,EAAE,CAAC,EACX,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,YAEvH,sBAAsB,GACnB,IACW,IACT,CACb,CAAC;AACJ,CAAC"}

package/dist/webhooks/ui/WebhooksPage.d.ts

@@ -0,0 +1,47 @@
+import { type ReactElement } from 'react';
+import type { WebhookDelivery, WebhookScope } from '@marinoscar/platform-contract/webhooks';
+import type { PageSlotsBase, TableSlots } from '../../core/index.js';
+import { type DataTableColumn } from '../../datatable/index.js';
+/**
+ * The slots of {@link WebhooksPage}: the page-slot contract
+ * ({@link PageSlotsBase}) plus the deliveries table's slots (`Columns`,
+ * `RowActions`, `DetailPanel`, `Toolbar`), applied to an endpoint's
+ * deliveries.
+ *
+ * @example
+ * ```tsx
+ * <WebhooksPage scope="org" slots={{ BeforeContent: ReceiverPolicyNotice }} />
+ * ```
+ *
+ * @extensionPoint slot
+ * @stability experimental
+ */
+export interface WebhooksPageSlots extends PageSlotsBase, TableSlots<WebhookDelivery, DataTableColumn<WebhookDelivery>> {
+}
+/**
+ * Props of {@link WebhooksPage}.
+ *
+ * @stability experimental
+ */
+export interface WebhooksPageProps {
+    /** Which endpoints the page manages: the caller's (`user`), the organization's (`org`) or the deployment's (`system`). */
+    scope: WebhookScope;
+    /** Optional extension slots; omitted, the page renders exactly its own markup. */
+    slots?: WebhooksPageSlots;
+}
+/**
+ * The webhooks page of one scope.
+ *
+ * @param props - see {@link WebhooksPageProps}.
+ * @returns the page.
+ *
+ * @example
+ * ```tsx
+ * <Route path="/settings/webhooks" element={<WebhooksPage scope="user" />} />
+ * ```
+ *
+ * @extensionPoint component
+ * @stability experimental
+ */
+export declare function WebhooksPage({ scope, slots }: WebhooksPageProps): ReactElement;
+//# sourceMappingURL=WebhooksPage.d.ts.map

package/dist/webhooks/ui/WebhooksPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebhooksPage.d.ts","sourceRoot":"","sources":["../../../src/webhooks/ui/WebhooksPage.tsx"],"names":[],"mappings":"AA0BA,OAAO,EAAkC,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,KAAK,EAGV,eAAe,EAGf,YAAY,EACb,MAAM,wCAAwC,CAAC;AAGhD,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAa,KAAK,eAAe,EAA2B,MAAM,0BAA0B,CAAC;AAmBpG;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,iBAAkB,SAAQ,aAAa,EAAE,UAAU,CAAC,eAAe,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;CAAG;AAE1H;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC,0HAA0H;IAC1H,KAAK,EAAE,YAAY,CAAC;IACpB,kFAAkF;IAClF,KAAK,CAAC,EAAE,iBAAiB,CAAC;CAC3B;AAWD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,iBAAiB,GAAG,YAAY,CA+R9E"}

package/dist/webhooks/ui/WebhooksPage.js

@@ -0,0 +1,172 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// =============================================================================
+// WebhooksPage (issue #1046): one page, three scopes
+// =============================================================================
+//
+// `scope="user"` at `/settings/webhooks` (the caller's own endpoints),
+// `scope="org"` at `/admin/settings/organization-webhooks` (the organization's)
+// and `scope="system"` at `/admin/settings/webhooks` (the deployment's). The
+// list of endpoints, the detail of one with its deliveries, and every write
+// (create, edit, send a test, rotate the secret, delete, redeliver). Write
+// controls are drawn only for a viewer holding the scope's `:write`
+// permission; the API enforces it either way.
+// =============================================================================
+import AddIcon from '@mui/icons-material/Add';
+import ChevronRightIcon from '@mui/icons-material/ChevronRight';
+import { Alert, Box, Button, Card, CardContent, Container, Link, Stack, Typography, } from '@mui/material';
+import { useCallback, useMemo, useState } from 'react';
+import { PageSlotsFrame, useDisplayTimeZone, usePlatformViewer } from '../../core/index.js';
+import { DataTable } from '../../datatable/index.js';
+import { WEBHOOK_ALL_EVENTS, WEBHOOK_SCOPE_PERMISSIONS, useWebhookEndpoint, useWebhookEndpoints, useWebhookEventCatalog, useWebhookMutations, webhookEndpointStatus, webhookUrlHost, } from '../headless/index.js';
+import { WEBHOOK_ROTATION_OVERLAP_HOURS, WEBHOOKS_PAGE_COPY } from './copy.js';
+import { ConfirmDialog, EndpointStatusChip, when } from './parts.js';
+import { WebhookDeliveryDrawer } from './WebhookDeliveryDrawer.js';
+import { WebhookEndpointDetail } from './WebhookEndpointDetail.js';
+import { WebhookEndpointDialog } from './WebhookEndpointDialog.js';
+import { WebhookSecretDialog } from './WebhookSecretDialog.js';
+import { WebhookSignatureHelp } from './WebhookSignatureHelp.js';
+function eventsSummary(endpoint) {
+    if (endpoint.eventKeys.includes(WEBHOOK_ALL_EVENTS))
+        return 'All events';
+    const count = endpoint.eventKeys.length;
+    return count === 1 ? '1 event' : `${count} events`;
+}
+/**
+ * The webhooks page of one scope.
+ *
+ * @param props - see {@link WebhooksPageProps}.
+ * @returns the page.
+ *
+ * @example
+ * ```tsx
+ * <Route path="/settings/webhooks" element={<WebhooksPage scope="user" />} />
+ * ```
+ *
+ * @extensionPoint component
+ * @stability experimental
+ */
+export function WebhooksPage({ scope, slots }) {
+    useDisplayTimeZone();
+    const copy = WEBHOOKS_PAGE_COPY[scope];
+    const viewer = usePlatformViewer();
+    const canWrite = viewer.hasPermission(WEBHOOK_SCOPE_PERMISSIONS[scope].write);
+    const { endpoints, isLoading, error, refresh } = useWebhookEndpoints(scope);
+    const [selectedId, setSelectedId] = useState(null);
+    const selected = useWebhookEndpoint(scope, selectedId);
+    const mutations = useWebhookMutations(scope);
+    const [editing, setEditing] = useState(null);
+    const catalog = useWebhookEventCatalog(scope, { enabled: canWrite && editing !== null });
+    const [secret, setSecret] = useState(null);
+    const [confirm, setConfirm] = useState(null);
+    const [deliveryId, setDeliveryId] = useState(null);
+    const [reloadKey, setReloadKey] = useState(0);
+    const [notice, setNotice] = useState(null);
+    const resetMutations = mutations.reset;
+    const open = useCallback((id) => {
+        setNotice(null);
+        resetMutations();
+        setSelectedId(id);
+    }, [resetMutations]);
+    const back = () => {
+        setSelectedId(null);
+        setNotice(null);
+        mutations.reset();
+        void refresh();
+    };
+    const save = async (input) => {
+        if (editing === 'new') {
+            const created = await mutations.create(input);
+            if (!created)
+                return;
+            setEditing(null);
+            setSecret({ secret: created.secret, reason: 'created' });
+            await refresh();
+            setSelectedId(created.endpoint.id);
+            return;
+        }
+        if (!editing)
+            return;
+        const patch = {
+            name: input.name,
+            url: input.url,
+            description: input.description ?? null,
+            eventKeys: input.eventKeys,
+            ...(input.enabled === undefined ? {} : { enabled: input.enabled }),
+        };
+        const updated = await mutations.update(editing.id, patch);
+        if (!updated)
+            return;
+        setEditing(null);
+        await selected.refresh();
+    };
+    const sendTest = async () => {
+        if (!selectedId)
+            return;
+        setNotice(null);
+        const result = await mutations.sendTest(selectedId);
+        if (!result)
+            return;
+        setNotice('Test event queued. It appears in the deliveries below within a few seconds.');
+        setReloadKey((key) => key + 1);
+    };
+    const rotate = async () => {
+        if (!selectedId)
+            return;
+        const result = await mutations.rotateSecret(selectedId);
+        setConfirm(null);
+        if (!result)
+            return;
+        setSecret({ secret: result.secret, reason: 'rotated', previousSecretValidUntil: result.previousSecretValidUntil });
+        await selected.refresh();
+    };
+    const remove = async () => {
+        if (!selectedId)
+            return;
+        const ok = await mutations.remove(selectedId);
+        setConfirm(null);
+        if (!ok)
+            return;
+        setSelectedId(null);
+        setNotice('Endpoint deleted.');
+        await refresh();
+    };
+    const redeliver = async (delivery) => {
+        const ok = await mutations.redeliver(delivery.id);
+        if (ok)
+            setReloadKey((key) => key + 1);
+        return ok;
+    };
+    const columns = useMemo(() => [
+        {
+            id: 'name',
+            label: 'Name',
+            priority: 'primary',
+            value: (row) => row.name,
+            render: (row) => (_jsx(Link, { component: "button", type: "button", variant: "body2", onClick: () => open(row.id), sx: { textAlign: 'left', fontWeight: 600 }, children: row.name })),
+        },
+        { id: 'host', label: 'URL host', priority: 'primary', value: (row) => webhookUrlHost(row.url) },
+        { id: 'events', label: 'Events', priority: 'secondary', value: (row) => eventsSummary(row) },
+        {
+            id: 'status',
+            label: 'Status',
+            priority: 'secondary',
+            value: (row) => webhookEndpointStatus(row).label,
+            render: (row) => _jsx(EndpointStatusChip, { endpoint: row }),
+        },
+        { id: 'lastSuccessAt', label: 'Last success', priority: 'detail', value: (row) => when(row.lastSuccessAt) },
+    ], [open]);
+    const rowActions = useMemo(() => [{ id: 'open', label: 'Open endpoint', icon: _jsx(ChevronRightIcon, {}), onClick: (row) => open(row.id) }], [open]);
+    const endpoint = selectedId ? selected.endpoint : null;
+    const pageError = error ?? (selectedId ? selected.error : null);
+    return (_jsxs(Container, { maxWidth: "lg", children: [_jsx(Box, { sx: { py: { xs: 2, sm: 4 } }, children: _jsxs(PageSlotsFrame, { slots: slots, headerProps: { title: copy.title, description: copy.description, readOnly: !canWrite, actions: null }, header: _jsxs(_Fragment, { children: [_jsxs(Typography, { variant: "h4", component: "h1", gutterBottom: true, children: [copy.title, canWrite ? null : ' (read-only)'] }), _jsx(Typography, { color: "text.secondary", sx: { mb: 3 }, children: copy.description })] }), children: [pageError ? (_jsx(Alert, { severity: "error", sx: { mb: 2 }, children: pageError })) : null, mutations.error && editing === null ? (_jsx(Alert, { severity: "error", sx: { mb: 2 }, onClose: mutations.reset, children: mutations.error })) : null, notice ? (_jsx(Alert, { severity: "success", sx: { mb: 2 }, onClose: () => setNotice(null), children: notice })) : null, selectedId ? (endpoint ? (_jsx(WebhookEndpointDetail, { scope: scope, endpoint: endpoint, canWrite: canWrite, busy: mutations.pending, reloadKey: reloadKey, ...(slots ? { slots } : {}), onBack: back, onEdit: () => {
+                                mutations.reset();
+                                setEditing(endpoint);
+                            }, onSendTest: () => void sendTest(), onRotate: () => setConfirm('rotate'), onDelete: () => setConfirm('delete'), onOpenDelivery: (delivery) => setDeliveryId(delivery.id) })) : selected.isLoading ? (_jsx(Typography, { color: "text.secondary", children: "Loading the endpoint\u2026" })) : (_jsx(Button, { onClick: back, sx: { minHeight: 44 }, children: "All endpoints" }))) : (_jsxs(Stack, { spacing: 2, children: [canWrite ? (_jsx(Box, { children: _jsx(Button, { variant: "contained", startIcon: _jsx(AddIcon, {}), onClick: () => {
+                                            mutations.reset();
+                                            setEditing('new');
+                                        }, sx: { minHeight: 44 }, children: "New endpoint" }) })) : null, _jsx(Card, { variant: "outlined", children: _jsx(CardContent, { children: _jsx(DataTable, { tableId: `webhook-endpoints-${scope}`, ariaLabel: "Webhook endpoints", columns: columns, rows: endpoints, rowId: (row) => row.id, loading: isLoading, rowActions: rowActions, emptyState: _jsxs(Typography, { variant: "body2", color: "text.secondary", sx: { p: 2 }, children: ["No endpoints yet.", canWrite ? ' Create one to start receiving events.' : ''] }), disableExport: true }) }) })] })), _jsx(Box, { sx: { mt: 3 }, children: _jsx(WebhookSignatureHelp, {}) })] }) }), canWrite ? (_jsx(WebhookEndpointDialog, { open: editing !== null, endpoint: editing === 'new' ? null : editing, groups: catalog.groups, catalogLoading: catalog.isLoading, catalogError: catalog.error, saving: mutations.pending, error: editing !== null ? mutations.error : null, onSubmit: (input) => void save(input), onClose: () => {
+                    setEditing(null);
+                    mutations.reset();
+                } })) : null, _jsx(WebhookSecretDialog, { secret: secret?.secret ?? null, reason: secret?.reason ?? 'created', previousSecretValidUntil: secret?.previousSecretValidUntil ?? null, onClose: () => setSecret(null) }), _jsxs(ConfirmDialog, { open: confirm === 'rotate', title: "Rotate the signing secret?", confirmLabel: "Rotate secret", busy: mutations.pending, onConfirm: () => void rotate(), onClose: () => setConfirm(null), children: ["A new secret is created and shown once. For the next ", WEBHOOK_ROTATION_OVERLAP_HOURS, " hours every delivery is signed with both the old and the new secret, so you can update your receiver without missing an event. After that, only the new secret is accepted."] }), _jsxs(ConfirmDialog, { open: confirm === 'delete', title: "Delete this endpoint?", confirmLabel: "Delete endpoint", destructive: true, busy: mutations.pending, onConfirm: () => void remove(), onClose: () => setConfirm(null), children: [endpoint ? _jsx("strong", { children: endpoint.name }) : 'The endpoint', " stops receiving events now, and its delivery history is deleted with it. This cannot be undone."] }), _jsx(WebhookDeliveryDrawer, { scope: scope, deliveryId: deliveryId, canWrite: canWrite, onRedeliver: redeliver, redelivering: mutations.pending, onClose: () => setDeliveryId(null) })] }));
+}
+//# sourceMappingURL=WebhooksPage.js.map

package/dist/webhooks/ui/WebhooksPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebhooksPage.js","sourceRoot":"","sources":["../../../src/webhooks/ui/WebhooksPage.tsx"],"names":[],"mappings":"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"}

package/dist/webhooks/ui/copy.d.ts

@@ -0,0 +1,24 @@
+import type { WebhookScope } from '@marinoscar/platform-contract/webhooks';
+/**
+ * The title, description and route of the webhooks page of each scope: the
+ * registry card's text and the page's heading.
+ *
+ * @stability experimental
+ */
+export declare const WEBHOOKS_PAGE_COPY: Readonly<Record<WebhookScope, {
+    /** The card title and the page heading. */
+    readonly title: string;
+    /** The card text and the page lead. */
+    readonly description: string;
+    /** The route of the page. */
+    readonly path: string;
+}>>;
+/**
+ * The rotation overlap the confirm dialog promises, in hours (the API's
+ * default `rotationOverlapHours`). The dialog after rotating shows the exact
+ * time the API returned.
+ *
+ * @stability experimental
+ */
+export declare const WEBHOOK_ROTATION_OVERLAP_HOURS = 24;
+//# sourceMappingURL=copy.d.ts.map

package/dist/webhooks/ui/copy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy.d.ts","sourceRoot":"","sources":["../../../src/webhooks/ui/copy.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AAE3E;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,EAAE,QAAQ,CACvC,MAAM,CACJ,YAAY,EACZ;IACE,2CAA2C;IAC3C,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,uCAAuC;IACvC,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,6BAA6B;IAC7B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB,CACF,CAkBC,CAAC;AAEL;;;;;;GAMG;AACH,eAAO,MAAM,8BAA8B,KAAK,CAAC"}

package/dist/webhooks/ui/copy.js

@@ -0,0 +1,34 @@
+// The webhooks UI's copy (issue #1046), in one place so a fork rewords it once.
+// The card text and the page heading are the same words, per scope.
+/**
+ * The title, description and route of the webhooks page of each scope: the
+ * registry card's text and the page's heading.
+ *
+ * @stability experimental
+ */
+export const WEBHOOKS_PAGE_COPY = Object.freeze({
+    user: Object.freeze({
+        title: 'Webhooks',
+        description: 'Send events about your own activity to HTTPS endpoints you control, signed so the receiver can verify them.',
+        path: '/settings/webhooks',
+    }),
+    org: Object.freeze({
+        title: 'Organization webhooks',
+        description: "Send your current organization's events to HTTPS endpoints its administrators manage, signed so the receiver can verify them.",
+        path: '/admin/settings/organization-webhooks',
+    }),
+    system: Object.freeze({
+        title: 'Webhooks',
+        description: "Send this deployment's operational events (offline nodes, failed jobs) to HTTPS endpoints, signed so the receiver can verify them.",
+        path: '/admin/settings/webhooks',
+    }),
+});
+/**
+ * The rotation overlap the confirm dialog promises, in hours (the API's
+ * default `rotationOverlapHours`). The dialog after rotating shows the exact
+ * time the API returned.
+ *
+ * @stability experimental
+ */
+export const WEBHOOK_ROTATION_OVERLAP_HOURS = 24;
+//# sourceMappingURL=copy.js.map

package/dist/webhooks/ui/copy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy.js","sourceRoot":"","sources":["../../../src/webhooks/ui/copy.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,oEAAoE;AAIpE;;;;;GAKG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAa7B,MAAM,CAAC,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC;QAClB,KAAK,EAAE,UAAU;QACjB,WAAW,EAAE,6GAA6G;QAC1H,IAAI,EAAE,oBAAoB;KAC3B,CAAC;IACF,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC;QACjB,KAAK,EAAE,uBAAuB;QAC9B,WAAW,EAAE,+HAA+H;QAC5I,IAAI,EAAE,uCAAuC;KAC9C,CAAC;IACF,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC;QACpB,KAAK,EAAE,UAAU;QACjB,WAAW,EAAE,oIAAoI;QACjJ,IAAI,EAAE,0BAA0B;KACjC,CAAC;CACH,CAAC,CAAC;AAEL;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAG,EAAE,CAAC"}

package/dist/webhooks/ui/index.d.ts

@@ -0,0 +1,15 @@
+export { WEBHOOK_ROTATION_OVERLAP_HOURS, WEBHOOKS_PAGE_COPY } from './copy.js';
+export { webhooksAdminSections, webhooksUserSettingsSections } from './settings.js';
+export type { WebhooksSettingsCard } from './settings.js';
+export { WebhookDeliveryDrawer } from './WebhookDeliveryDrawer.js';
+export type { WebhookDeliveryDrawerProps } from './WebhookDeliveryDrawer.js';
+export { WebhookEndpointDialog } from './WebhookEndpointDialog.js';
+export type { WebhookEndpointDialogProps } from './WebhookEndpointDialog.js';
+export { WebhookEventPicker } from './WebhookEventPicker.js';
+export type { WebhookEventPickerProps } from './WebhookEventPicker.js';
+export { WebhookSecretDialog } from './WebhookSecretDialog.js';
+export type { WebhookSecretDialogProps } from './WebhookSecretDialog.js';
+export { WEBHOOK_VERIFY_SNIPPET, WebhookSignatureHelp } from './WebhookSignatureHelp.js';
+export { WebhooksPage } from './WebhooksPage.js';
+export type { WebhooksPageProps, WebhooksPageSlots } from './WebhooksPage.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/webhooks/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/webhooks/ui/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,8BAA8B,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC/E,OAAO,EAAE,qBAAqB,EAAE,4BAA4B,EAAE,MAAM,eAAe,CAAC;AACpF,YAAY,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,YAAY,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,YAAY,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,YAAY,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,YAAY,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACzF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/webhooks/ui/index.js

@@ -0,0 +1,12 @@
+// `@marinoscar/platform-web/webhooks/ui`: the webhooks page of one scope, its
+// dialogs, the delivery drawer and the settings cards as data, built on
+// `/webhooks/headless` (issue #1046). Documented in ../README.md.
+export { WEBHOOK_ROTATION_OVERLAP_HOURS, WEBHOOKS_PAGE_COPY } from './copy.js';
+export { webhooksAdminSections, webhooksUserSettingsSections } from './settings.js';
+export { WebhookDeliveryDrawer } from './WebhookDeliveryDrawer.js';
+export { WebhookEndpointDialog } from './WebhookEndpointDialog.js';
+export { WebhookEventPicker } from './WebhookEventPicker.js';
+export { WebhookSecretDialog } from './WebhookSecretDialog.js';
+export { WEBHOOK_VERIFY_SNIPPET, WebhookSignatureHelp } from './WebhookSignatureHelp.js';
+export { WebhooksPage } from './WebhooksPage.js';
+//# sourceMappingURL=index.js.map

package/dist/webhooks/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/webhooks/ui/index.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,wEAAwE;AACxE,kEAAkE;AAElE,OAAO,EAAE,8BAA8B,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC/E,OAAO,EAAE,qBAAqB,EAAE,4BAA4B,EAAE,MAAM,eAAe,CAAC;AAEpF,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACzF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/webhooks/ui/parts.d.ts

@@ -0,0 +1,25 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { WebhookDeliveryStatus, WebhookEndpoint } from '@marinoscar/platform-contract/webhooks';
+/** The endpoint's status as a labelled chip (the words carry the meaning, not the colour). */
+export declare function EndpointStatusChip({ endpoint }: {
+    endpoint: Pick<WebhookEndpoint, 'enabled' | 'disabledReason'>;
+}): ReactElement;
+/** A delivery's status as a labelled chip. */
+export declare function DeliveryStatusChip({ status }: {
+    status: WebhookDeliveryStatus;
+}): ReactElement;
+/** A timestamp in the display zone, or a dash. */
+export declare function when(iso: string | null): string;
+export interface ConfirmDialogProps {
+    open: boolean;
+    title: string;
+    children: ReactNode;
+    confirmLabel: string;
+    destructive?: boolean;
+    busy?: boolean;
+    onConfirm: () => void;
+    onClose: () => void;
+}
+/** A yes/no dialog whose text says what will happen. */
+export declare function ConfirmDialog({ open, title, children, confirmLabel, destructive, busy, onConfirm, onClose }: ConfirmDialogProps): ReactElement;
+//# sourceMappingURL=parts.d.ts.map

package/dist/webhooks/ui/parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../../src/webhooks/ui/parts.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAcrG,8FAA8F;AAC9F,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,gBAAgB,CAAC,CAAA;CAAE,GAAG,YAAY,CAGhI;AAED,8CAA8C;AAC9C,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,qBAAqB,CAAA;CAAE,GAAG,YAAY,CAG9F;AAED,kDAAkD;AAClD,wBAAgB,IAAI,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAE/C;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wDAAwD;AACxD,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,kBAAkB,GAAG,YAAY,CAuB9I"}

package/dist/webhooks/ui/parts.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Small building blocks of the webhooks UI (issue #1046): the status chips,
+// the confirm dialog and the date text. Internal to the slice.
+import { Button, Chip, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from '@mui/material';
+import { formatDateTime } from '../../core/index.js';
+import { webhookDeliveryStatusLabel, webhookDeliveryStatusTone, webhookEndpointStatus, } from '../headless/index.js';
+function chipColor(tone) {
+    return tone;
+}
+/** The endpoint's status as a labelled chip (the words carry the meaning, not the colour). */
+export function EndpointStatusChip({ endpoint }) {
+    const status = webhookEndpointStatus(endpoint);
+    return _jsx(Chip, { size: "small", label: status.label, color: chipColor(status.tone), variant: status.tone === 'default' ? 'outlined' : 'filled' });
+}
+/** A delivery's status as a labelled chip. */
+export function DeliveryStatusChip({ status }) {
+    const tone = webhookDeliveryStatusTone(status);
+    return _jsx(Chip, { size: "small", label: webhookDeliveryStatusLabel(status), color: chipColor(tone), variant: tone === 'default' ? 'outlined' : 'filled' });
+}
+/** A timestamp in the display zone, or a dash. */
+export function when(iso) {
+    return iso ? formatDateTime(iso) : '—';
+}
+/** A yes/no dialog whose text says what will happen. */
+export function ConfirmDialog({ open, title, children, confirmLabel, destructive, busy, onConfirm, onClose }) {
+    return (_jsxs(Dialog, { open: open, onClose: onClose, maxWidth: "xs", fullWidth: true, "aria-labelledby": "webhooks-confirm-title", children: [_jsx(DialogTitle, { id: "webhooks-confirm-title", children: title }), _jsx(DialogContent, { children: _jsx(DialogContentText, { component: "div", children: children }) }), _jsxs(DialogActions, { children: [_jsx(Button, { onClick: onClose, sx: { minHeight: 44 }, children: "Cancel" }), _jsx(Button, { variant: "contained", color: destructive ? 'error' : 'primary', onClick: onConfirm, disabled: busy, sx: { minHeight: 44 }, children: confirmLabel })] })] }));
+}
+//# sourceMappingURL=parts.js.map

package/dist/webhooks/ui/parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.js","sourceRoot":"","sources":["../../../src/webhooks/ui/parts.tsx"],"names":[],"mappings":";AAAA,4EAA4E;AAC5E,+DAA+D;AAE/D,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAKnH,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EACL,0BAA0B,EAC1B,yBAAyB,EACzB,qBAAqB,GAEtB,MAAM,sBAAsB,CAAC;AAE9B,SAAS,SAAS,CAAC,IAAuB;IACxC,OAAO,IAAI,CAAC;AACd,CAAC;AAED,8FAA8F;AAC9F,MAAM,UAAU,kBAAkB,CAAC,EAAE,QAAQ,EAAqE;IAChH,MAAM,MAAM,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAC/C,OAAO,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,GAAI,CAAC;AAC/I,CAAC;AAED,8CAA8C;AAC9C,MAAM,UAAU,kBAAkB,CAAC,EAAE,MAAM,EAAqC;IAC9E,MAAM,IAAI,GAAG,yBAAyB,CAAC,MAAM,CAAC,CAAC;IAC/C,OAAO,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,0BAA0B,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,GAAI,CAAC;AACvJ,CAAC;AAED,kDAAkD;AAClD,MAAM,UAAU,IAAI,CAAC,GAAkB;IACrC,OAAO,GAAG,CAAC,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;AACzC,CAAC;AAaD,wDAAwD;AACxD,MAAM,UAAU,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAsB;IAC9H,OAAO,CACL,MAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAC,IAAI,EAAC,SAAS,2BAAiB,wBAAwB,aACpG,KAAC,WAAW,IAAC,EAAE,EAAC,wBAAwB,YAAE,KAAK,GAAe,EAC9D,KAAC,aAAa,cACZ,KAAC,iBAAiB,IAAC,SAAS,EAAC,KAAK,YAAE,QAAQ,GAAqB,GACnD,EAChB,MAAC,aAAa,eACZ,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,uBAEtC,EACT,KAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACxC,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,IAAI,EACd,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,YAEpB,YAAY,GACN,IACK,IACT,CACV,CAAC;AACJ,CAAC"}

package/dist/webhooks/ui/settings.d.ts

@@ -0,0 +1,58 @@
+import type { PlatformSettingsPage } from '../../core/index.js';
+/**
+ * One webhooks registry card: the `PlatformSettingsPage` card shape plus its
+ * icon, structurally a `SettingsCardDef` of the reference app.
+ *
+ * @stability experimental
+ */
+export type WebhooksSettingsCard = PlatformSettingsPage<'orgs'>['card'] & {
+    /** The card and rail icon (an MUI SvgIcon). */
+    Icon: PlatformSettingsPage['Icon'];
+};
+/**
+ * The per-user webhooks card, by section:
+ *
+ * - `integrations`: `Webhooks` (`/settings/webhooks`, `webhooks:read`).
+ *
+ * Route it to `<WebhooksPage scope="user" />`.
+ *
+ * @example
+ * ```tsx
+ * // apps/web/src/config/userSettingsSections.tsx
+ * { label: 'Integrations', cards: [...webhooksUserSettingsSections.integrations] },
+ * ```
+ *
+ * @extensionPoint component
+ * @stability experimental
+ */
+export declare const webhooksUserSettingsSections: {
+    /** The Integrations section's cards. */
+    readonly integrations: readonly WebhooksSettingsCard[];
+};
+/**
+ * The admin webhooks cards, by the admin section they belong to:
+ *
+ * - `operations`: `Webhooks` (`/admin/settings/webhooks`,
+ *   `system_webhooks:read`), the deployment's endpoints; route it to
+ *   `<WebhooksPage scope="system" />`.
+ * - `organizations`: `Organization webhooks`
+ *   (`/admin/settings/organization-webhooks`, `org_webhooks:read`,
+ *   `feature: 'orgs'` like the other organization cards); route it to
+ *   `<WebhooksPage scope="org" />`.
+ *
+ * @example
+ * ```tsx
+ * // apps/web/src/config/adminSections.tsx
+ * { label: 'Operations', cards: [...jobsAdminSections.operations, ...webhooksAdminSections.operations] },
+ * ```
+ *
+ * @extensionPoint component
+ * @stability experimental
+ */
+export declare const webhooksAdminSections: {
+    /** The Operations section's cards. */
+    readonly operations: readonly WebhooksSettingsCard[];
+    /** The Organizations section's cards. */
+    readonly organizations: readonly WebhooksSettingsCard[];
+};
+//# sourceMappingURL=settings.d.ts.map

package/dist/webhooks/ui/settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings.d.ts","sourceRoot":"","sources":["../../../src/webhooks/ui/settings.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAGhE;;;;;GAKG;AACH,MAAM,MAAM,oBAAoB,GAAG,oBAAoB,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,GAAG;IACxE,+CAA+C;IAC/C,IAAI,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;CACpC,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,4BAA4B,EAAE;IACzC,wCAAwC;IACxC,QAAQ,CAAC,YAAY,EAAE,SAAS,oBAAoB,EAAE,CAAC;CASvD,CAAC;AAEH;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,qBAAqB,EAAE;IAClC,sCAAsC;IACtC,QAAQ,CAAC,UAAU,EAAE,SAAS,oBAAoB,EAAE,CAAC;IACrD,yCAAyC;IACzC,QAAQ,CAAC,aAAa,EAAE,SAAS,oBAAoB,EAAE,CAAC;CAiBxD,CAAC"}