@perses-dev/alert-manager-plugin 0.1.0-rc.0

package/lib/plugins/silence-table/SilenceTablePanel.js

@@ -0,0 +1,335 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// Copyright The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { Box, IconButton, InputAdornment, Stack, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, TableSortLabel, TextField, Tooltip, Typography } from '@mui/material';
+import { Dialog, useSnackbar } from '@perses-dev/components';
+import { useDatasourceClient } from '@perses-dev/plugin-system';
+import { useQueryClient } from '@tanstack/react-query';
+import DeleteIcon from 'mdi-material-ui/Delete';
+import MagnifyIcon from 'mdi-material-ui/Magnify';
+import { useCallback, useMemo, useState } from 'react';
+import { MatchersList } from '../../components/MatchersList';
+import { StatusBadge } from '../../components/StatusBadge';
+import { extractDatasourceSelector } from '../../model';
+import { ALL_SILENCE_ACTIONS, DEFAULT_COLUMN_HEADERS, DEFAULT_SILENCE_COLUMNS, getSilenceDuration, inferSortMode } from './silence-table-model';
+import { compareSilencesByColumn } from './silence-table-sorting';
+function renderSilenceCell(silence, field) {
+    switch(field){
+        case 'status':
+            return /*#__PURE__*/ _jsx(StatusBadge, {
+                status: silence.state,
+                variant: "silence"
+            });
+        case 'matchers':
+            return /*#__PURE__*/ _jsx(MatchersList, {
+                matchers: silence.matchers
+            });
+        case 'startsAt':
+        case 'endsAt':
+        case 'updatedAt':
+            {
+                const raw = field === 'updatedAt' ? silence.updatedAt : silence[field];
+                return /*#__PURE__*/ _jsx(_Fragment, {
+                    children: raw ? new Date(raw).toLocaleString() : ''
+                });
+            }
+        case 'duration':
+            return /*#__PURE__*/ _jsx(_Fragment, {
+                children: getSilenceDuration(silence)
+            });
+        case 'comment':
+            return /*#__PURE__*/ _jsx(Tooltip, {
+                title: silence.comment ?? '',
+                children: /*#__PURE__*/ _jsx(Typography, {
+                    variant: "body2",
+                    sx: {
+                        maxWidth: 200,
+                        overflow: 'hidden',
+                        textOverflow: 'ellipsis',
+                        whiteSpace: 'nowrap'
+                    },
+                    children: silence.comment ?? ''
+                })
+            });
+        case 'createdBy':
+            return /*#__PURE__*/ _jsx(_Fragment, {
+                children: silence.createdBy
+            });
+    }
+}
+function SilenceRow({ silence, columnDefs, allowedActions, onExpire }) {
+    const showActions = allowedActions.length > 0;
+    const isExpired = silence.state === 'expired';
+    return /*#__PURE__*/ _jsxs(TableRow, {
+        hover: true,
+        children: [
+            columnDefs.map((col, colIdx)=>/*#__PURE__*/ _jsx(TableCell, {
+                    children: renderSilenceCell(silence, col.name)
+                }, colIdx)),
+            showActions && /*#__PURE__*/ _jsx(TableCell, {
+                children: /*#__PURE__*/ _jsx(Stack, {
+                    direction: "row",
+                    spacing: 0.5,
+                    children: allowedActions.includes('expire') && /*#__PURE__*/ _jsx(Tooltip, {
+                        title: isExpired ? 'Already expired' : 'Expire silence',
+                        children: /*#__PURE__*/ _jsx("span", {
+                            children: /*#__PURE__*/ _jsx(IconButton, {
+                                size: "small",
+                                "aria-label": "Expire silence",
+                                onClick: ()=>onExpire(silence),
+                                disabled: isExpired,
+                                children: /*#__PURE__*/ _jsx(DeleteIcon, {
+                                    fontSize: "small"
+                                })
+                            })
+                        })
+                    })
+                })
+            })
+        ]
+    });
+}
+/**
+ * Silence table panel component.
+ * Displays silences with matchers, status, creator, duration, and actions.
+ */ export function SilenceTablePanel({ spec, queryResults, contentDimensions }) {
+    const datasourceSelector = useMemo(()=>extractDatasourceSelector(queryResults), [
+        queryResults
+    ]);
+    const { data: amClient } = useDatasourceClient(datasourceSelector);
+    const queryClient = useQueryClient();
+    const [expireTarget, setExpireTarget] = useState(null);
+    const [isExpiring, setIsExpiring] = useState(false);
+    const { successSnackbar, exceptionSnackbar } = useSnackbar();
+    const handleExpire = useCallback(async ()=>{
+        if (!amClient || !expireTarget) return;
+        setIsExpiring(true);
+        try {
+            await amClient.deleteSilence(expireTarget.id);
+            setExpireTarget(null);
+            successSnackbar('Silence expired successfully');
+            queryClient.invalidateQueries({
+                queryKey: [
+                    'query',
+                    'AlertsQuery'
+                ]
+            });
+            queryClient.invalidateQueries({
+                queryKey: [
+                    'query',
+                    'SilencesQuery'
+                ]
+            });
+        } catch (err) {
+            exceptionSnackbar(err);
+        } finally{
+            setIsExpiring(false);
+        }
+    }, [
+        amClient,
+        expireTarget,
+        queryClient,
+        successSnackbar,
+        exceptionSnackbar
+    ]);
+    const [search, setSearch] = useState('');
+    const effectiveActions = useMemo(()=>spec?.allowedActions ?? ALL_SILENCE_ACTIONS, [
+        spec?.allowedActions
+    ]);
+    const showActionsColumn = effectiveActions.length > 0;
+    const columnDefs = useMemo(()=>{
+        if (!spec.columns || spec.columns.length === 0) return DEFAULT_SILENCE_COLUMNS;
+        const defaultNames = new Set(DEFAULT_SILENCE_COLUMNS.map((c)=>c.name));
+        const extra = spec.columns.filter((c)=>!defaultNames.has(c.name));
+        return [
+            ...DEFAULT_SILENCE_COLUMNS,
+            ...extra
+        ];
+    }, [
+        spec.columns
+    ]);
+    const initialSort = useMemo(()=>{
+        const col = columnDefs.find((c)=>c.sort && c.enableSorting !== false);
+        if (!col?.sort) return null;
+        return {
+            fieldName: col.name,
+            direction: col.sort,
+            mode: col.sortMode ?? inferSortMode(col.name)
+        };
+    }, [
+        columnDefs
+    ]);
+    const [sortState, setSortState] = useState(initialSort);
+    const handleSortClick = useCallback((col)=>{
+        setSortState((prev)=>{
+            if (prev?.fieldName === col.name) {
+                return prev.direction === 'asc' ? {
+                    ...prev,
+                    direction: 'desc'
+                } : null;
+            }
+            return {
+                fieldName: col.name,
+                direction: 'asc',
+                mode: col.sortMode ?? inferSortMode(col.name)
+            };
+        });
+    }, []);
+    // Flatten all silences from all query results
+    const allSilences = useMemo(()=>{
+        return queryResults.flatMap((result)=>result.data?.silences ?? []);
+    }, [
+        queryResults
+    ]);
+    const filteredSilences = useMemo(()=>{
+        const term = search.trim().toLowerCase();
+        if (!term) return allSilences;
+        return allSilences.filter((s)=>{
+            if (s.state.toLowerCase().includes(term)) return true;
+            if (s.createdBy.toLowerCase().includes(term)) return true;
+            if (s.comment?.toLowerCase().includes(term)) return true;
+            return s.matchers.some((m)=>m.name.toLowerCase().includes(term) || m.value.toLowerCase().includes(term));
+        });
+    }, [
+        allSilences,
+        search
+    ]);
+    const silences = useMemo(()=>{
+        if (!sortState) return filteredSilences;
+        return [
+            ...filteredSilences
+        ].sort((a, b)=>compareSilencesByColumn(a, b, sortState));
+    }, [
+        filteredSilences,
+        sortState
+    ]);
+    if (allSilences.length === 0) {
+        return /*#__PURE__*/ _jsx(Box, {
+            sx: {
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                height: contentDimensions?.height ?? '100%'
+            },
+            children: /*#__PURE__*/ _jsx(Typography, {
+                children: "No silences to display"
+            })
+        });
+    }
+    return /*#__PURE__*/ _jsxs(TableContainer, {
+        sx: {
+            height: contentDimensions?.height,
+            overflow: 'auto'
+        },
+        children: [
+            /*#__PURE__*/ _jsx(Box, {
+                sx: {
+                    px: 1,
+                    py: 0.5
+                },
+                children: /*#__PURE__*/ _jsx(TextField, {
+                    size: "small",
+                    placeholder: "Search silences...",
+                    value: search,
+                    onChange: (e)=>setSearch(e.target.value),
+                    fullWidth: true,
+                    slotProps: {
+                        htmlInput: {
+                            'aria-label': 'Search silences'
+                        },
+                        input: {
+                            startAdornment: /*#__PURE__*/ _jsx(InputAdornment, {
+                                position: "start",
+                                children: /*#__PURE__*/ _jsx(MagnifyIcon, {
+                                    fontSize: "small"
+                                })
+                            })
+                        }
+                    }
+                })
+            }),
+            /*#__PURE__*/ _jsxs(Table, {
+                size: "small",
+                stickyHeader: true,
+                children: [
+                    /*#__PURE__*/ _jsx(TableHead, {
+                        children: /*#__PURE__*/ _jsxs(TableRow, {
+                            children: [
+                                columnDefs.map((col, colIdx)=>/*#__PURE__*/ _jsx(TableCell, {
+                                        sortDirection: sortState?.fieldName === col.name ? sortState.direction : false,
+                                        children: col.enableSorting !== false ? /*#__PURE__*/ _jsx(TableSortLabel, {
+                                            active: sortState?.fieldName === col.name,
+                                            direction: sortState?.fieldName === col.name ? sortState.direction : 'asc',
+                                            onClick: ()=>handleSortClick(col),
+                                            children: col.header ?? DEFAULT_COLUMN_HEADERS[col.name]
+                                        }) : col.header ?? DEFAULT_COLUMN_HEADERS[col.name]
+                                    }, colIdx)),
+                                showActionsColumn && /*#__PURE__*/ _jsx(TableCell, {
+                                    children: "Actions"
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(TableBody, {
+                        children: silences.length === 0 ? /*#__PURE__*/ _jsx(TableRow, {
+                            children: /*#__PURE__*/ _jsx(TableCell, {
+                                colSpan: 99,
+                                align: "center",
+                                sx: {
+                                    py: 4
+                                },
+                                children: /*#__PURE__*/ _jsx(Typography, {
+                                    color: "text.secondary",
+                                    children: "No matching silences"
+                                })
+                            })
+                        }) : silences.map((silence)=>/*#__PURE__*/ _jsx(SilenceRow, {
+                                silence: silence,
+                                columnDefs: columnDefs,
+                                allowedActions: effectiveActions,
+                                onExpire: setExpireTarget
+                            }, silence.id))
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(Dialog, {
+                open: !!expireTarget,
+                onClose: ()=>setExpireTarget(null),
+                children: [
+                    /*#__PURE__*/ _jsx(Dialog.Header, {
+                        onClose: ()=>setExpireTarget(null),
+                        children: "Expire Silence"
+                    }),
+                    /*#__PURE__*/ _jsx(Dialog.Content, {
+                        children: "Are you sure you want to expire this silence? Alerts matching its matchers will start firing again."
+                    }),
+                    /*#__PURE__*/ _jsxs(Dialog.Actions, {
+                        children: [
+                            /*#__PURE__*/ _jsx(Dialog.SecondaryButton, {
+                                onClick: ()=>setExpireTarget(null),
+                                children: "Cancel"
+                            }),
+                            /*#__PURE__*/ _jsx(Dialog.PrimaryButton, {
+                                onClick: handleExpire,
+                                disabled: isExpiring,
+                                children: isExpiring ? 'Expiring...' : 'Expire'
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=SilenceTablePanel.js.map

package/lib/plugins/silence-table/SilenceTablePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/plugins/silence-table/SilenceTablePanel.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport {\n  Box,\n  IconButton,\n  InputAdornment,\n  Stack,\n  Table,\n  TableBody,\n  TableCell,\n  TableContainer,\n  TableHead,\n  TableRow,\n  TableSortLabel,\n  TextField,\n  Tooltip,\n  Typography,\n} from '@mui/material';\nimport { Dialog, useSnackbar } from '@perses-dev/components';\nimport { PanelProps, useDatasourceClient } from '@perses-dev/plugin-system';\nimport { Silence, SilencesData } from '@perses-dev/spec';\nimport { useQueryClient } from '@tanstack/react-query';\nimport DeleteIcon from 'mdi-material-ui/Delete';\nimport MagnifyIcon from 'mdi-material-ui/Magnify';\nimport { ReactElement, useCallback, useMemo, useState } from 'react';\nimport { MatchersList } from '../../components/MatchersList';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { AlertManagerClient, extractDatasourceSelector } from '../../model';\nimport {\n  ALL_SILENCE_ACTIONS,\n  DEFAULT_COLUMN_HEADERS,\n  DEFAULT_SILENCE_COLUMNS,\n  SilenceAction,\n  SilenceColumnDefinition,\n  SilenceFieldName,\n  SilenceTableOptions,\n  getSilenceDuration,\n  inferSortMode,\n} from './silence-table-model';\nimport { SilenceSortState, compareSilencesByColumn } from './silence-table-sorting';\n\nexport type SilenceTablePanelProps = PanelProps<SilenceTableOptions, SilencesData>;\n\nfunction renderSilenceCell(silence: Silence, field: SilenceFieldName): ReactElement {\n  switch (field) {\n    case 'status':\n      return <StatusBadge status={silence.state} variant=\"silence\" />;\n    case 'matchers':\n      return <MatchersList matchers={silence.matchers} />;\n    case 'startsAt':\n    case 'endsAt':\n    case 'updatedAt': {\n      const raw = field === 'updatedAt' ? silence.updatedAt : silence[field];\n      return <>{raw ? new Date(raw).toLocaleString() : ''}</>;\n    }\n    case 'duration':\n      return <>{getSilenceDuration(silence)}</>;\n    case 'comment':\n      return (\n        <Tooltip title={silence.comment ?? ''}>\n          <Typography\n            variant=\"body2\"\n            sx={{ maxWidth: 200, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}\n          >\n            {silence.comment ?? ''}\n          </Typography>\n        </Tooltip>\n      );\n    case 'createdBy':\n      return <>{silence.createdBy}</>;\n  }\n}\n\nfunction SilenceRow({\n  silence,\n  columnDefs,\n  allowedActions,\n  onExpire,\n}: {\n  silence: Silence;\n  columnDefs: SilenceColumnDefinition[];\n  allowedActions: SilenceAction[];\n  onExpire: (silence: Silence) => void;\n}): ReactElement {\n  const showActions = allowedActions.length > 0;\n  const isExpired = silence.state === 'expired';\n\n  return (\n    <TableRow hover>\n      {columnDefs.map((col, colIdx) => (\n        <TableCell key={colIdx}>{renderSilenceCell(silence, col.name)}</TableCell>\n      ))}\n      {showActions && (\n        <TableCell>\n          <Stack direction=\"row\" spacing={0.5}>\n            {allowedActions.includes('expire') && (\n              <Tooltip title={isExpired ? 'Already expired' : 'Expire silence'}>\n                <span>\n                  <IconButton\n                    size=\"small\"\n                    aria-label=\"Expire silence\"\n                    onClick={() => onExpire(silence)}\n                    disabled={isExpired}\n                  >\n                    <DeleteIcon fontSize=\"small\" />\n                  </IconButton>\n                </span>\n              </Tooltip>\n            )}\n          </Stack>\n        </TableCell>\n      )}\n    </TableRow>\n  );\n}\n\n/**\n * Silence table panel component.\n * Displays silences with matchers, status, creator, duration, and actions.\n */\nexport function SilenceTablePanel({ spec, queryResults, contentDimensions }: SilenceTablePanelProps): ReactElement {\n  const datasourceSelector = useMemo(() => extractDatasourceSelector(queryResults), [queryResults]);\n  const { data: amClient } = useDatasourceClient<AlertManagerClient>(datasourceSelector);\n  const queryClient = useQueryClient();\n\n  const [expireTarget, setExpireTarget] = useState<Silence | null>(null);\n  const [isExpiring, setIsExpiring] = useState(false);\n  const { successSnackbar, exceptionSnackbar } = useSnackbar();\n\n  const handleExpire = useCallback(async () => {\n    if (!amClient || !expireTarget) return;\n    setIsExpiring(true);\n    try {\n      await amClient.deleteSilence(expireTarget.id);\n      setExpireTarget(null);\n      successSnackbar('Silence expired successfully');\n      queryClient.invalidateQueries({ queryKey: ['query', 'AlertsQuery'] });\n      queryClient.invalidateQueries({ queryKey: ['query', 'SilencesQuery'] });\n    } catch (err) {\n      exceptionSnackbar(err);\n    } finally {\n      setIsExpiring(false);\n    }\n  }, [amClient, expireTarget, queryClient, successSnackbar, exceptionSnackbar]);\n\n  const [search, setSearch] = useState('');\n\n  const effectiveActions = useMemo<SilenceAction[]>(\n    () => spec?.allowedActions ?? ALL_SILENCE_ACTIONS,\n    [spec?.allowedActions]\n  );\n  const showActionsColumn = effectiveActions.length > 0;\n\n  const columnDefs = useMemo(() => {\n    if (!spec.columns || spec.columns.length === 0) return DEFAULT_SILENCE_COLUMNS;\n    const defaultNames = new Set(DEFAULT_SILENCE_COLUMNS.map((c) => c.name));\n    const extra = spec.columns.filter((c) => !defaultNames.has(c.name));\n    return [...DEFAULT_SILENCE_COLUMNS, ...extra];\n  }, [spec.columns]);\n\n  const initialSort = useMemo<SilenceSortState | null>(() => {\n    const col = columnDefs.find((c) => c.sort && c.enableSorting !== false);\n    if (!col?.sort) return null;\n    return { fieldName: col.name, direction: col.sort, mode: col.sortMode ?? inferSortMode(col.name) };\n  }, [columnDefs]);\n  const [sortState, setSortState] = useState<SilenceSortState | null>(initialSort);\n\n  const handleSortClick = useCallback((col: SilenceColumnDefinition): void => {\n    setSortState((prev) => {\n      if (prev?.fieldName === col.name) {\n        return prev.direction === 'asc' ? { ...prev, direction: 'desc' } : null;\n      }\n      return { fieldName: col.name, direction: 'asc', mode: col.sortMode ?? inferSortMode(col.name) };\n    });\n  }, []);\n\n  // Flatten all silences from all query results\n  const allSilences = useMemo(() => {\n    return queryResults.flatMap((result) => result.data?.silences ?? []);\n  }, [queryResults]);\n\n  const filteredSilences = useMemo(() => {\n    const term = search.trim().toLowerCase();\n    if (!term) return allSilences;\n    return allSilences.filter((s) => {\n      if (s.state.toLowerCase().includes(term)) return true;\n      if (s.createdBy.toLowerCase().includes(term)) return true;\n      if (s.comment?.toLowerCase().includes(term)) return true;\n      return s.matchers.some((m) => m.name.toLowerCase().includes(term) || m.value.toLowerCase().includes(term));\n    });\n  }, [allSilences, search]);\n\n  const silences = useMemo(() => {\n    if (!sortState) return filteredSilences;\n    return [...filteredSilences].sort((a, b) => compareSilencesByColumn(a, b, sortState));\n  }, [filteredSilences, sortState]);\n\n  if (allSilences.length === 0) {\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          height: contentDimensions?.height ?? '100%',\n        }}\n      >\n        <Typography>No silences to display</Typography>\n      </Box>\n    );\n  }\n\n  return (\n    <TableContainer sx={{ height: contentDimensions?.height, overflow: 'auto' }}>\n      <Box sx={{ px: 1, py: 0.5 }}>\n        <TextField\n          size=\"small\"\n          placeholder=\"Search silences...\"\n          value={search}\n          onChange={(e) => setSearch(e.target.value)}\n          fullWidth\n          slotProps={{\n            htmlInput: { 'aria-label': 'Search silences' },\n            input: {\n              startAdornment: (\n                <InputAdornment position=\"start\">\n                  <MagnifyIcon fontSize=\"small\" />\n                </InputAdornment>\n              ),\n            },\n          }}\n        />\n      </Box>\n      <Table size=\"small\" stickyHeader>\n        <TableHead>\n          <TableRow>\n            {columnDefs.map((col, colIdx) => (\n              <TableCell key={colIdx} sortDirection={sortState?.fieldName === col.name ? sortState.direction : false}>\n                {col.enableSorting !== false ? (\n                  <TableSortLabel\n                    active={sortState?.fieldName === col.name}\n                    direction={sortState?.fieldName === col.name ? sortState.direction : 'asc'}\n                    onClick={() => handleSortClick(col)}\n                  >\n                    {col.header ?? DEFAULT_COLUMN_HEADERS[col.name]}\n                  </TableSortLabel>\n                ) : (\n                  (col.header ?? DEFAULT_COLUMN_HEADERS[col.name])\n                )}\n              </TableCell>\n            ))}\n            {showActionsColumn && <TableCell>Actions</TableCell>}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {silences.length === 0 ? (\n            <TableRow>\n              <TableCell colSpan={99} align=\"center\" sx={{ py: 4 }}>\n                <Typography color=\"text.secondary\">No matching silences</Typography>\n              </TableCell>\n            </TableRow>\n          ) : (\n            silences.map((silence) => (\n              <SilenceRow\n                key={silence.id}\n                silence={silence}\n                columnDefs={columnDefs}\n                allowedActions={effectiveActions}\n                onExpire={setExpireTarget}\n              />\n            ))\n          )}\n        </TableBody>\n      </Table>\n      <Dialog open={!!expireTarget} onClose={() => setExpireTarget(null)}>\n        <Dialog.Header onClose={() => setExpireTarget(null)}>Expire Silence</Dialog.Header>\n        <Dialog.Content>\n          Are you sure you want to expire this silence? Alerts matching its matchers will start firing again.\n        </Dialog.Content>\n        <Dialog.Actions>\n          <Dialog.SecondaryButton onClick={() => setExpireTarget(null)}>Cancel</Dialog.SecondaryButton>\n          <Dialog.PrimaryButton onClick={handleExpire} disabled={isExpiring}>\n            {isExpiring ? 'Expiring...' : 'Expire'}\n          </Dialog.PrimaryButton>\n        </Dialog.Actions>\n      </Dialog>\n    </TableContainer>\n  );\n}\n"],"names":["Box","IconButton","InputAdornment","Stack","Table","TableBody","TableCell","TableContainer","TableHead","TableRow","TableSortLabel","TextField","Tooltip","Typography","Dialog","useSnackbar","useDatasourceClient","useQueryClient","DeleteIcon","MagnifyIcon","useCallback","useMemo","useState","MatchersList","StatusBadge","extractDatasourceSelector","ALL_SILENCE_ACTIONS","DEFAULT_COLUMN_HEADERS","DEFAULT_SILENCE_COLUMNS","getSilenceDuration","inferSortMode","compareSilencesByColumn","renderSilenceCell","silence","field","status","state","variant","matchers","raw","updatedAt","Date","toLocaleString","title","comment","sx","maxWidth","overflow","textOverflow","whiteSpace","createdBy","SilenceRow","columnDefs","allowedActions","onExpire","showActions","length","isExpired","hover","map","col","colIdx","name","direction","spacing","includes","span","size","aria-label","onClick","disabled","fontSize","SilenceTablePanel","spec","queryResults","contentDimensions","datasourceSelector","data","amClient","queryClient","expireTarget","setExpireTarget","isExpiring","setIsExpiring","successSnackbar","exceptionSnackbar","handleExpire","deleteSilence","id","invalidateQueries","queryKey","err","search","setSearch","effectiveActions","showActionsColumn","columns","defaultNames","Set","c","extra","filter","has","initialSort","find","sort","enableSorting","fieldName","mode","sortMode","sortState","setSortState","handleSortClick","prev","allSilences","flatMap","result","silences","filteredSilences","term","trim","toLowerCase","s","some","m","value","a","b","display","justifyContent","alignItems","height","px","py","placeholder","onChange","e","target","fullWidth","slotProps","htmlInput","input","startAdornment","position","stickyHeader","sortDirection","active","header","colSpan","align","color","open","onClose","Header","Content","Actions","SecondaryButton","PrimaryButton"],"mappings":"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"}

package/lib/plugins/silence-table/silence-table-model.d.ts

@@ -0,0 +1,29 @@
+import { Silence } from '@perses-dev/spec';
+export type SilenceAction = 'expire';
+export declare const ALL_SILENCE_ACTIONS: SilenceAction[];
+export type SortDirection = 'asc' | 'desc';
+export type SilenceColumnSortMode = 'alphabetical' | 'date' | 'status';
+export type SilenceFieldName = 'status' | 'matchers' | 'createdBy' | 'startsAt' | 'endsAt' | 'duration' | 'comment' | 'updatedAt';
+export interface SilenceColumnDefinition {
+    name: SilenceFieldName;
+    header?: string;
+    enableSorting?: boolean;
+    sort?: SortDirection;
+    sortMode?: SilenceColumnSortMode;
+}
+export declare const DEFAULT_COLUMN_HEADERS: Record<SilenceFieldName, string>;
+export declare const DEFAULT_SILENCE_COLUMNS: SilenceColumnDefinition[];
+export declare function inferSortMode(field: SilenceFieldName): SilenceColumnSortMode;
+export declare function getSilenceFieldValue(silence: Silence, field: SilenceFieldName): string;
+/**
+ * Options for the SilenceTable panel plugin.
+ */
+export interface SilenceTableOptions {
+    columns?: SilenceColumnDefinition[];
+    allowedActions?: SilenceAction[];
+}
+/**
+ * Calculate a human-readable duration string from a silence's start and end times.
+ */
+export declare function getSilenceDuration(silence: Silence): string;
+//# sourceMappingURL=silence-table-model.d.ts.map

package/lib/plugins/silence-table/silence-table-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"silence-table-model.d.ts","sourceRoot":"","sources":["../../../../src/plugins/silence-table/silence-table-model.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;AAErC,eAAO,MAAM,mBAAmB,EAAE,aAAa,EAAe,CAAC;AAE/D,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC;AAE3C,MAAM,MAAM,qBAAqB,GAAG,cAAc,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEvE,MAAM,MAAM,gBAAgB,GAC1B,QAAQ,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,WAAW,CAAC;AAErG,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,gBAAgB,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CAClC;AAED,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CASnE,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,uBAAuB,EAI5D,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,gBAAgB,GAAG,qBAAqB,CAW5E;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,gBAAgB,GAAG,MAAM,CAmBtF;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACpC,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;CAClC;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,CAiB3D"}

package/lib/plugins/silence-table/silence-table-model.js

@@ -0,0 +1,90 @@
+// Copyright The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+export const ALL_SILENCE_ACTIONS = [
+    'expire'
+];
+export const DEFAULT_COLUMN_HEADERS = {
+    status: 'Status',
+    matchers: 'Matchers',
+    createdBy: 'Creator',
+    startsAt: 'Starts At',
+    endsAt: 'Ends At',
+    duration: 'Duration',
+    comment: 'Comment',
+    updatedAt: 'Updated At'
+};
+export const DEFAULT_SILENCE_COLUMNS = [
+    {
+        name: 'status',
+        sort: 'asc',
+        sortMode: 'status'
+    },
+    {
+        name: 'matchers',
+        enableSorting: false
+    },
+    {
+        name: 'comment'
+    }
+];
+export function inferSortMode(field) {
+    switch(field){
+        case 'status':
+            return 'status';
+        case 'startsAt':
+        case 'endsAt':
+        case 'updatedAt':
+            return 'date';
+        default:
+            return 'alphabetical';
+    }
+}
+export function getSilenceFieldValue(silence, field) {
+    switch(field){
+        case 'status':
+            return silence.state;
+        case 'matchers':
+            return silence.matchers.map((m)=>`${m.name}=${m.value}`).join(', ');
+        case 'createdBy':
+            return silence.createdBy;
+        case 'startsAt':
+            return silence.startsAt;
+        case 'endsAt':
+            return silence.endsAt;
+        case 'duration':
+            return getSilenceDuration(silence);
+        case 'comment':
+            return silence.comment ?? '';
+        case 'updatedAt':
+            return silence.updatedAt ?? '';
+    }
+}
+/**
+ * Calculate a human-readable duration string from a silence's start and end times.
+ */ export function getSilenceDuration(silence) {
+    const startMs = new Date(silence.startsAt).getTime();
+    const endMs = new Date(silence.endsAt).getTime();
+    const diffMs = endMs - startMs;
+    if (diffMs <= 0) return '0m';
+    const totalMinutes = Math.floor(diffMs / (1000 * 60));
+    const days = Math.floor(totalMinutes / (60 * 24));
+    const hours = Math.floor(totalMinutes % (60 * 24) / 60);
+    const minutes = totalMinutes % 60;
+    const parts = [];
+    if (days > 0) parts.push(`${days}d`);
+    if (hours > 0) parts.push(`${hours}h`);
+    if (minutes > 0) parts.push(`${minutes}m`);
+    return parts.join(' ') || '0m';
+}
+
+//# sourceMappingURL=silence-table-model.js.map

package/lib/plugins/silence-table/silence-table-model.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/plugins/silence-table/silence-table-model.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Silence } from '@perses-dev/spec';\n\nexport type SilenceAction = 'expire';\n\nexport const ALL_SILENCE_ACTIONS: SilenceAction[] = ['expire'];\n\nexport type SortDirection = 'asc' | 'desc';\n\nexport type SilenceColumnSortMode = 'alphabetical' | 'date' | 'status';\n\nexport type SilenceFieldName =\n  'status' | 'matchers' | 'createdBy' | 'startsAt' | 'endsAt' | 'duration' | 'comment' | 'updatedAt';\n\nexport interface SilenceColumnDefinition {\n  name: SilenceFieldName;\n  header?: string;\n  enableSorting?: boolean;\n  sort?: SortDirection;\n  sortMode?: SilenceColumnSortMode;\n}\n\nexport const DEFAULT_COLUMN_HEADERS: Record<SilenceFieldName, string> = {\n  status: 'Status',\n  matchers: 'Matchers',\n  createdBy: 'Creator',\n  startsAt: 'Starts At',\n  endsAt: 'Ends At',\n  duration: 'Duration',\n  comment: 'Comment',\n  updatedAt: 'Updated At',\n};\n\nexport const DEFAULT_SILENCE_COLUMNS: SilenceColumnDefinition[] = [\n  { name: 'status', sort: 'asc', sortMode: 'status' },\n  { name: 'matchers', enableSorting: false },\n  { name: 'comment' },\n];\n\nexport function inferSortMode(field: SilenceFieldName): SilenceColumnSortMode {\n  switch (field) {\n    case 'status':\n      return 'status';\n    case 'startsAt':\n    case 'endsAt':\n    case 'updatedAt':\n      return 'date';\n    default:\n      return 'alphabetical';\n  }\n}\n\nexport function getSilenceFieldValue(silence: Silence, field: SilenceFieldName): string {\n  switch (field) {\n    case 'status':\n      return silence.state;\n    case 'matchers':\n      return silence.matchers.map((m) => `${m.name}=${m.value}`).join(', ');\n    case 'createdBy':\n      return silence.createdBy;\n    case 'startsAt':\n      return silence.startsAt;\n    case 'endsAt':\n      return silence.endsAt;\n    case 'duration':\n      return getSilenceDuration(silence);\n    case 'comment':\n      return silence.comment ?? '';\n    case 'updatedAt':\n      return silence.updatedAt ?? '';\n  }\n}\n\n/**\n * Options for the SilenceTable panel plugin.\n */\nexport interface SilenceTableOptions {\n  columns?: SilenceColumnDefinition[];\n  allowedActions?: SilenceAction[];\n}\n\n/**\n * Calculate a human-readable duration string from a silence's start and end times.\n */\nexport function getSilenceDuration(silence: Silence): string {\n  const startMs = new Date(silence.startsAt).getTime();\n  const endMs = new Date(silence.endsAt).getTime();\n  const diffMs = endMs - startMs;\n  if (diffMs <= 0) return '0m';\n\n  const totalMinutes = Math.floor(diffMs / (1000 * 60));\n  const days = Math.floor(totalMinutes / (60 * 24));\n  const hours = Math.floor((totalMinutes % (60 * 24)) / 60);\n  const minutes = totalMinutes % 60;\n\n  const parts: string[] = [];\n  if (days > 0) parts.push(`${days}d`);\n  if (hours > 0) parts.push(`${hours}h`);\n  if (minutes > 0) parts.push(`${minutes}m`);\n\n  return parts.join(' ') || '0m';\n}\n"],"names":["ALL_SILENCE_ACTIONS","DEFAULT_COLUMN_HEADERS","status","matchers","createdBy","startsAt","endsAt","duration","comment","updatedAt","DEFAULT_SILENCE_COLUMNS","name","sort","sortMode","enableSorting","inferSortMode","field","getSilenceFieldValue","silence","state","map","m","value","join","getSilenceDuration","startMs","Date","getTime","endMs","diffMs","totalMinutes","Math","floor","days","hours","minutes","parts","push"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAMjC,OAAO,MAAMA,sBAAuC;IAAC;CAAS,CAAC;AAiB/D,OAAO,MAAMC,yBAA2D;IACtEC,QAAQ;IACRC,UAAU;IACVC,WAAW;IACXC,UAAU;IACVC,QAAQ;IACRC,UAAU;IACVC,SAAS;IACTC,WAAW;AACb,EAAE;AAEF,OAAO,MAAMC,0BAAqD;IAChE;QAAEC,MAAM;QAAUC,MAAM;QAAOC,UAAU;IAAS;IAClD;QAAEF,MAAM;QAAYG,eAAe;IAAM;IACzC;QAAEH,MAAM;IAAU;CACnB,CAAC;AAEF,OAAO,SAASI,cAAcC,KAAuB;IACnD,OAAQA;QACN,KAAK;YACH,OAAO;QACT,KAAK;QACL,KAAK;QACL,KAAK;YACH,OAAO;QACT;YACE,OAAO;IACX;AACF;AAEA,OAAO,SAASC,qBAAqBC,OAAgB,EAAEF,KAAuB;IAC5E,OAAQA;QACN,KAAK;YACH,OAAOE,QAAQC,KAAK;QACtB,KAAK;YACH,OAAOD,QAAQf,QAAQ,CAACiB,GAAG,CAAC,CAACC,IAAM,GAAGA,EAAEV,IAAI,CAAC,CAAC,EAAEU,EAAEC,KAAK,EAAE,EAAEC,IAAI,CAAC;QAClE,KAAK;YACH,OAAOL,QAAQd,SAAS;QAC1B,KAAK;YACH,OAAOc,QAAQb,QAAQ;QACzB,KAAK;YACH,OAAOa,QAAQZ,MAAM;QACvB,KAAK;YACH,OAAOkB,mBAAmBN;QAC5B,KAAK;YACH,OAAOA,QAAQV,OAAO,IAAI;QAC5B,KAAK;YACH,OAAOU,QAAQT,SAAS,IAAI;IAChC;AACF;AAUA;;CAEC,GACD,OAAO,SAASe,mBAAmBN,OAAgB;IACjD,MAAMO,UAAU,IAAIC,KAAKR,QAAQb,QAAQ,EAAEsB,OAAO;IAClD,MAAMC,QAAQ,IAAIF,KAAKR,QAAQZ,MAAM,EAAEqB,OAAO;IAC9C,MAAME,SAASD,QAAQH;IACvB,IAAII,UAAU,GAAG,OAAO;IAExB,MAAMC,eAAeC,KAAKC,KAAK,CAACH,SAAU,CAAA,OAAO,EAAC;IAClD,MAAMI,OAAOF,KAAKC,KAAK,CAACF,eAAgB,CAAA,KAAK,EAAC;IAC9C,MAAMI,QAAQH,KAAKC,KAAK,CAAC,AAACF,eAAgB,CAAA,KAAK,EAAC,IAAM;IACtD,MAAMK,UAAUL,eAAe;IAE/B,MAAMM,QAAkB,EAAE;IAC1B,IAAIH,OAAO,GAAGG,MAAMC,IAAI,CAAC,GAAGJ,KAAK,CAAC,CAAC;IACnC,IAAIC,QAAQ,GAAGE,MAAMC,IAAI,CAAC,GAAGH,MAAM,CAAC,CAAC;IACrC,IAAIC,UAAU,GAAGC,MAAMC,IAAI,CAAC,GAAGF,QAAQ,CAAC,CAAC;IAEzC,OAAOC,MAAMb,IAAI,CAAC,QAAQ;AAC5B"}

package/lib/plugins/silence-table/silence-table-sorting.d.ts

@@ -0,0 +1,9 @@
+import { Silence } from '@perses-dev/spec';
+import { SilenceColumnSortMode, SilenceFieldName, SortDirection } from './silence-table-model';
+export interface SilenceSortState {
+    fieldName: SilenceFieldName;
+    direction: SortDirection;
+    mode: SilenceColumnSortMode;
+}
+export declare function compareSilencesByColumn(a: Silence, b: Silence, sort: SilenceSortState): number;
+//# sourceMappingURL=silence-table-sorting.d.ts.map

package/lib/plugins/silence-table/silence-table-sorting.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"silence-table-sorting.d.ts","sourceRoot":"","sources":["../../../../src/plugins/silence-table/silence-table-sorting.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,aAAa,EAAwB,MAAM,uBAAuB,CAAC;AAErH,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,gBAAgB,CAAC;IAC5B,SAAS,EAAE,aAAa,CAAC;IACzB,IAAI,EAAE,qBAAqB,CAAC;CAC7B;AAkCD,wBAAgB,uBAAuB,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,gBAAgB,GAAG,MAAM,CAmB9F"}

package/lib/plugins/silence-table/silence-table-sorting.js

@@ -0,0 +1,60 @@
+// Copyright The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { getSilenceFieldValue } from './silence-table-model';
+const STATUS_WEIGHT = {
+    active: 0,
+    pending: 1,
+    expired: 2
+};
+function directionMultiplier(direction) {
+    return direction === 'asc' ? 1 : -1;
+}
+function compareAlphabetical(a, b) {
+    if (!a && !b) return 0;
+    if (!a) return 1;
+    if (!b) return -1;
+    return a.localeCompare(b);
+}
+function compareDate(a, b) {
+    const ta = a ? new Date(a).getTime() : NaN;
+    const tb = b ? new Date(b).getTime() : NaN;
+    if (isNaN(ta) && isNaN(tb)) return 0;
+    if (isNaN(ta)) return 1;
+    if (isNaN(tb)) return -1;
+    return ta - tb;
+}
+function compareStatus(a, b) {
+    const wa = STATUS_WEIGHT[a] ?? 3;
+    const wb = STATUS_WEIGHT[b] ?? 3;
+    return wa - wb;
+}
+export function compareSilencesByColumn(a, b, sort) {
+    const va = getSilenceFieldValue(a, sort.fieldName);
+    const vb = getSilenceFieldValue(b, sort.fieldName);
+    let result;
+    switch(sort.mode){
+        case 'date':
+            result = compareDate(va, vb);
+            break;
+        case 'status':
+            result = compareStatus(va, vb);
+            break;
+        case 'alphabetical':
+        default:
+            result = compareAlphabetical(va, vb);
+            break;
+    }
+    return result * directionMultiplier(sort.direction);
+}
+
+//# sourceMappingURL=silence-table-sorting.js.map

package/lib/plugins/silence-table/silence-table-sorting.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/plugins/silence-table/silence-table-sorting.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Silence } from '@perses-dev/spec';\nimport { SilenceColumnSortMode, SilenceFieldName, SortDirection, getSilenceFieldValue } from './silence-table-model';\n\nexport interface SilenceSortState {\n  fieldName: SilenceFieldName;\n  direction: SortDirection;\n  mode: SilenceColumnSortMode;\n}\n\nconst STATUS_WEIGHT: Record<string, number> = {\n  active: 0,\n  pending: 1,\n  expired: 2,\n};\n\nfunction directionMultiplier(direction: SortDirection): number {\n  return direction === 'asc' ? 1 : -1;\n}\n\nfunction compareAlphabetical(a: string, b: string): number {\n  if (!a && !b) return 0;\n  if (!a) return 1;\n  if (!b) return -1;\n  return a.localeCompare(b);\n}\n\nfunction compareDate(a: string, b: string): number {\n  const ta = a ? new Date(a).getTime() : NaN;\n  const tb = b ? new Date(b).getTime() : NaN;\n  if (isNaN(ta) && isNaN(tb)) return 0;\n  if (isNaN(ta)) return 1;\n  if (isNaN(tb)) return -1;\n  return ta - tb;\n}\n\nfunction compareStatus(a: string, b: string): number {\n  const wa = STATUS_WEIGHT[a] ?? 3;\n  const wb = STATUS_WEIGHT[b] ?? 3;\n  return wa - wb;\n}\n\nexport function compareSilencesByColumn(a: Silence, b: Silence, sort: SilenceSortState): number {\n  const va = getSilenceFieldValue(a, sort.fieldName);\n  const vb = getSilenceFieldValue(b, sort.fieldName);\n  let result: number;\n\n  switch (sort.mode) {\n    case 'date':\n      result = compareDate(va, vb);\n      break;\n    case 'status':\n      result = compareStatus(va, vb);\n      break;\n    case 'alphabetical':\n    default:\n      result = compareAlphabetical(va, vb);\n      break;\n  }\n\n  return result * directionMultiplier(sort.direction);\n}\n"],"names":["getSilenceFieldValue","STATUS_WEIGHT","active","pending","expired","directionMultiplier","direction","compareAlphabetical","a","b","localeCompare","compareDate","ta","Date","getTime","NaN","tb","isNaN","compareStatus","wa","wb","compareSilencesByColumn","sort","va","fieldName","vb","result","mode"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAGjC,SAAiEA,oBAAoB,QAAQ,wBAAwB;AAQrH,MAAMC,gBAAwC;IAC5CC,QAAQ;IACRC,SAAS;IACTC,SAAS;AACX;AAEA,SAASC,oBAAoBC,SAAwB;IACnD,OAAOA,cAAc,QAAQ,IAAI,CAAC;AACpC;AAEA,SAASC,oBAAoBC,CAAS,EAAEC,CAAS;IAC/C,IAAI,CAACD,KAAK,CAACC,GAAG,OAAO;IACrB,IAAI,CAACD,GAAG,OAAO;IACf,IAAI,CAACC,GAAG,OAAO,CAAC;IAChB,OAAOD,EAAEE,aAAa,CAACD;AACzB;AAEA,SAASE,YAAYH,CAAS,EAAEC,CAAS;IACvC,MAAMG,KAAKJ,IAAI,IAAIK,KAAKL,GAAGM,OAAO,KAAKC;IACvC,MAAMC,KAAKP,IAAI,IAAII,KAAKJ,GAAGK,OAAO,KAAKC;IACvC,IAAIE,MAAML,OAAOK,MAAMD,KAAK,OAAO;IACnC,IAAIC,MAAML,KAAK,OAAO;IACtB,IAAIK,MAAMD,KAAK,OAAO,CAAC;IACvB,OAAOJ,KAAKI;AACd;AAEA,SAASE,cAAcV,CAAS,EAAEC,CAAS;IACzC,MAAMU,KAAKlB,aAAa,CAACO,EAAE,IAAI;IAC/B,MAAMY,KAAKnB,aAAa,CAACQ,EAAE,IAAI;IAC/B,OAAOU,KAAKC;AACd;AAEA,OAAO,SAASC,wBAAwBb,CAAU,EAAEC,CAAU,EAAEa,IAAsB;IACpF,MAAMC,KAAKvB,qBAAqBQ,GAAGc,KAAKE,SAAS;IACjD,MAAMC,KAAKzB,qBAAqBS,GAAGa,KAAKE,SAAS;IACjD,IAAIE;IAEJ,OAAQJ,KAAKK,IAAI;QACf,KAAK;YACHD,SAASf,YAAYY,IAAIE;YACzB;QACF,KAAK;YACHC,SAASR,cAAcK,IAAIE;YAC3B;QACF,KAAK;QACL;YACEC,SAASnB,oBAAoBgB,IAAIE;YACjC;IACJ;IAEA,OAAOC,SAASrB,oBAAoBiB,KAAKhB,SAAS;AACpD"}

package/lib/plugins/types.d.ts

@@ -0,0 +1,30 @@
+import { HTTPProxy } from '@perses-dev/spec';
+import { DatasourceSelectValue } from '@perses-dev/plugin-system';
+import { AlertManagerDatasourceSelector } from '../model/alertmanager-selectors';
+/**
+ * Datasource spec for the Alert Manager datasource plugin.
+ */
+export interface AlertManagerDatasourceSpec {
+    directUrl?: string;
+    proxy?: HTTPProxy;
+}
+/**
+ * Query spec for the Alert Manager alerts query plugin.
+ */
+export interface AlertManagerAlertsQuerySpec {
+    datasource?: DatasourceSelectValue<AlertManagerDatasourceSelector>;
+    filters?: string[];
+    active?: boolean;
+    silenced?: boolean;
+    inhibited?: boolean;
+    unprocessed?: boolean;
+    receiver?: string;
+}
+/**
+ * Query spec for the Alert Manager silences query plugin.
+ */
+export interface AlertManagerSilencesQuerySpec {
+    datasource?: DatasourceSelectValue<AlertManagerDatasourceSelector>;
+    filters?: string[];
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/plugins/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/plugins/types.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,8BAA8B,EAAE,MAAM,iCAAiC,CAAC;AAEjF;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C,UAAU,CAAC,EAAE,qBAAqB,CAAC,8BAA8B,CAAC,CAAC;IACnE,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,6BAA6B;IAC5C,UAAU,CAAC,EAAE,qBAAqB,CAAC,8BAA8B,CAAC,CAAC;IACnE,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB"}